/*  Global  */
:root {
  --lqd-container-width: 1060px;
  --lqd-container-width-md: 100%;
  --lqd-container-width-sm: 100%;
  --lqd-row-gutter-x: 0;
  --lqd-row-gutter-y: 0;

  --lqd-color-primary: #675de1;
  --lqd-color-secondary: #6bcd94;
  --lqd-color-dark: #292929;
  --lqd-color-purple-500: #8745d5;
  --lqd-color-blue-500: #007fff;
  --lqd-color-blue-600: #354b60;
  --lqd-color-blue-700: #032a3e;
  --lqd-color-blue-900: #282734;
  --lqd-color-brown-300: #f5dbb8;
  --lqd-color-brown-500: #a25139;
  --lqd-color-green-300: #82b541;
  --lqd-color-green-400: #84f0b2;
  --lqd-color-green-500: #49c193;
  --lqd-color-green-700: #26372d;
  --lqd-color-slate-100: rgba(110, 127, 153, 0.1);
  --lqd-color-slate-200: #b4b6c6;
  --lqd-color-slate-300: #9999a3;
  --lqd-color-slate-400: #6e7f99;
  --lqd-color-slate-500: rgba(69, 67, 113, 0.58);
  --lqd-color-slate-600: #61969d;
  --lqd-color-slate-700: #45485f;
  --lqd-color-orange: #ed6a04;
  --lqd-badge-color: #6e7f99;
  --lqd-color-gradient-start: var(--lqd-color-purple-500);
  --lqd-color-gradient-stop: var(--lqd-color-green-500);
  --lqd-color-orange-100: rgba(196, 116, 66, 0.15);
  --lqd-color-green-100: rgba(66, 196, 106, 0.2);
  --lqd-color-purple-100: rgba(142, 114, 235, 0.17);
  --lqd-color-yellow-100: rgba(249, 223, 104, 0.22);
  --lqd-color-pink-100: rgba(196, 66, 132, 0.15);
  --lqd-color-blue-100: rgba(47, 178, 187, 0.22);
  --lqd-body-text-color: #3c4b62;
  --lqd-color-sky-800: #104662;

  --lqd-body-font-family: "Be Vietnam Pro", sans-serif;
  --lqd-body-font-size: 17px;
  --lqd-body-font-weight: 400;
  --lqd-body-line-height: 1.35em;
  --lqd-accent-font-family: "Rubik", sans-serif;
  --lqd-accent-font-size: 16px;
  --lqd-accent-line-height: 2em;

  --lqd-heading-color: var(--lqd-color-blue-900);
  --lqd-heading-font-family: var(--lqd-body-font-family);
  --lqd-h1-font-size: 40px;
  --lqd-heading-font-weight: 700;
  --lqd-heading-line-height: 1em;
  --lqd-h1-letter-spacing: -1.5px;
  --lqd-h2-font-size: 36px;
  --lqd-h2-letter-spacing: -1.5px;
  --lqd-h3-font-size: 32px;
  --lqd-h4-font-size: 25px;
  --lqd-h5-font-size: 21px;
  --lqd-h6-font-size: 18px;

  --lqd-cc-size-inner: 17px;
  --lqd-cc-bg: rgb(255, 255, 255);
  --lqd-cc-active-bw: 1px;
  --lqd-cc-active-bg: rgb(255, 251, 251);
  --lqd-cc-active-bc: rgb(255, 251, 251);
  --lqd-cc-active-circle-txt: rgb(255, 251, 251);
  --lqd-cc-blend-mode: difference;
}

@media (max-width: 1199px) {
  .container {
    --lqd-row-gutter-x: 40px;
  }
}

@media (max-width: 767px) {
  .module-content-col {
    padding: 30px;
  }

  .module-first-col {
    margin: 0 0 20px 0;
  }
}

/* Titlebar */
.titlebar-inner h1 {
  font-size: 72px;
}

@media (max-width: 767px) {
  .titlebar-inner h1 {
    font-size: 62px;
  }
}

/*  Button  */
.nav-trigger .bars {
  width: 41px;
  height: 41px;
}

.nav-trigger.style-2 .bar {
  width: 15px;
}

.module-btn-sm {
  --btn-pt: 8px;
  --btn-pe: 22px;
  --btn-pb: 8px;
  --btn-ps: 22px;
}

.module-btn-md {
  --icon-ms: 12px;
  --btn-pt: 1em;
  --btn-pe: 1.66em;
  --btn-pb: 1em;
  --btn-ps: 1.66em;
}

.btn .btn-icon {
  --icon-ms: 12px;
}

/* ***** Main Header ***** */
.main-header .lqd-hide-onstuck {
  background-size: 91px auto;
}

.main-header .lqd-hide-onstuck a:before {
  background-color: #fff;
}

.social-icon:hover {
  opacity: 0.9;
  color: #fff;
}

.main-header .module-primary-nav a:hover,
.main-header .module-primary-nav li.is-active,
.social-icon:hover i {
  color: #000;
}

.main-header.is-stuck .module-logo {
  padding-top: 18px;
  padding-inline-end: 0;
  padding-bottom: 18px;
  padding-inline-start: 0;
}

@media (max-width: 1199px) {
  .main-header .module-primary-nav .navbar-collapse {
    margin-right: 50px;
  }
}

/* ***** Sticky Bar ***** */
.main-header .lqd-stickybar-left .btn:before {
  background: #000000;
}

/* ***** Mobile Header ***** */
@media (max-width: 767px) {
  .main-header .lqd-mobile-sec .navbar-brand img {
    max-width: 171px;
  }
}

/*  Lity Modal  */
.lity-modal .ld-fancy-heading h2 span {
  font-family: "DM Serif Text", serif;
  font-style: italic;
}

.lity-modal .lqd-contact-form {
  --inputs-margin: 0 0 30px 0;
  --input-margin-bottom: 30px;
}

@media (max-width: 1199px) {
  .lity-modal .module-content {
    padding: 10px;
  }

  .lity-modal .ld-fancy-heading h2 {
    font-size: 48px;
    line-height: 1em;
  }
}

@media (max-width: 767px) {
  .lity-modal .ld-fancy-heading h2 {
    font-size: 34px;
  }
}

/* .... Error Message ...' */
.error-message {
	color: red;
	font-size: 14px;
	margin-top: -20px; /* Reduced from 6px to 2px */
  margin-bottom: 20px;
	display: none;
}


/* ................TOAST CSS.................... */
.toast {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2ecc71;
  color: #fff;
  padding: 14px 24px;
  border-radius: 6px;
  font-size: 14px;
  z-index: 9999;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, bottom 0.5s ease;
}

.toast.show {
  opacity: 1;
  bottom: 50px;
  pointer-events: auto;
}

.toast.hidden {
  display: none;
}

.custom-btn {
  padding: 14px 24px;
  margin-left: 0.2em;
  background-color: white;
  color: #333;
  border: 1px solid #333;
  border-radius: 30px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.custom-btn:hover {
  background-color: #333;
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}

.avatar{
  border-radius:50%;
}

@media (max-width: 575.98px) {
  .mt-xs-100 {
    margin-top: 150px !important;
  }
}

.youtube-video{
  width:1173px;
  height:500px;
}

@media (max-width: 575.98px) {
  .youtube-video {
  width:100%;
  height:100%;
  }
}