@charset "UTF-8";
/* styles/_global.scss */
/* Mixins */
/* Variables */
@import url("https://fonts.googleapis.com/css2?family=Enriqueta:wght@400;500;600;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap");
:root {
  --mighty-black: #0D1720;
  --light-black: #3B3B3B;
  --cool-gray: #5A5A5A;
  --cool-gray-20: rgba(105, 105, 115, 0.2);
  --cool-gray-30: rgba(105, 105, 115, 0.3);
  --cool-gray-60: rgba(105, 105, 115, 0.6);
  --theme-color: #000000;
  --secondary-color: #40a6d5;
  --gray-light: #F3F4F6;
  --theme-color-light: #40a6d5;
  --baby-blue-20: rgba(149, 212, 219, 0.2);
  --baby-blue-30: rgba(149, 212, 219, 0.3);
  --baby-blue-60: rgba(149, 212, 219, 0.6);
  --baby-blue-80: rgba(149, 212, 219, 0.8);
  --baby-blue-100: rgba(149, 212, 219, 1);
  --baby-blue-dark: #5CA4AB;
  --baby-blue-darker: #457B81;
  --black: hsl(0deg 0% 0% / 100%);
  --white: hsl(0deg 0% 100% / 100%);
  --white-for-dark: hsl(0deg 0% 95% / 100%);
  --success: hsl(140deg 35% 44% / 100%);
  --warning: hsl(45deg 100% 60% / 100%);
  --error: hsl(0deg 55% 44% / 100%);
  --link-color: var(--theme-color);
  --link-hover: var(--theme-color);
  --link-active: var(--theme-color);
  --scale: 0.1;
  --space-2: calc(2 / 16 * 1rem);
  --space-4: calc(4 / 16 * 1rem);
  --space-6: calc(6 / 16 * 1rem);
  --space-8: calc(8 / 16 * 1rem);
  --space-10: calc(10 / 16 * 1rem);
  --space-12: calc(12 / 16 * 1rem);
  --space-14: calc(14 / 16 * 1rem);
  --space-16: calc(16 / 16 * 1rem);
  --space-18: calc(18 / 16 * 1rem);
  --space-20: calc(20 / 16 * 1rem);
  --space-22: calc(22 / 16 * 1rem);
  --space-24: calc(24 / 16 * 1rem);
  --space-26: calc(26 / 16 * 1rem);
  --space-28: calc(28 / 16 * 1rem);
  --space-30: calc(30 / 16 * 1rem);
  --space-32: calc(32 / 16 * 1rem);
  --space-34: calc(34 / 16 * 1rem);
  --space-36: calc(36 / 16 * 1rem);
  --space-38: calc(38 / 16 * 1rem);
  --space-40: calc(40 / 16 * 1rem);
  --space-42: calc(42 / 16 * 1rem);
  --space-44: calc(44 / 16 * 1rem);
  --space-46: calc(46 / 16 * 1rem);
  --space-48: calc(48 / 16 * 1rem);
  --space-50: calc(50 / 16 * 1rem);
  --space-52: calc(52 / 16 * 1rem);
  --space-54: calc(54 / 16 * 1rem);
  --space-56: calc(56 / 16 * 1rem);
  --space-58: calc(58 / 16 * 1rem);
  --space-60: calc(60 / 16 * 1rem);
  --space-62: calc(62 / 16 * 1rem);
  --space-64: calc(64 / 16 * 1rem);
  --space-66: calc(66 / 16 * 1rem);
  --space-68: calc(68 / 16 * 1rem);
  --space-70: calc(70 / 16 * 1rem);
  --space-72: calc(72 / 16 * 1rem);
  --space-xs: var(--space-4);
  --space-sm: var(--space-8);
  --space-md: var(--space-16);
  --space-lg: var(--space-24);
  --space-xl: var(--space-40);
  --row-gap: var(--space-24);
  --transition-base: all 0.2s linear;
  --transition-four: all 0.4s linear;
  --transition-fade: opacity 0.15s linear;
  --transition-collapse: height 0.35s ease;
  --transition-collapse-width: width 0.35s ease;
  --font-size-1: calc(1 / 15 * 1rem);
  --font-size-2: calc(2 / 15 * 1rem);
  --font-size-3: calc(3 / 15 * 1rem);
  --font-size-4: calc(4 / 15 * 1rem);
  --font-size-5: calc(5 / 15 * 1rem);
  --font-size-6: calc(6 / 15 * 1rem);
  --font-size-7: calc(7 / 15 * 1rem);
  --font-size-8: calc(8 / 15 * 1rem);
  --font-size-9: calc(9 / 15 * 1rem);
  --font-size-10: calc(10 / 15 * 1rem);
  --font-size-11: calc(11 / 15 * 1rem);
  --font-size-12: calc(12 / 15 * 1rem);
  --font-size-13: calc(13 / 15 * 1rem);
  --font-size-14: calc(14 / 15 * 1rem);
  --font-size-15: calc(15 / 15 * 1rem);
  --font-size-16: calc(16 / 15 * 1rem);
  --font-size-17: calc(17 / 15 * 1rem);
  --font-size-18: calc(18 / 15 * 1rem);
  --font-size-19: calc(19 / 15 * 1rem);
  --font-size-20: calc(20 / 15 * 1rem);
  --font-size-21: calc(21 / 15 * 1rem);
  --font-size-22: calc(22 / 15 * 1rem);
  --font-size-23: calc(23 / 15 * 1rem);
  --font-size-24: calc(24 / 15 * 1rem);
  --font-size-25: calc(25 / 15 * 1rem);
  --font-size-26: calc(26 / 15 * 1rem);
  --font-size-27: calc(27 / 15 * 1rem);
  --font-size-28: calc(28 / 15 * 1rem);
  --font-size-29: calc(29 / 15 * 1rem);
  --font-size-30: calc(30 / 15 * 1rem);
  --font-size-31: calc(31 / 15 * 1rem);
  --font-size-32: calc(32 / 15 * 1rem);
  --font-size-33: calc(33 / 15 * 1rem);
  --font-size-34: calc(34 / 15 * 1rem);
  --font-size-35: calc(35 / 15 * 1rem);
  --font-size-36: calc(36 / 15 * 1rem);
  --font-size-37: calc(37 / 15 * 1rem);
  --font-size-38: calc(38 / 15 * 1rem);
  --font-size-39: calc(39 / 15 * 1rem);
  --font-size-40: calc(40 / 15 * 1rem);
  --font-size-41: calc(41 / 15 * 1rem);
  --font-size-42: calc(42 / 15 * 1rem);
  --font-size-43: calc(43 / 15 * 1rem);
  --font-size-44: calc(44 / 15 * 1rem);
  --font-size-45: calc(45 / 15 * 1rem);
  --font-size-46: calc(46 / 15 * 1rem);
  --font-size-47: calc(47 / 15 * 1rem);
  --font-size-48: calc(48 / 15 * 1rem);
  --font-size-49: calc(49 / 15 * 1rem);
  --font-size-50: calc(50 / 15 * 1rem);
  --font-size-51: calc(51 / 15 * 1rem);
  --font-size-52: calc(52 / 15 * 1rem);
  --font-size-53: calc(53 / 15 * 1rem);
  --font-size-54: calc(54 / 15 * 1rem);
  --font-size-55: calc(55 / 15 * 1rem);
  --font-size-56: calc(56 / 15 * 1rem);
  --font-size-57: calc(57 / 15 * 1rem);
  --font-size-58: calc(58 / 15 * 1rem);
  --font-size-59: calc(59 / 15 * 1rem);
  --font-size-60: calc(60 / 15 * 1rem);
  --font-size-base: var(--font-size-15);
  --headline-xs: var(--font-size-20);
  --headline-sm: var(--font-size-24);
  --headline-md: var(--font-size-32);
  --headline-lg: var(--font-size-42);
  --headline-xl: var(--font-size-56);
  --headline-xxl: var(--font-size-62);
  --line-height: 1.4;
  --line-height-title: 140%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Playfair Display", serif;
  color: #000;
  line-height: var(--line-height);
  font-weight: 400;
}

