/**bootstrap nav**/
.navbar {
  background-color: #000748;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
  padding: 17.5px 20px;
  height: 70px;
}
.navbar-shadow {
  box-shadow: 0 5px 10px 0 hsla(0, 0%, 100%, 0.6);
  -moz-box-shadow: 0 5px 10px 0 hsla(0, 0%, 100%, 0.6);
  -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 100%, 0.6);
}
.navbar .navbar-brand {
  padding: 0;
}
.navbar .navbar-brand img{
  height: 34px;
}
.navbar .navbar-nav {
  align-items: center;
}
.navbar .container-fluid {
  max-width: 1400px;
}
.navbar li.nav-item {
  outline: none;
  margin: 0 1px 0 0;
  padding: 5px 5px 3px;
  transition: all 0.25s cubic-bezier(0.27, 0.01, 0.38, 1.06);
}
.navbar .nav-link:focus-visible{
  outline: 0;
  box-shadow: none;
}
.navbar .dropdown .nav-menu {
  display: block;
  top: 0;
  white-space: nowrap;
  width: auto;
}
.navbar .dropdown-menu-right {
  right: 0;
  left: auto;
}
.navbar .nav-link {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  padding: 0;
}
.navbar a:hover {
  color: #c7ceff;
  text-decoration: none;
}
.navbar .dropdown-toggle.show:after {
  transform: rotate(180deg);
}
.navbar .nav-item .dropdown-toggle:after {
  transition-duration: 0.4s;
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.navbar .dropdown .nav-menu,
.navbar .dropdown .nav-megamenu {
  --scale-x: 0.9;
  --scale-y: 0.9;
  border: none;
  box-shadow: 0 5px 10px 0 #555daa;
  transform: scaleX(0.9) scaleY(0.9);
  transform: scaleX(var(--scale-x)) scaleY(var(--scale-y));
  transform-origin: top;
  transition: opacity 0.2s ease-in 1s, transform 0.2s ease-in 1s,
    visibility 0s linear 0.2s;
  visibility: hidden;
}
.navbar .navbar-nav .dropdown-menu.show,
.navbar .dropdown .nav-menu.show,
.navbar .dropdown .nav-megamenu.show {
  --scale-x: 1;
  --scale-y: 1;
  transform: scaleX(var(1)) scaleY(var(1));
  transition: opacity 0.2s ease-in 1s, transform 0.2s ease-in 1s,
    visibility 0s linear 0s;
  visibility: visible;
}
/*btn*/
.navbar li.nav-item.transparent-btn,
.navbar li.nav-item.contact-btn {
  position: relative;
  border-radius: 10px;
  transition: 0.4s ease-in-out;
  border: 1px solid transparent;
  padding: 5px 15px;
  height: fit-content;
}
.navbar li.nav-item.transparent-btn a.nav-link,
.navbar li.nav-item.contact-btn a.nav-link {
  transition: 0.4s ease-in-out;
  font-family: Libre Franklin, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  padding: 0px;
}
navbar li.nav-item:last-child {
    margin-left: 27px;
}
.navbar li.nav-item.transparent-btn {
  margin: 0px 0px 0px 44px;
  background-color: #ffffff;
}
.navbar li.nav-item.contact-btn {
  margin: 0px 0px 0px 27px;
  background-color: #0074d0;
}
.navbar li.nav-item.transparent-btn a.nav-link {
  color: #000000;
}
.navbar li.nav-item.contact-btn a.nav-link {
  color: #ffffff;
}
.navbar li.nav-item.transparent-btn:hover,
.navbar li.nav-item.contact-btn:hover {
  background-color: #EF8200;
  transition: 0.4s ease-in-out;
  border: 1px solid transparent;
}
.navbar .navbar-nav .dropdown-menu .nav-title {
  color: #000748;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-align: left;
  white-space: inherit;
  background: transparent;
}
.navbar .dropdown-menu .nav-title-wrapper {
  border-radius: 8px !important;
  width: 100%;
  padding: 16px 4.8px;
}
.navbar-nav .dropdown-menu .nav-title:hover{
  background-color: initial !important;
  transition: .4s ease-in-out;
}
/*mega menu*/
.navbar .nav-mega-col{
  margin: 16px 0;
  padding: 0;
}
.navbar .dropdown .nav-megamenu {
  display: block;
  left: 0;
  margin: 68px auto 0;
  position: fixed;
  top: 0;
  width: 680px !important;
  border: none;
  box-shadow: 0 5px 10px 0 #555daa;
  transform: scaleX(var(--scale-x)) scaleY(var(--scale-y));
  transform-origin: top;
  visibility: hidden;
}
.navbar .nav-megamenu .nav-item .dropdown-menu .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  position: relative;
  width: 100%;
  min-height: 1px;
  margin: 16px 0;
  padding: 0;
}
.navbar .nav-smallest {
  color: #000748;
  font-size: 12px;
  line-height: 14px;
  font-weight: 500;
  opacity: 0.7;
  padding-left: 10px;
  text-transform: uppercase;
}
.navbar .nav-megamenu .nav-mega-sec .dropdown-item{
   word-break: break-word;
   white-space: normal; 
   background: transparent;
}
.navbar .nav-megamenu .nav-mega-sec {
  border-radius: 8px !important;
  width: 100%;
  color: #000748;
}
.navbar .dropdown-menu .nav-title-wrapper:hover,
.navbar .nav-megamenu .nav-mega-sec:hover {
  background-color: #c7ceff;
  transition: .4s ease-in-out;
  border-radius: 7px !important;
  outline: none;
}
.navbar .nav-megamenu .nav-mega-sec .dropdown-item:hover{
  background-color: transparent;
  transition: .4s ease-in-out;
}
.navbar .nav-megamenu .nav-mega-sec h5 {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
}
.navbar .nav-megamenu .nav-subtitle p{
  color: #000748;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  opacity: 0.7;
}
/* Style for mobile menu when the class 'nav-mob-menu' is active */
.navbar-nav.nav-mob-menu {
  display: block;
  background-color: #fff;
  color: #000748;
  padding: 56px 15px 28px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 999;
  left: 0;
  min-height: 100vh;
}
.navbar-nav.nav-mob-menu .nav-item {
  display: block;
  padding: 10px 0;
}
.navbar-nav.nav-mob-menu .nav-link {
  font-size: 18px;
  font-weight: 600;
  color: #000748;
  padding: 10px;
  display: block;
  width: 100%;
  transition: all .25s cubic-bezier(.27,.01,.38,1.06);
}
.navbar-nav.nav-mob-menu .dropdown-menu, .navbar-nav.nav-mob-menu .nav-item.dropdown .nav-link.dropdown-toggle::after {
  display: none;
}
.navbar .navbar-nav.nav-mob-menu .nav-title {
  padding-left: 0px;
  text-align: left;
}
.navbar .dropdown-menu .nav-mob-menu .nav-title-wrapper {
  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
}
.navbar-nav.nav-mob-menu .collapsing {
  transition: height .5s ease-in-out;
}
/* Ensure dropdowns and megamenus are hidden by default */
.navbar .dropdown .nav-menu,
.navbar .dropdown .nav-megamenu {
  display: none;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.2s ease, transform 0.2s ease;
  visibility: hidden;
  padding: 0;
}
.navbar-toggler:focus {
  box-shadow: none;
  z-index: 1;
}
/* Show the dropdown or megamenu when .show class is applied */
.navbar .dropdown-menu.show,
.navbar .nav-menu.show,
.navbar .nav-megamenu.show {
  display: block;
  opacity: 1;
  transform: scale(1);
  visibility: visible;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.navbar .nav-megamenu .nav-mega-sec .dropdown-item.active h5, .navbar .navbar-nav.nav-mob-menu .dropdown-item.active, .navbar .navbar-nav.nav-mob-menu .dropdown-item.active h5,
.navbar .navbar-nav .dropdown-menu .nav-title.active, .navbar-nav.nav-mob-menu .nav-link.active, .navbar-nav.nav-mob-menu .nav-item.dropdown.active .nav-link {
   font-weight: 700;
   color: #ef8200;
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
  .navbar li.nav-item:nth-last-child(-n+2) {
    flex: 0 0 auto;
    display: block;
    text-align: left;
  }
}
/* Apply these styles only for mobile screens (max-width: 1200px) */
@media screen and (max-width: 1200px) {
  .navbar{
    padding: 12px 20px;
  }
  .navbar .nav-mob-menu .nav-megamenu.show {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
  }
  .navbar .container-fluid{display: block;}
  .navbar .nav-mob-menu .nav-megamenu.show {
    width: 100% !important;
    box-shadow: unset;
  }
  .navbar .nav-mob-menu .dropdown .nav-menu {
    box-shadow: unset;
  }
  .navbar .nav-mob-menu .nav-megamenu.show > div {
    padding-left: 0 !important;
    flex-direction: column;
  }
  .navbar.menu-topbar-wrapper {
        background-color: #fff;
        height: 70px;
        left: 0;
        padding: 10px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
        display: flex;
        align-items: center;
        justify-content: flex-end; padding: 10px;
        transition: transform .3s ease, height .3s ease;
  }
  .navbar-toggler[aria-expanded="true"] .close {
    display: block !important;
    height: 22px;
    width: 20px;
    background: url(/hubfs/21612157/toggle-close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: relative;
    z-index: 1;
    transition: transform 0.3s ease;
    right: 13px;
    top: 0px;
  }
  .navbar.menu-topbar-wrapper .navbar-toggler{
    width: 100%;
  }
  .navbar-toggler .navbar-toggler-icon{
    background-image: url(/hubfs/21612157/hamburger-icon-white.svg);
  }
  .navbar-toggler.toggler.not-collapsed .navbar-toggler-icon{
    background: url(/hubfs/21612157/toggle-close.svg);
  }
  .navbar .navbar-toggler {
    border: none;
    float: right;
  }
  .navbar .navbar-toggler-icon, .navbar.menu-topbar {
    transition: transform 0.3s ease;
    z-index: 5;
  }
  .navbar.menu-topbar-wrapper .navbar-brand {
    display: none;
  }
  ul.navbar-nav.nav-mob-menu {
    list-style: none;
  }
  .collapse.show, .collapsing {
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    transition: height 0.3s ease, opacity 0.3s ease;
  }
  ul.navbar-nav.nav-mob-menu::-webkit-scrollbar-thumb {
    background: #9e9e9e !important;
    border-radius: 10px;
  }
  ul.navbar-nav.nav-mob-menu::-webkit-scrollbar {
    background: transparent;
    width: 5px !important;
  }
  .navbar-nav.nav-mob-menu li.nav-title-wrapper {
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .navbar .nav-mob-menu .nav-item {
      border-bottom: 1px solid rgba(51, 51, 51, 0.1);
      position: relative;
  }
  .navbar-nav.nav-mob-menu .nav-item,
  .navbar-nav.nav-mob-menu .nav-item.dropdown .nav-link {
      position: relative;
  }
  /* Add arrow icon using a pseudo-element */
  .navbar .nav-mob-menu .nav-item.dropdown .nav-link::before {
     background: url(/hubfs/21612157/black-down-arrow.svg);
     background-position: bottom;
     background-repeat: no-repeat;
     background-size: contain;
     content: "";
     position: absolute;
     right: 19px;
     top: 22px;
     transform: translateY(-50%);
     transition: transform 0.3s ease;
     z-index: 5;
     width: 20px;
     height: 16px;
  }
  /* Rotate the arrow when the menu is open */
  .navbar .nav-mob-menu .nav-item.dropdown .nav-link.show::before {
    transform: translateY(-50%) rotate(180deg);
  }
  /* Smooth transitions for the dropdown and megamenu */
  .navbar .nav-mob-menu .dropdown .nav-menu,
  .navbar .nav-mob-menu .dropdown .nav-megamenu {
    display: none;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.3s ease, transform 0.3s ease;
    visibility: hidden;
  }
  /* Show dropdown and megamenu on click with smooth transition */
  .navbar .nav-mob-menu .dropdown-menu.show,
  .navbar .nav-mob-menu .nav-menu.show,
  .navbar .nav-mob-menu .nav-megamenu.show {
    display: block;
    opacity: 1;
    transform: scale(1);
    visibility: visible;
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
  /* Make sure the megamenu doesn't overlap other menus */
  .navbar .nav-mob-menu .nav-megamenu.show {
    position: relative;
    width: 100%;
    left: 0;
    top: auto;
    z-index: 999;
    background-color: white;
    margin-top: 10px; 
  }
   .navbar .show .navbar-nav.nav-mob-menu {
    display: block;
  }
  .navbar .menu-topbar-wrapper .navbar-brand, .navbar .navbar-nav {
    display: none;
  }
  .navbar li.nav-item.transparent-btn{
    border: 1px solid #000748;
  }
  .navbar li.nav-item.contact-btn, .navbar li.nav-item.transparent-btn{
    height: 52px;
    text-align: center;
    margin: 20px 0;
    display: flex;
    align-items: center;
  }
  .navbar-expand-lg .navbar-collapse { transition: height 0.3s ease, opacity 0.3s ease;  }
  .navbar-expand-lg .navbar-toggler {
   display: flex;
   justify-content: flex-end;
   padding: 0px;
  }
  .menu-top-wrapper .navbar-toggler{
    width: 100%;
    position: relative;
    z-index: 9;
  }
  .navbar-expand-lg .menu-topbar-wrapper .navbar-toggler {
    width: 100%;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: static;
  }
  .navbar .nav-megamenu .row {
    margin: 4px 0px !important;
  }
  .navbar-nav.nav-mob-menu{
    padding: 10px 16px 28px;
  }
  .navbar .nav-megamenu .nav-mega-sec a.dropdown-item {
    padding: 16px 4.8px;
    margin: 10px;
    border-radius: 8px;
  }
  .navbar .nav-smallest {
    margin: 0px 10px;
    padding-left: 4.8px;
  }
  .navbar .dropdown-menu .nav-title-wrapper {
    padding: 0;
  }
  .navbar .navbar-nav.nav-mob-menu .nav-title {
    margin: 10px;
    padding: 16px 0px;
    display: flex;
    justify-content: space-between;
  }
  .navbar .dropdown-menu .nav-title-wrapper:hover {
    background-color: #c7ceff;
    transition: .4s ease-in-out;
    border-radius: 8px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  .navbar .container-fluid {
    max-width: 1140px;
  }
  .hero-section #lottie-container{ right: -13%; }
}
@media screen and (min-width: 1200px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar .nav-megamenu .nav-subtitle p{
    margin-left: 8px;
  }
  .menu_separator {
    position: relative !important;
    margin-left: 38px !important;
  }
  .menu_separator:before {
    content: "";
    position: absolute;
    top: 9px;
    left: -29px;
    width: 2px;
    height: 16px;
    background-color: #ef8200;
  }
  .navbar .dropdown .nav-menu {
    margin-top: 51px;
  }
  .navbar .nav-megamenu .row{
    margin: 4px 16px !important;
  }
  .navbar .nav-megamenu .nav-mega-sec a{ padding-left: 8px;}
  .right-border-in-card:not(:last-child) {
    border-right: 1px solid rgba(0, 7, 72, .25);
  }
  .navbar .nav-megamenu .nav-mega-sec {
    margin: 14px 4.8px;
/*     padding: 3.2px 8px; */
  }
  .navbar .nav-megamenu .nav-mega-sec h5{
    margin: 8px 0 8px 5px;
  }
  .navbar .nav-smallest {
    margin-left: 8px;
    margin-bottom: 8px;
  }
  .navbar-nav .nav-link.active, .navbar li.nav-item.active > a {
    position: relative;
    display: inline-block;
  }
  .navbar li.nav-item.active > a::before,
  .navbar-nav .nav-link.active::before {
      content: ""; /* Adds a pseudo-element */
      position: absolute;
      bottom: 0; /* Places the border at the bottom of the text */
      left: 50%; /* Start at the center */
      transform: translateX(-50%); /* Shift back by half of its width to center it */
      width: calc(100% - 16px); /* Reduce width by 8px from each side */
      height: 1.5px; /* Thickness of the border */
      background-color: #ef8200; /* Border color */
  }
  .navbar-nav .contact-btn .nav-link.active:before {content: unset; }
  
  }
}
@media screen and (max-width: 767px) {
  .navbar img.logo {
    width: 190px;
    height: auto;
  }
  .navbar .nav-megamenu .row {
    flex-direction: column;
  }
  .navbar .nav-mega-col .me-4{margin-right: 0px !important;}
  .navbar .nav-smallest {
    margin-top: 4px;
    margin-bottom: 24px;
  }
  .navbar .nav-megamenu .nav-mega-sec .dropdown-item {
    padding: 8px 4.8px 16px;
  }
}
@media screen and (max-width: 640px) {
  .navbar img.logo {
      width: 190px;
      height: auto;
  }
  .navbar .navbar-toggler-icon {
    width: 25px;
    height: 25px;
  }
}