h3 {
  color: #000000;
}

.headline-h1 {
  font-size: var(--headline-xl);
  font-weight: 700;
  margin-bottom: var(--space-sm);
}
@media only screen and (min-width: 768px) {
  .headline-h1 {
    font-size: var(--headline-xxl);
    margin-bottom: var(--space-md);
  }
}

.headline-h2 {
  font-size: var(--headline-lg);
  font-weight: 700;
  margin-bottom: var(--space-sm);
}
@media only screen and (min-width: 768px) {
  .headline-h2 {
    font-size: var(--headline-xl);
    margin-bottom: var(--space-md);
  }
}

.headline-h3 {
  font-size: var(--headline-md);
  font-weight: 700;
  margin-bottom: var(--space-sm);
}
@media only screen and (min-width: 768px) {
  .headline-h3 {
    font-size: var(--headline-lg);
    margin-bottom: var(--space-md);
  }
}

.headline-h4 {
  font-size: var(--headline-sm);
  font-weight: 700;
  margin-bottom: var(--space-sm);
}
@media only screen and (min-width: 768px) {
  .headline-h4 {
    font-size: var(--headline-md);
    margin-bottom: var(--space-md);
  }
}

.headline-h5 {
  font-size: var(--headline-xs);
  font-weight: 700;
  margin-bottom: var(--space-sm);
}
@media only screen and (min-width: 768px) {
  .headline-h5 {
    font-size: var(--headline-sm);
    margin-bottom: var(--space-md);
  }
}

.headline-h6 {
  font-size: var(--headline-xs);
  font-weight: 700;
  margin-bottom: var(--space-sm);
}
@media only screen and (min-width: 768px) {
  .headline-h6 {
    font-size: var(--headline-xs);
    margin-bottom: var(--space-md);
  }
}

.fs-5 {
  font-size: var(--font-size-18) !important;
}
.fs-7 {
  font-size: var(--font-size-14);
}
.fs-18 {
  font-size: var(--font-size-18);
}
.fs-20 {
  font-size: var(--font-size-20);
}
.fs-22 {
  font-size: var(--font-size-22);
}
.fs-24 {
  font-size: var(--font-size-24);
}
.fs-28 {
  font-size: var(--font-size-28);
}
.fs-32 {
  font-size: var(--font-size-32);
}
.fs-40 {
  font-size: var(--font-size-40);
}
.fs-50 {
  font-size: var(--font-size-50);
}
.fs-60 {
  font-size: var(--font-size-60);
}

.fw-100 {
  font-weight: 100;
}
.fw-200 {
  font-weight: 200;
}
.fw-300 {
  font-weight: 300;
}
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
.fw-800 {
  font-weight: 800;
}
.fw-900 {
  font-weight: 900;
}

.text-left {
  text-align: left !important;
}

/* Right Menu */
.rightmenu {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 230px;
  background: var(--secondary-color);
  padding: 20px;
  transition: 0.4s ease;
  z-index: 9999;
  border-radius: 12px 0 0 12px;
}
.rightmenu.active {
  right: -230px;
}
.rightmenu.active .arrow.right {
  display: none;
}
.rightmenu.active .arrow.left {
  display: block;
}
.rightmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.rightmenu ul li {
  margin-bottom: 10px;
}
.rightmenu ul li:last-child {
  margin-bottom: 0;
}
.rightmenu ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.5;
  transition: color 0.3s;
}
.rightmenu ul li a:hover {
  color: var(--theme-color);
}

/* Toggle button */
.menu-toggle {
  position: absolute;
  left: -45px;
  top: 20px;
  width: 45px;
  height: 45px;
  border: none;
  background: var(--secondary-color);
  cursor: pointer;
  border-radius: 8px 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Arrow */
.arrow {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 5px;
  position: absolute;
  transition: 0.3s;
}
.arrow.right {
  transform: rotate(-45deg);
}
.arrow.left {
  transform: rotate(135deg);
  display: none;
}

.whatsapp-float {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 20px;
  background-color: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  transition: transform 0.2s ease;
}

.whatsapp-float img {
  width: 35px;
  height: 35px;
}

.whatsapp-float:hover {
  transform: scale(1.1);
}

.topbar {
  position: relative;
  border-bottom: 1px #f1f1f1 solid;
  background: #f8f8f8;
  display: flex;
  height: 36px;
  font-size: 13px;
}
@media only screen and (max-width: 1199px) {
  .topbar {
    display: none;
  }
}
.topbar-social {
  list-style: none;
}
.topbar-social li a {
  display: inline-block;
  background: #FFF;
  margin: 2px;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
}
.topbar-social li a:hover {
  background-color: #40a6d5;
}
.topbar-social li a:hover svg path {
  fill: #FFFFFF;
}
.topbar .dropdown-toggle:after {
  border: solid;
  border-width: 0 1px 1px 0;
  padding: 2px;
  transform: scale(1) rotate(45deg);
  margin-left: var(--space-6);
}

@media only screen and (max-width: 991px) {
  .topmenu {
    display: none;
  }
}
.topmenu .dropdown-toggle {
  margin: 4px;
}
@media only screen and (max-width: 991px) {
  .offcanvas .topmenu {
    display: block;
  }
}
.topmenu ul {
  display: flex;
  margin: 0;
}
.topmenu ul li {
  list-style: none;
  position: relative;
}
.topmenu ul li a {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  text-decoration: none;
  color: #5A5A5A;
  border-left: 1px #ccc solid;
  line-height: 13px;
  font-weight: 700;
}
.header-language-switcher .topmenu ul li a {
  color: #FFFFFF;
}
.topmenu ul li a:hover {
  color: var(--secondary-color);
}
.topmenu ul li:first-child a {
  border: none;
}

.searchbox button {
  border: none;
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  margin: 0 15px;
  text-align: center;
}
.searchbox button::after {
  display: none;
}

.header {
  top: 0;
  background: #f8f8f8;
  transition: top 0.3s ease;
  z-index: 100;
}
@media only screen and (max-width: 1199px) {
  .header {
    padding: 15px 0;
  }
}
.header.sticky-top-down {
  top: -110px;
}
@media only screen and (min-width: 992px) {
  .offcanvas .header-language-switcher {
    display: none;
  }
}
.offcanvas .header-language-switcher ul {
  justify-content: flex-end;
  margin-bottom: var(--space-16);
}
@media only screen and (max-width: 1199px) {
  .header .offcanvas {
    top: 82px;
    right: 0;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    background: var(--theme-color);
    transform: translateX(100%);
  }
  .header .offcanvas-backdrop {
    opacity: 0;
  }
}
@media only screen and (max-width: 991px) {
  .header .offcanvas {
    top: 82px;
  }
}

.sticky-top-up {
  box-shadow: 1px 1px 8px #aaaaaa;
}
.sticky-top-up .offcanvas {
  top: 75px;
}

.navbar-brand {
  padding: 0 20px;
}

.navbar {
  padding: 10px 0;
}
.navbar-collapse {
  flex-grow: 0;
}
.navbar-nav {
  text-align: right;
}
.navbar-nav.social-share {
  border: none;
}
@media only screen and (max-width: 991px) {
  .navbar-nav {
    border-bottom: 1px solid var(--cool-gray-30);
  }
}
.navbar-nav .dropdown-menu {
  --bs-dropdown-min-width: 240px;
  border: none;
  --bs-dropdown-border-radius: var(--space-xs);
  --bs-dropdown-font-size: var(--font-size-14);
  --bs-dropdown-padding-y: 0;
}
@media only screen and (min-width: 992px) {
  .navbar-nav .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: 5px 10px 20px rgba(0, 0, 0, 0.1);
  }
}
.navbar-nav .dropdown-menu li {
  position: relative;
}
@media only screen and (min-width: 992px) {
  .navbar-nav .dropdown-menu li:hover > .dropdown-submenu {
    display: block;
  }
}
.navbar-nav .dropdown-submenu {
  display: none;
  left: 100%;
  top: 0;
  border-top-right-radius: var(--space-xs);
  border-bottom-left-radius: 0;
}
@media only screen and (max-width: 991px) {
  .navbar-nav .dropdown-submenu .dropdown-item {
    --bs-dropdown-item-padding-x: var(--space-30);
  }
}
.navbar-nav .dropdown-submenu.show {
  display: block;
}
.navbar-nav .dropdown-item {
  border-bottom: 1px solid var(--cool-gray-20);
  --bs-dropdown-link-color: var(--cool-gray);
  --bs-dropdown-link-hover-color: var(--theme-color);
  --bs-dropdown-link-active-color: var(--theme-color);
  --bs-dropdown-link-hover-bg: transparent;
  --bs-dropdown-link-active-bg: transparent;
  line-height: 16px;
  --bs-dropdown-item-padding-y: var(--space-12);
  --bs-dropdown-item-padding-x: var(--space-20);
  cursor: pointer;
  transition: var(--transition-base);
}
.navbar-nav .dropdown-item.active a {
  color: var(--theme-color);
}
.navbar-nav .dropdown-item a {
  color: var(--cool-gray);
  text-decoration: none;
}
.navbar-nav .dropdown-item a:hover, .navbar-nav .dropdown-item a:active {
  color: var(--theme-color);
}
.navbar-nav .dropdown-item:hover, .navbar-nav .dropdown-item.active {
  box-shadow: inset 4px 0 0 var(--theme-color);
}
.navbar-toggler:hover svg rect, .navbar-toggler:active svg rect, .navbar-toggler:focus svg rect {
  fill: var(--theme-color);
}
.nav-item {
  position: relative;
  font-size: var(--font-size-base);
  font-weight: 500;
}
@media only screen and (min-width: 992px) {
  .nav-item:not(:last-child):before {
    top: 50%;
    right: -4px;
    width: 4px;
    height: 4px;
    content: "";
    margin: -2px 0 0;
    border-radius: 50px;
    position: absolute;
    background: var(--theme-color);
  }
  .nav-item.last:not(:last-child)::before {
    display: none;
  }
  .nav-item.dropdown .dropdown-menu.show {
    display: none;
  }
  .nav-item.dropdown .dropdown-menu[data-bs-popper] {
    margin-top: 0;
  }
  .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
  }
}
.nav-link {
  --bs-nav-link-color: #FFF;
  --bs-nav-link-hover-color: #F97316;
  --bs-navbar-active-color: #F97316;
  border-top: 1px solid var(--cool-gray-30);
  padding: var(--space-md) 0;
  font-weight: 400;
  font-size: 15px;
}
@media only screen and (min-width: 1200px) {
  .nav-link {
    --bs-nav-link-color: var(--cool-gray);
    --bs-nav-link-hover-color: var(--cool-gray);
    --bs-navbar-active-color: var(--cool-gray);
    border: none;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding: 10px 20px;
  }
  .nav-link:after {
    display: block;
    content: "";
    border: transparent;
    border-bottom: solid 2px #40a6d5;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    position: relative;
    top: 10px;
  }
  .nav-link:hover:after {
    transform: scaleX(1);
  }
  .navbar .nav-item:last-child .nav-link {
    padding-right: 0;
  }
  .nav-link.active:after {
    height: 4px;
    opacity: 1;
  }
}
.social-share .nav-link {
  border: 1px solid #fff;
  border-radius: var(--space-xs);
  line-height: 1;
  transition: var(--transition-four);
  padding: 8px 9px;
}
.social-share .nav-link:after {
  display: none;
}
.social-share .nav-link path {
  transition: var(--transition-four);
}
.social-share .nav-link:hover {
  background-color: #FFFFFF;
}
.social-share .nav-link:hover path {
  fill: var(--theme-color);
}

.btn {
  --bs-btn-padding-y: var(--space-12);
  --bs-btn-padding-x: var(--space-20);
  --bs-btn-font-size: var(--font-size-base);
  --bs-btn-line-height: var(--line-height);
  --bs-btn-border-width: 2px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .btn {
    --bs-btn-padding-y: var(--space-8);
    --bs-btn-padding-x: var(--space-16);
    --bs-btn-font-size: var(--font-size-14);
  }
}
.btn-sm {
  --bs-btn-padding-y: var(--space-8);
  --bs-btn-padding-x: var(--space-8);
  --bs-btn-font-size: var(--font-size-14);
  line-height: var(--space-16);
}
.btn-primary {
  --bs-btn-border-color: var(--theme-color);
  --bs-btn-border-radius: 0;
  --bs-btn-bg: var(--theme-color);
  --bs-btn-hover-bg: var(--theme-color-light);
  --bs-btn-hover-border-color: var(--theme-color-light);
  --bs-btn-active-bg: var(--theme-color-light);
  --bs-btn-active-border-color: var(--theme-color-light);
}
.btn-secondary {
  --bs-btn-border-color: var(--secondary-color);
  --bs-btn-border-radius: 0;
  --bs-btn-bg: var(--secondary-color);
  --bs-btn-hover-bg: var(--theme-color-light);
  --bs-btn-hover-border-color: var(--theme-color-light);
  --bs-btn-active-bg: var(--theme-color-light);
  --bs-btn-active-border-color: var(--theme-color-light);
}
.btn-outline-primary {
  --bs-btn-border-color: var(--theme-color);
  --bs-btn-border-radius: 0;
  --bs-btn-color: var(--theme-color);
  --bs-btn-hover-bg: var(--theme-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: var(--theme-color);
  --bs-btn-active-bg: var(--theme-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: var(--theme-color);
}
.btn-outline-secondary {
  --bs-btn-border-color: var(--secondary-color);
  --bs-btn-border-radius: 0;
  --bs-btn-color: var(--secondary-color);
  --bs-btn-hover-bg: var(--secondary-color);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-border-color: var(--secondary-color);
  --bs-btn-active-bg: var(--secondary-color);
  --bs-btn-active-color: #fff;
  --bs-btn-active-border-color: var(--secondary-color);
}
.btn-play {
  position: absolute;
  left: 50%;
  top: 50%;
  cursor: pointer;
  margin: -32px;
}
.btn-close {
  background-color: var(--secondary-color);
  right: 0;
  top: -32px;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 1;
  --bs-btn-close-focus-shadow: none;
  --bs-btn-close-hover-opacity: 0.9;
  border-radius: var(--space-xs);
  box-shadow: none;
  transition: var(--transition-base);
  z-index: 1;
}
@media only screen and (max-width: 575px) {
  .btn-close {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
@media only screen and (min-width: 576px) {
  .btn-close {
    right: -32px;
    top: 16px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
}

.animated_btn {
  display: inline-block;
  text-decoration: none;
  overflow: hidden;
}

.animated_btn .text {
  display: inline-flex;
}

.animated_btn .char {
  display: inline-block;
  transform: translateY(0);
}

/* HOVER → animation runs */
.animated_btn:hover .char,
.service-content:hover .char {
  animation: salientMove 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

/* KEYFRAMES (Salient-style) */
@keyframes salientMove {
  0% {
    opacity: 0;
    transform: translateY(115%);
  }
  30% {
    opacity: 1;
  }
  45% {
    opacity: 1;
    transform: translateY(-50%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.border-primary {
  --bs-primary-rgb: 149, 212, 219;
}
.border-secondary-subtle {
  --bs-secondary-border-subtle: #DFDFDF !important;
}
@media only screen and (min-width: 576px) {
  .border-sm-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }
}
@media only screen and (min-width: 768px) {
  .border-md-start {
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
  }
}

.carousel {
  background-color: var(--white);
}
@media only screen and (max-width: 767px) {
  .carousel .container-md {
    padding: 0;
  }
}
.carousel-caption {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .carousel-caption {
    padding: 20px;
  }
}
.carousel-caption h1 {
  font-size: var(--font-size-50);
  color: var(--theme-color);
  font-weight: 900;
}
@media only screen and (max-width: 1399px) {
  .carousel-caption h1 {
    font-size: var(--font-size-40);
  }
}
@media only screen and (min-width: 768px) {
  .carousel-caption h1 span {
    display: block;
  }
}
.carousel-caption p {
  font-size: var(--font-size-28);
  color: var(--mighty-black);
  line-height: var(--space-40);
  font-weight: 500;
  margin-bottom: var(--space-20);
  color: #1D1D1B;
}
@media only screen and (min-width: 768px) {
  .carousel-caption p {
    font-size: var(--font-size-28);
  }
}
.carousel-control {
  width: var(--space-60);
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EC008C'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EC008C'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.carousel-indicators {
  bottom: var(--space-30);
  padding: 0 var(--space-16);
  margin: 0;
}
.carousel-indicators [data-bs-target] {
  width: 80px;
  height: 6px;
  border-bottom: none;
  box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.5);
  opacity: 0.8;
  margin: 0 var(--space-4);
  transition: var(--transition-base);
}
@media only screen and (min-width: 768px) {
  .carousel-indicators [data-bs-target] {
    width: 100px;
    margin: 0 var(--space-10);
  }
}
.carousel-indicators [data-bs-target].active {
  background-color: var(--theme-color);
  width: 120px;
}
@media only screen and (min-width: 768px) {
  .carousel-indicators [data-bs-target].active {
    width: 150px;
  }
}

.equilhight .swiper-wrapper {
  align-items: stretch;
}
.equilhight .swiper-slide {
  height: auto;
  display: flex;
}
.swiper-pagination {
  --swiper-pagination-bottom: var(--space-22);
}
.partners .swiper-pagination, .services .swiper-pagination {
  position: relative;
  --swiper-pagination-bottom: var(--space-8);
  margin-top: var(--space-26);
}
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
}
.swiper-pagination-bullet {
  box-sizing: content-box;
  --swiper-pagination-bullet-border-radius: 0;
  width: 70px;
  height: 6px;
  --swiper-pagination-bullet-inactive-color: var(--white);
  background-clip: padding-box;
  border-top: 10px solid transparent;
  box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.5);
  opacity: 0.8;
  --swiper-pagination-bullet-horizontal-gap: var(--space-4);
  transition: var(--transition-base);
}
.partners .swiper-pagination-bullet, .bg-light .swiper-pagination-bullet, .bg-white .swiper-pagination-bullet {
  --swiper-pagination-bullet-inactive-color: var(--mighty-black);
}
@media only screen and (min-width: 768px) {
  .swiper-pagination-bullet {
    width: 40px;
    --swiper-pagination-bullet-horizontal-gap: var(--space-10);
  }
}
.swiper-pagination-bullet-active {
  --swiper-pagination-color: #40a6d5;
  width: 40px;
}
@media only screen and (min-width: 768px) {
  .swiper-pagination-bullet-active {
    width: 80px;
  }
}

.js-hover-box {
  position: relative;
  overflow: hidden;
}

.follow-arrow {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  will-change: transform;
  z-index: 999;
}

.follow-arrow::before,
.follow-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.follow-arrow::before {
  left: -14px;
  transform: translateY(-50%) rotate(-135deg);
}

.follow-arrow::after {
  right: -14px;
  transform: translateY(-50%) rotate(45deg);
}

.js-hover-box:hover .follow-arrow {
  opacity: 1;
}

.spinner-style {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1060;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.spinner-style svg {
  animation: spin 3s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button button circle,
#chaty-widget-0 .chaty-i-trigger .chaty-cta-button button ellipse {
  fill: #EC008C;
}

.accordion-header {
  font-family: "Inter", sans-serif;
}
.accordion-item {
  --bs-accordion-color: var(--cool-gray);
  border-radius: 4px;
  border: none;
  margin-bottom: 5px;
}
.accordion-item:first-of-type {
  --bs-accordion-inner-border-radius: 4px;
  border-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-button, .accordion-body {
  border-radius: 4px;
  border: 1px solid #DFDFDF;
}
.accordion-button:focus {
  --bs-accordion-btn-focus-border-color: var(--theme-color);
  box-shadow: none;
}
.accordion-button svg {
  transition: var(--transition-base);
}
.accordion-button:not(.collapsed) {
  --bs-accordion-active-color: var(--theme-color);
  --bs-accordion-active-bg: transparent;
  border-color: var(--theme-color);
  box-shadow: none;
}
.accordion-button:not(.collapsed) svg {
  transform: scale(1) rotate(180deg);
}
.accordion-button:after {
  --bs-accordion-btn-icon-width: 13px;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8' width='13' height='8' %3E%3Cpath fill='%23000000' d='M0.933594 1.499C0.933594 1.39479 0.973674 1.30261 1.05383 1.22245L1.65504 0.621245C1.7352 0.541085 1.82738 0.501005 1.93159 0.501005C2.0358 0.501005 2.12798 0.541085 2.20814 0.621245L6.93359 5.3467L11.659 0.621245C11.7392 0.541085 11.8314 0.501005 11.9356 0.501005C12.0398 0.501005 12.132 0.541085 12.2122 0.621245L12.8134 1.22245C12.8935 1.30261 12.9336 1.39479 12.9336 1.499C12.9336 1.60321 12.8935 1.69539 12.8134 1.77555L7.21015 7.37876C7.12999 7.45892 7.0378 7.499 6.93359 7.499C6.82939 7.499 6.7372 7.45892 6.65704 7.37876L1.05383 1.77555C0.973674 1.69539 0.933594 1.60321 0.933594 1.499Z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 8' width='13' height='8' %3E%3Cpath fill='%23494FBB' d='M0.933594 1.499C0.933594 1.39479 0.973674 1.30261 1.05383 1.22245L1.65504 0.621245C1.7352 0.541085 1.82738 0.501005 1.93159 0.501005C2.0358 0.501005 2.12798 0.541085 2.20814 0.621245L6.93359 5.3467L11.659 0.621245C11.7392 0.541085 11.8314 0.501005 11.9356 0.501005C12.0398 0.501005 12.132 0.541085 12.2122 0.621245L12.8134 1.22245C12.8935 1.30261 12.9336 1.39479 12.9336 1.499C12.9336 1.60321 12.8935 1.69539 12.8134 1.77555L7.21015 7.37876C7.12999 7.45892 7.0378 7.499 6.93359 7.499C6.82939 7.499 6.7372 7.45892 6.65704 7.37876L1.05383 1.77555C0.973674 1.69539 0.933594 1.60321 0.933594 1.499Z'/%3E%3C/svg%3E");
  height: 8px;
}
.accordion-body {
  border-radius: 4px;
  border: 1px solid #DFDFDF;
  margin-top: 5px;
}

.banner_area {
  position: relative;
  background: #f8f8f8;
}
@media only screen and (min-width: 992px) {
  .banner_area img {
    border-radius: 0 150px;
  }
}
.banner_area .figure {
  margin: 0;
}
.banner_area .bcontent {
  padding: 20px 0;
}
@media only screen and (min-width: 992px) {
  .banner_area .bcontent {
    padding: 0 100px 0 0;
  }
}
.banner_area h1 {
  font-size: calc(18px + 4vw);
  line-height: 1.3em;
}
@media only screen and (min-width: 992px) {
  .banner_area h1 {
    font-size: 3vw;
    line-height: 1.2em;
  }
}
.banner_area h1 {
  font-family: "Playfair Display", serif;
}
.banner_area .nectar-highlighted-text em {
  position: relative;
  display: block;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: inherit;
  letter-spacing: inherit;
  line-height: 1em;
  padding: 0 3px;
}
.banner_area h2 {
  font-family: "Playfair Display", serif;
  font-size: var(--font-size-18);
  font-weight: 500;
  line-height: 28px;
  margin: 20px 0;
}

.banner .figure {
  height: 620px;
  background-color: #01476d;
}
.banner .jarallax-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  width: 100%;
  height: 100vh;
}
.banner .overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.banner .overlay9::after {
  background-color: rgba(0, 0, 0, 0.9);
}
.banner .map-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.banner .map-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.section-title {
  position: relative;
  text-align: center;
}
.section-title h2 {
  font-size: var(--font-size-32);
  color: #333;
}
.section-title p {
  font-size: var(--font-size-16);
}
.section-title-border {
  position: relative;
  left: var(--space-12);
  font-size: var(--font-size-24);
  color: var(--mighty-black);
  line-height: 1.1;
  text-align: left;
}
.section-title-border:before {
  content: "";
  position: absolute;
  left: -12px;
  top: 0;
  background-color: var(--theme-color);
  width: var(--space-4);
  height: 100%;
}

.card {
  overflow: hidden;
  border-color: transparent;
  border-radius: 0;
  height: 100%;
}
.card-style2 {
  overflow: visible;
  margin-top: 67px;
  height: calc(100% - 67px);
}
.card-style3 {
  overflow: visible;
  margin-top: 55px;
  height: calc(100% - 55px);
  border: 5px #f5f5f5 solid;
}
.card-img-top {
  transition: var(--transition-four);
}
.card-icon, .card-number {
  width: 100px;
  height: 100px;
  background-color: #f5f5f5;
  border-radius: 50%;
}
.card-icon svg, .card-number svg {
  padding: 5px;
}
.card-style2 .card-icon, .card-style2 .card-number {
  margin-top: -67px;
  background: var(--theme-color);
}
.card-number {
  border: 10px white solid;
}
.card-style2 .card-number {
  margin-top: -67px;
  background: #f5f5f5;
}
.card-style3 .card-number {
  width: auto;
  height: auto;
  border: 5px #f5f5f5 solid;
  margin-top: -55px;
  background: #FFFFFF;
  border-radius: 0;
}
.card:hover {
  border-color: var(--theme-color);
}
.card:hover .card-number {
  border-color: var(--theme-color);
  background: var(--theme-color);
  color: #FFFFFF;
}
.card-style3 .card:hover .card-number {
  background: var(--theme-color);
  color: #FFFFFF;
}
.card:hover h3 a {
  color: var(--theme-color);
}
.card:hover img {
  transform: scale(1.2) rotate(0deg);
}
.card-style3:hover {
  border-color: var(--theme-color);
}
.card-style3:hover .card-number {
  border-color: var(--theme-color);
  background: #FFFFFF;
  color: var(--theme-color);
}
.cardstyle1 .card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 78px;
}
.card-title {
  margin-bottom: 20px;
}
.card-title a {
  font-size: var(--font-size-18);
  text-decoration: none;
}

.path22view {
  background-color: #EDEDF4;
  border: 1px #EDEDF4 solid;
  text-align: left;
}
.path22view:hover {
  border-color: var(--secondary-color);
}
.path22view h3 {
  color: #3B3B3B;
  font-size: 20px;
  font-weight: 700;
}

/* ======= Fancy Box Card ======= */
.nectar-fancy-box {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  padding: 11%;
  border-radius: 12px;
  cursor: pointer;
  transition: transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), box-shadow 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  color: #fff;
  min-height: 500px;
}
.nectar-fancy-box:hover {
  transform: translateY(-20px);
  box-shadow: 0 25px 55px rgba(0, 0, 0, 0.22);
}
.nectar-fancy-box:hover .heading-wrap {
  transform: translateY(-150px);
}
.nectar-fancy-box:hover .box-bg {
  transform: scale(1.13);
}

.service-list {
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  border: 1px solid #E2E2E2;
}
.service-style2 .service-list {
  border: none;
}
.service-list:hover {
  transform: translateY(-20px);
}
.service-list:hover img {
  transform: scale(1.05);
}
.service-list:hover h3 {
  color: #40a6d5;
}
.service-list:hover .btn {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.service-list img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: 0.35s;
  transition: transform 0.35s;
  transform: scale(1);
}
.service-list .service-content {
  text-align: left;
  padding: 20px;
  background: #fff;
}
.service-style2 .service-list .service-content {
  border: 1px #E2E2E2 solid;
  margin: 10px;
  margin-top: -150px;
  position: relative;
}
.service-list .service-content .btn::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
}

.process-list {
  position: relative;
  height: 100%;
  padding: 20px 0;
}
.process-list::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 2px;
  width: 100px;
  background-color: #40a6d5;
  transition: width 250ms ease-in-out;
}
.process-list:hover::after {
  width: 100%;
}
.process-list h3 {
  height: 100px;
}
.style2 .process-list h3 {
  height: auto;
}

.process-list.style2 {
  padding: 20px;
  position: relative;
}
.process-list.style2:before {
  content: "";
  position: absolute;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  top: calc(2px / -1);
  left: calc(2px / -1);
  background: linear-gradient(to right, #EBDCCF 0%, #EBDCCF 100%), linear-gradient(to top, #EBDCCF 50%, transparent 50%), linear-gradient(to top, #EBDCCF 50%, transparent 50%), linear-gradient(to right, #EBDCCF 0%, #EBDCCF 100%), linear-gradient(to left, #EBDCCF 0%, #EBDCCF 100%);
  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transition: transform 0.3s ease-in-out, background-position 0.3s ease-in-out, background-size 0.3s ease-in-out;
  transform: scaleX(0) rotate(0deg);
  transition-delay: 0.6s, 0.3s, 0s;
}
.process-list.style2:hover:before {
  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(0deg);
  transition-delay: 0s, 0.3s, 0.6s;
}
.process-list.style2 {
  flex-grow: 1;
}
.process-list.style2:hover::after {
  background-color: #EBDCCF;
}
.process-list.style2 h3 {
  height: auto;
  margin: 15px 0;
  font-family: "Inter", sans-serif;
  font-weight: 200;
}

/* Background Image */
.nectar-fancy-box .box-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100.2%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1);
  transition: transform 1s ease, opacity 0.5s ease 0.25s;
  z-index: 1;
}

/* Gradient overlay for readability */
.nectar-fancy-box .box-bg::before,
.nectar-fancy-box .box-bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  top: auto;
  left: 0;
  width: 100%;
  height: 85%;
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  z-index: 10;
  opacity: 1;
}

.nectar-fancy-box:hover .box-bg::after {
  opacity: 1;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #080808 100% 100%);
}

/* Inner Content */
.nectar-fancy-box .inner {
  position: relative;
  width: 100%;
  align-self: flex-end;
  z-index: 20;
  padding: 0;
  text-align: left;
}

/* Heading & Icon */
.nectar-fancy-box .heading-wrap {
  transition: opacity 0.65s, transform 0.65s;
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1), transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
  transform: translateY(0px);
}

.nectar-fancy-box .heading-wrap h2 {
  color: #FFF;
}

.nectar-fancy-box .im-icon-wrap {
  display: block;
  margin-bottom: 12px;
}

.nectar-fancy-box .im-icon-wrap svg path {
  fill: #fff; /* Icon color */
}

/* Hover Description */
.nectar-fancy-box .hover-content {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  margin-top: 10px;
  transform: translateY(20px);
  line-height: 1.5em;
  max-width: 100%;
  transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1) 0.15s, transform 0.65s cubic-bezier(0.05, 0.2, 0.1, 1) 0.15s;
}

.nectar-fancy-box:hover .hover-content {
  opacity: 1;
  transform: translateY(0);
}

/* Optional: Text alignment center/right */
.nectar-fancy-box[data-alignment=center] .inner,
.nectar-fancy-box[data-alignment=center] .hover-content {
  text-align: center;
}

/* Arrow/link styles (optional) */
.nectar-fancy-box .link-text .arrow {
  line-height: 26px;
  font-size: 14px;
  display: inline-block;
  margin-left: 16px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.4);
  transition: all 0.35s cubic-bezier(0.12, 0.75, 0.4, 1);
  position: relative;
}

.nectar-fancy-box .link-text .arrow:after {
  content: "";
  width: 26px;
  height: 1px;
  background: #fff;
  opacity: 0;
  position: absolute;
  top: 11px;
  left: -6px;
  transform: translateX(-27px);
  transition: all 0.35s cubic-bezier(0.12, 0.75, 0.4, 1);
}

.nectar-fancy-box:hover .link-text .arrow {
  border-color: transparent;
}

.nectar-fancy-box:hover .link-text .arrow:after {
  opacity: 1;
  transform: translateX(2px);
}

.scroll-animation {
  transform: translateY(0) translateZ(0);
  transition: transform 0.6s ease-out;
  will-change: transform;
}

.modal-content {
  --bs-modal-border-radius: var(--space-4);
}
.modal-header {
  border: none;
  padding-bottom: 0;
}

.pagination {
  margin-bottom: 0;
}
.pagination .page-item {
  padding: 0;
  margin: 0;
}
.pagination .page-item:before {
  display: none;
}
.pagination .page-link {
  --bs-pagination-color: var(--baby-blue-dark);
  --bs-pagination-active-bg: var(--baby-blue-dark);
  --bs-pagination-active-border-color: var(--baby-blue-dark);
  --bs-pagination-hover-color: var(--baby-blue-dark);
  --bs-pagination-hover-bg: var(--baby-blue-20);
  --bs-pagination-focus-color: var(--baby-blue-dark);
  --bs-pagination-focus-bg: var(--baby-blue-20);
  --bs-pagination-focus-box-shadow: none;
}

.text-bg-primary {
  background-color: var(--baby-blue-dark) !important;
}
.text-bg-secondary {
  background-color: var(--baby-blue-60) !important;
  color: var(--baby-blue-darker) !important;
}
.text-bg-light {
  background-color: #DFDFDF !important;
  color: var(--cool-gray) !important;
}

.bg-black {
  background-color: var(--mighty-black) !important;
  color: #ccc;
}

.bg-absulate-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {
  .bg-absulate-right {
    display: none;
  }
}
.bg-absulate-right img {
  height: 100%;
  width: auto;
}

.form-label {
  font-size: var(--font-size-18);
  color: var(--theme-color);
}
.form-control {
  border-radius: var(--space-xs);
  padding: var(--space-12) var(--space-16);
}
.form-control:focus {
  --bs-body-color: var(--mighty-black);
  border-color: var(--baby-blue-100);
  box-shadow: 0 0 0 0.1rem var(--baby-blue-20);
}
.form-control::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--cool-gray-60);
  opacity: 1; /* Firefox */
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--cool-gray-60);
  opacity: 1; /* Firefox */
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: var(--cool-gray-60);
}
.form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: var(--cool-gray-60);
}
.form-select {
  --bs-border-radius: var(--space-4);
  --bs-border-color: var(--baby-blue-100);
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%235CA4AB' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-body-color: var(--cool-gray);
  padding: var(--space-12) var(--space-36) var(--space-12) var(--space-16);
}
.form-select:focus {
  box-shadow: none;
  border-color: var(--baby-blue-100);
}

textarea.form-control {
  min-height: 154px;
}

.figure {
  display: block;
  background-color: var(--white-for-dark);
  width: 100%;
}
.figure img {
  display: block;
  aspect-ratio: 3/2;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .figure img {
  aspect-ratio: 1920/480;
}
@media only screen and (max-width: 991px) {
  .banner .figure img {
    height: 250px;
  }
}
@media only screen and (min-width: 576px) {
  .content .figure {
    width: 300px;
  }
}
@media only screen and (min-width: 992px) {
  .content .figure {
    width: 400px;
  }
}
.content .figure img {
  aspect-ratio: 1/1;
  border-radius: var(--space-8);
  width: 100%;
  height: auto;
}
.figure-color {
  position: relative;
}
.figure-color:before {
  content: "";
  position: absolute;
  top: 40px;
  left: 40px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #F5F5F5;
}
.bg-light .figure-color:before {
  background: #FFFFFF;
}
.bg-black .figure-color:before {
  background: #152431;
}
@media only screen and (max-width: 991px) {
  .figure-color:before {
    display: none;
  }
}
.figure-color img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2;
}
.figure-pattern {
  position: relative;
}
.figure-pattern:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 16px;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/img-bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.figure-pattern img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
}

.business svg {
  width: 100%;
}

.testimonial .testi {
  padding: 20px;
  font-style: italic;
  font-size: 24px;
  line-height: 40px;
  margin-top: -75px;
}
.testimonial .testi h4,
.testimonial .testi h5 {
  font-style: normal;
  color: #000000;
}
.testimonial .testi h4 {
  font-weight: 700;
}

@keyframes networkFloat {
  0% {
    transform: translate(-25%, -25%) rotate(0deg);
  }
  100% {
    transform: translate(-25%, -25%) rotate(360deg);
  }
}
.noraai {
  background: #f9f0fa;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 20px;
  padding-bottom: 80px;
  margin: 0 auto;
  position: relative;
  color: #5a5a5a;
}

.mic-container {
  width: 300px;
  height: 300px;
  color: #40a6d5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #1d1d1b;
  position: relative;
  transition: all 0.3s ease;
}

.mic-container.active {
  border: 10px solid #40a6d5;
  animation: pulse 2s infinite;
}

.mic-container.muted {
  border: 10px solid #1d1d1b;
}

.chatopen {
  justify-content: flex-end;
}

.mic-container.hidden,
.chatopen .mic-container {
  display: none;
}

@keyframes pulse {
  0% {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(73, 79, 187, 0.7);
  }
  70% {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1), 0 0 0 10px rgba(73, 79, 187, 0);
  }
  100% {
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(73, 79, 187, 0);
  }
}
.mic-icon {
  width: 264px;
  height: 264px;
  fill: #1d1d1b;
  transition: fill 0.3s ease;
}

.controls {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
  justify-content: center;
}

.transcript-container {
  width: 100%;
  overflow-y: auto;
  display: none;
}

.transcript-container.visible {
  display: block;
}

.message {
  margin-bottom: 20px;
  line-height: 1.6;
  position: relative;
}

.message:last-child {
  margin-bottom: 0;
}

.message-label {
  font-weight: 600;
  font-size: 14px;
  color: #40a6d5;
  margin-bottom: 8px;
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.message.user .message-label {
  color: #5a5a5a;
  text-align: right;
}

.message.bot .message-label {
  color: #40a6d5;
  text-align: left;
}

.message-content {
  padding: 14px 28px;
  color: #1d1d1b;
}

.message.user .message-content {
  background: #d9d9d9;
  text-align: left;
}

.message.bot .message-content {
  background: #ffffff;
  text-align: left;
}

.message.current .message-content {
  background: #fff3cd;
  border-color: #40a6d5;
  border-left: 4px solid #40a6d5;
  font-style: italic;
}

.status-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  /* border-radius: 50%; */
  background: #dddddd;
  margin-right: 8px;
  transition: background 0.3s ease;
}

.status-indicator.active {
  background: #40a6d5;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 50% {
    opacity: 1;
  }
  51%, 100% {
    opacity: 0.3;
  }
}
.connection-status {
  font-size: 13px;
  color: #5a5a5a;
  margin-top: 15px;
}

/* Custom scrollbar */
.transcript-container::-webkit-scrollbar {
  width: 6px;
}

.transcript-container::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.transcript-container::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 3px;
}

.transcript-container::-webkit-scrollbar-thumb:hover {
  background: rgba(73, 79, 187, 0.7);
}

/* Chat composer for manual typing in chat mode */
.chat-composer {
  display: none;
  position: sticky;
  bottom: 0;
  background: #f9f0fa;
  padding: 10px 0;
  border-top: 1px solid #dddddd;
  gap: 10px;
  align-items: center;
}

.chat-composer.visible {
  display: flex;
}

#chatInput {
  flex: 1;
  height: 50px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  outline: none;
  background: #ffffff;
}

#chatInput:focus {
  border-color: #40a6d5;
  box-shadow: 0 0 0 3px rgba(73, 79, 187, 0.1);
}

@media (max-width: 768px) {
  .mic-container {
    width: 120px;
    height: 120px;
  }
  .mic-container.active {
    border: 5px solid #40a6d5;
    animation: pulse 2s infinite;
  }
  .mic-container.muted {
    border: 5px solid #1d1d1b;
  }
  .mic-icon {
    width: 40px;
    height: 40px;
  }
  .message.user .message-content {
    margin-left: 20px;
  }
  .message.bot .message-content {
    margin-right: 20px;
  }
  .transcript-container {
    padding: 20px 20px 0 20px;
  }
  .chat-composer {
    padding: 10px 0 0 0;
  }
}
.footer {
  padding-top: 60px;
  position: relative;
  background-color: #1D1D1B;
  font-size: var(--font-size-16);
  color: #ffffff;
  overflow: hidden;
  font-size: 13px;
  line-height: 24px;
}
.footer-title {
  font-size: var(--font-size-20);
  color: #ffffff;
  font-weight: 300;
}
.footer-bottom {
  border-top: 1px #5A5A5A solid;
  padding: var(--space-20) 0;
}
.footer ul {
  list-style: none;
}
.footer ul li a {
  color: #F5F5F5;
  font-size: 13px;
  margin-bottom: 5px;
  display: inline-block;
  text-decoration: none;
}
.footer ul li a:hover {
  color: #F97316;
}

/* TT Firs Neue Fonts */
@font-face {
  font-family: "TT Firs Neue";
  src: url("fonts/TTFirsNeue-Regular.woff2") format("woff2"), url("fonts/TTFirsNeue-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("fonts/TTFirsNeue-Bold.woff2") format("woff2"), url("fonts/TTFirsNeue-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("fonts/TTFirsNeue-ExtraLight.woff2") format("woff2"), url("fonts/TTFirsNeue-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("fonts/TTFirsNeue-Medium.woff2") format("woff2"), url("fonts/TTFirsNeue-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("fonts/TTFirsNeue-Italic.woff2") format("woff2"), url("fonts/TTFirsNeue-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TT Firs Neue";
  src: url("fonts/TTFirsNeue-BoldItalic.woff2") format("woff2"), url("fonts/TTFirsNeue-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
body {
  font-family: "Inter", sans-serif;
  font-size: var(--font-size-base);
  color: var(--cool-gray);
  line-height: 28px;
  font-weight: 400;
}

b,
strong {
  font-weight: 600;
}

ul.list1 {
  text-align: left;
  padding: 0;
}
ul.list1 li {
  list-style: none;
  margin-bottom: var(--space-10);
}
ul.list1 li:before {
  content: "";
  display: inline-block;
  background: #333;
  width: 6px;
  height: 6px;
  margin-right: var(--space-12);
  border-radius: 100%;
}

ul {
  text-align: left;
  padding: 0;
}
.content ul li, .faq ul li {
  list-style: none;
  margin-bottom: var(--space-10);
}
.content ul li:before, .faq ul li:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' width='15' height='15' %3E%3Cpath fill='%23EC008C' d='M14.743 8.265c-.532-1.637-2.567-1.49-4.637-1.095 2.75-1.027 3.798-2.429 3.911-3.91.106-1.393-1.618-2.287-3.154-2.287-1.722 0-2.212 1.981-2.476 4.072C8.261 2.113 7.251.682 5.88.117 4.585-.414 3.203.95 2.729 2.41c-.533 1.638 1.2 2.716 3.106 3.613-2.827-.786-4.5-.268-5.461.863-.905 1.065-.035 2.802 1.207 3.705 1.393 1.012 2.954-.303 4.396-1.839-1.62 2.446-1.645 4.197-.867 5.46.734 1.191 2.654.9 3.897-.002 1.393-1.013.625-2.902-.39-4.75 1.825 2.298 3.483 2.862 4.925 2.512 1.359-.33 1.676-2.246 1.201-3.707Zm-6.958-.148c-.578 0-1.046-.37-1.046-.827 0-.457.468-.827 1.046-.827.577 0 1.045.37 1.045.827 0 .457-.468.827-1.045.827Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
  margin-right: var(--space-12);
  margin-bottom: 1px;
  vertical-align: text-bottom;
}

ol {
  text-align: left;
  padding-left: var(--space-18);
}
ol li {
  padding-left: var(--space-8);
  margin-bottom: var(--space-10);
}
ol li::marker {
  color: var(--theme-color);
  font-weight: 700;
}

a {
  color: var(--link-color);
  transition: var(--transition-base);
}
a:hover {
  --link-color: var(--link-hover);
}
a:active {
  --link-color: var(--link-active);
}

.container-md {
  --bs-gutter-x: 2rem;
}

.icon-link {
  --link-color: var(--mighty-black);
  text-decoration: none;
}

.content {
  text-align: justify;
}
.content:after {
  content: "";
  display: block;
  clear: both;
}
.content h3 {
  font-size: var(--font-size-22);
  color: var(--mighty-black);
  font-weight: 700;
}
.content h3 a {
  color: var(--mighty-black);
  text-decoration: none;
}
.content h3 a:hover {
  color: var(--theme-color);
}
.content p:first-of-type:first-child::first-letter {
  font-size: var(--font-size-48);
  color: var(--theme-color);
  line-height: 26px;
}

.purpose p {
  text-align: justify;
}

.color-orange {
  color: #F97316;
}
.color-blue {
  color: #40a6d5;
}
.color-light-black {
  color: var(--light-black);
}
.color-theme {
  color: var(--theme-color);
}
.color-mighty-black {
  color: var(--mighty-black);
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}
.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}
.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}
.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.badge {
  --bs-badge-padding-x: var(--space-8);
  --bs-badge-padding-y: var(--space-6);
  --bs-badge-font-size: var(--font-size-14);
  --bs-badge-font-weight: 400;
  --bs-badge-border-radius: var(--space-4);
  min-width: 170px;
}

.quote {
  position: relative;
}
.quote:after {
  content: "”";
  position: absolute;
  right: var(--space-10);
  bottom: 0;
  font-size: 130px;
  color: var(--theme-color);
  line-height: 94px;
  font-weight: 700;
  height: var(--space-40);
}/*# sourceMappingURL=style.css.map */