body {margin: 0; padding: 0; font-family: "TASA Orbiter", sans-serif;  font-size: 16px;}

#topSection {background: #0F172A; background: linear-gradient(180deg, rgba(15, 23, 42, 1) 17%, rgba(32, 80, 187, 1) 70%, rgba(255, 255, 255, 1) 100%);}

/* .logo{color: #000; background: #fff;} */

.customNav li a{ color: #fff;}
.customNav li a:hover { color: #FACC15;}
.header { color: #fff; font-family: "TASA Orbiter", sans-serif;}
.header a { flex-direction: column;}
.tagline { color: #E5E7EB; font-size:10px; letter-spacing: 1px;}
.heroArea { padding: 140px 0 0;}
.select-wrap { background-color: #2563EB; border-radius: 20px;}
.select-wrap select { background-color: #2563EB; border: none; outline: none;}
.logo_menu a {float: left;}
.responsiveMenu {float: right;}
.navbar-collapse { flex-grow: 0;}

#currencyDropdownBtn {
  background: linear-gradient(180deg,#1e5cff,#1a4ad1);
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 8px 14px;
  box-shadow: 0 6px 14px rgba(25,57,160,0.25), inset 0 1px 0 rgba(255,255,255,0.04);
  /* min-width: 110px; */
}
#currencyDropdownBtn:focus {
  box-shadow: 0 6px 20px rgba(25,57,160,0.35), 0 0 0 4px rgba(66,133,244,0.12);
  outline: none;
}
.dropdown-menu {
  border-radius: 10px;
  min-width: 200px;
}
.dropdown-item.active {
  background-color: #1e5cff;
  color: #fff;
}
header a { position: relative;}
.nav-link {color: #000;}











.bannerTxt { margin: 80px 0 0; padding: 0;}
.bannerTxt h1 { margin: 0 0 12px; padding: 0; font-size: 50px; color: #fff; line-height: 56px; font-weight: 600;}
.bannerTxt h3 { margin: 0 0 40px; padding: 0; font-size: 20px; color: #fff; line-height: 24px; font-weight: 500; color: #E5E7EB;}
.backgroundImgHero::before{ content:""; display: block; height: 555px; width: 747px; padding: 0 0 144px; background: url('images/Group137.png') 0 0 no-repeat; 
    background-size: 811px; background-position: right;}

    .bannerImg img{width:100%; max-width:640px; border-radius:18px;  background:rgba(255,255,255,.02);
      box-shadow:0 30px 60px rgba(2,8,23,.24);}

/* .formBg { background: red;} */
.emailformBG { background: #fff; border-radius: 5px; padding: 7px;}
.emailForm { display: flex; flex-direction: row; justify-content: space-between;}
.emailForm .heroCTA { padding:0; width: 213px; font-size: 16px; font-weight: 600; background-color: #FACC15;}
.emailForm .heroCTA:hover{ background-color: #E8E91F;}
.emailForm input[type="email"] { width: 70%; padding:20px 30px; border: none; outline: none; }
.form-control:focus { border: none; box-shadow: none; outline: none; }

#mri {margin: 0; padding: 0; }
.bg {background: #F9FAFB; border-radius: 18px; margin: 100px 0 0;}
.titlesmall { padding: 80px 0 50px; text-align: center; text-transform: uppercase; font-size: 16px; letter-spacing: 10px;}
.moneyAmount { margin: 0; font-size: 96px; font-weight: 700;}
.subline { font-size: 16px; text-transform: capitalize; line-height: 40px;}

.starBoxGrp {margin: 0; padding: 81px 0;}
.statbox { line-height: 40px; text-align: center;}
.statnumber{font-size: 40px; font-weight: 700;}
.statlabel { font-size: 16px;}

.oursolutionGrp { margin: 126px 0 80px; text-align: center;}
.oursolutionGrp h2 { font-size: 40px; font-weight: 700;}

.traqBox { border: 1px solid #2563EB; padding: 32px; box-shadow: -12px 12px 0 #2563EB; margin: 0 0 100px; min-height: 717px; border-radius: 18px;
transition: box-shadow 0.6s ease-in-out, transform 0.6s ease-in-out;}
.traqBox h3{ font-weight: 700; font-size: 40px; color: #2563EB; margin: 0 0 41px;}
.traqBox span { font-weight: 500; font-size: 24px;}
.tbox { margin: 24px 0;}
.traqBox ul { line-height: 25px;}
.traqBox:hover{transform: translateY(-6px);
  box-shadow: -12px -12px 0 #2563EB;}

.whyImg1{ background: url(images/LiveinUnderaWeek.jpg)  no-repeat; background-size: cover; height: 309px; width: 100%; background-position: center; 
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg2{ background: url(images/slsi.jpg)  no-repeat; background-size: cover; height: 309px; width: 100%; 
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
  .whyImg3{ background: url(images/ml.jpg)  no-repeat; background-size: cover; height: 309px; width: 100%; background-position: center;
  border-radius: 18px; box-shadow: 0 4px 16px -4px #00000040,inset 0 -1px 0 0 #ffffff40,inset 0 -1px 0 1px #ffffff0d;}
.whyTxt { padding-top: 20px;}
.whyTxt h4 { font-weight: 500; font-size: 20px;}
.whyTxt ul { margin: 0;}
  
#cfe h2 { text-align: center; font-size: 40px; font-weight: 700; margin-bottom: 48px;}
.allLogos ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center;}
.allLogos ul li {list-style: none;}
.allLogos ul li img{width: 50%;}
/* background: #0F172A; */
#roistory { margin: 144px 0; padding: 0 0 144px;  background: #003399;
background: linear-gradient(342deg,rgba(0, 51, 153, 1) 0%, rgba(11, 18, 32, 1) 50%, rgba(255, 184, 0, 1) 100%);}
.roiHeading { margin: 0; padding: 74px 0; text-align: center;}
.roiHeading h2 { color: #fff; font-size: 40px; font-weight: 700;}
.roiHeading .subline { color: #fff; font-size: 16px;}

.roi-card {
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 12%);
  padding: 32px 32px 16px;
  min-height: 385px;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(100px);
  margin: 0 0 16px;
  border-radius: 18px;
  background-color: #ffffff12;
  }
.roi-label {  font-size: 14px; letter-spacing: 7px; color: #fff; margin-bottom: 1rem; font-weight: 700;}
.roi-value { font-size: 60px; color: #fff; letter-spacing: 10px; font-weight: 700; padding: 18px 0; }
.roi-description_big { font-weight: 600; color: #fff; letter-spacing: 2px; text-transform: capitalize;}
.roi-description_small { color: #E5E7EB; font-size: 16px;}


#tl h2 { text-align: center; font-size: 40px; font-weight: 700; margin-bottom: 48px;}
#tl .allLogos ul { padding: 0; margin: 0; display: flex; flex-direction: row; justify-content: space-between; align-items: center; text-align: center;}
#tl .allLogos ul li {list-style: none;}
#tl .allLogos ul li img{width: 50%;}

#testimonial { margin: 144px 0; background: #e5e7eb2b; padding: 60px 0;}
/* .boxTest:after { content: ""; display: block; background-image: url('images/quote-left.png'); background-repeat: no-repeat; background-position: right top;} */
.boxTest { background-color: #fff; padding: 32px; border-radius: 23px; backdrop-filter:blur(100px); box-shadow: inset 0 0 0 1px #fff;}
.boxTest img { width: 30%;}
.namearea { display: flex; flex-direction: row; align-items: center;}
.nameBox p { margin: 0;}
.nameBox p i { color: #1FABBC;}
.testParabox { border-bottom: 1px solid #E5E7EB;}
.nameLetter {     border-radius: 50px;
   background: #1FABBC;
background: linear-gradient(121deg,rgba(31, 171, 188, 1) 17%, rgba(47, 144, 225, 1) 70%);
    color: #fff;
    padding: 15px 10px;
    width: 60px;
    text-align: center;
    height: 60px;
    margin: 0 20px 0 0;
    font-size: 20px; font-weight: 700;}
.testimonialDiv { padding-top: 130px; }
.testimonialDiv h2 {font-size: 40px; color: #2563EB; font-weight: 700; line-height: 50px;}

.marquee-wrapper { overflow: hidden; white-space: nowrap; background: #fff; padding: 20px 0; display: flex;}
.logo-marquee { display: inline-flex; gap: 50px; list-style: none; padding: 0 20px; justify-content: space-between; margin: 0; animation: scroll 20s linear infinite;}
.logo-marquee li { flex: 0 0 auto;}
.logo-marquee li img { height: 45px; filter: grayscale(100%); opacity: 0.85;transition: filter 0.3s, opacity 0.3s;}
.logo-marquee li img:hover { filter: none; opacity: 1;}

/* First marquee (left to right) */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Second marquee (reverse direction) */
.marquee-reverse .logo-marquee { animation: scroll-reverse 25s linear infinite;}

@keyframes scroll-reverse {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0);
  }
}

/* Optional: pause on hover */
.marquee-wrapper:hover .logo-marquee { animation-play-state: paused;}

#formMeg { position: absolute; top: 3%; border: 1px solid #ccc; border-radius: 50px; padding: 10px; margin-left: 540px;}
#contactus { margin: 0; padding: 0; background-color: #FCFDFD; position: relative;}
.contact-title { margin: 63px 0; font-size: 40px; font-weight: 700;}
.contactUS_Form input {background: #E5E7EB; padding: 15px;}
.contactUS_Form textarea {background: #E5E7EB;}

.contactUS_Form input:focus,
.contactUS_Form textarea:focus { border: 1px solid #2563EB;}
.contactUS_Form button.btn { padding:15px; width: 213px; font-size: 16px; font-weight: 600; background-color: #FACC15; width: 100%;}
.contactUS_Form button.btn:hover { background: #2563EB; color: #fff;}
.contact-illustration img { margin: 0; padding: 40px;}

.carousel-control-prev .carousel-control-prev-icon{ background: url('images/prev.png') 0 0 no-repeat;}
.carousel-control-next .carousel-control-next-icon{ background: url('images/next.png') 0 0 no-repeat;}
.carousel-control-next-icon, .carousel-control-prev-icon { height: 3rem;}
.carousel-control-prev { left: -70px;}
.carousel-control-next { right: -80px;}
.carousel-indicators [data-bs-target] { background-color: #2563EB;}


#footer { background: #2C3E50; padding: 20px 0 10px;}
.queries h3 {font-size:16px ; color: #fff; margin: 0; font-weight: 600;}
.queries a{ margin: 0; padding: 0; color: #fff; text-decoration: none; font-size: 20px; }
.queries a:hover{ color: #FACC15; }
.socialMedia { text-align: right; display: block;}
.borderTop { margin: 30px 0 0; padding: 10px 0 0; border-top: 1px solid #fff;}
.smallTxt { margin: 0; padding: 0; font-size: 14px; color:#fff;}
ul.footerlinks { list-style: none; padding: 0; margin: 0; text-align: right; }
ul.footerlinks li { display: inline-block; font-size: 14px;}
ul.footerlinks li a { color: #fff; text-decoration: none;}
ul.footerlinks li a:hover { text-decoration: underline;}
.mobileImg { display: none;}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  padding: 0;
  transition: background 0.4s ease, backdrop-filter 0.4s ease, color 0.4s ease;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(1200px, 90%);
  margin: 0 auto;
}

.logo {
  font-size: 20px;
  font-weight: 700;
  transition: color 0.3s ease;
}

.nav a {
  margin-left: 15px;
  text-decoration: none;
  font-weight: 500;
  padding: 10px 20px;
  transition: color 0.3s ease, opacity 0.3s ease;
}

/* ===== Transparent (top of page) ===== */
.site-header.transparent {
  background: transparent;
  backdrop-filter: none;
}
.site-header.transparent header{ margin-top: 1rem !important; }
.site-header.glass header{ margin-top: 0rem !important;}
.site-header.glass header .nav a { padding-top: 15px; padding-bottom: 15px;}


/* .site-header.transparent .logoBox { display: flex;}
.site-header.transparent .logoBox div span {display: block;}*/
.site-header.transparent .logoBox img { width: 50px; float: left;} 

.site-header.transparent .logoBox{ float: left; }
.site-header.transparent .logoBox div {display: inline-block;}
.site-header.transparent .logoBox div span {display: block;}


.site-header.transparent img{ background: #fff; border-radius: 50px; padding: 5px; margin: 0 7px 0 0;}
.site-header.transparent .logo { color: #fff;}

.site-header.transparent .nav-link {
  color: #fff;  /* white on dark hero */
}.site-header.transparent .nav-link:focus, .site-header.transparent .nav-link:hover {

  color: #E8E91F;
}
.site-header.transparent .nav a {
  color: #fff;  /* white on dark hero */
}
.nav-link:focus, .nav-link:hover,
.site-header.transparent .nav a:hover {
    color: #2563EB;
}

/* ===== Glassmorphism after scroll ===== */
.site-header.glass {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.site-header.glass .logo,
.site-header.glass .nav a,
.site-header.glass a .tagline {
  color: #2563EB;  /* dark on light glass */
}
.site-header.glass .logoBox img{ width: 50px; float: left;}
.site-header.glass .logoBox div {display: inline-block;}
.site-header.glass .logoBox div span {display: block;}

.site-header.glass img{ box-shadow:0 0 0 1px #2563EB; border-radius: 50px; padding: 5px; margin: 0 7px 0 0;}
/* ===== Nav hover ===== */
.site-header.glass .nav a:hover {
  color: #111;
}

.fade-section {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-section.visible {
  opacity: 1;
  transform: translateY(0);
}




@media (max-width: 1024px) {
    #contactus { margin: 0 0 20px;}
    .backgroundImgHero::before { display: none;}
    .mobileImg { display: block;}
    .moneyAmount,
    .testimonialDiv h2 { font-size: 3rem;}
    .starBoxGrp { padding: 40px 0;}
    .statbox { margin: 20px 0;}
    .subline { font-size: 20px; line-height: 30px;}
    .testimonialDiv { padding-top: 30px;}
    .testimonialDiv h2 { padding-bottom: 30px;}
    
    
    #roistory { margin-bottom: 60px; padding-bottom: 60px;}
    #testimonial { margin-bottom: 0;}
    .logo-marquee { padding: 0 60px;}
 }


 @media (max-width: 768px) {
  .bannerImg { margin-top: 30px;}
    .backgroundImgHero::before { display: none;}
    .mobileImg { display: block;}
    .moneyAmount,
    .testimonialDiv h2 { font-size: 3rem;}
    .starBoxGrp { padding: 40px 0;}
    .statbox { margin: 20px 0;}
    .subline { font-size: 20px; line-height: 30px;}
    .testimonialDiv { padding-top: 30px;}
    .testimonialDiv h2 { padding-bottom: 30px;}
    .socialMedia { padding-top: 20px;}
    #footer, ul.footerlinks, .socialMedia { text-align: center;}
    #roistory { margin-bottom: 60px; padding-bottom: 60px;}
    #testimonial { margin-bottom: 0;}
    .roi-value { font-size: 46px;}
    .navbar-toggler-icon { background-color: #fff;}
    .transparent .navbar-toggler {background-color: #fff;}
    .glass .navbar-toggler {background-color: #fff;}
    .glass .navbar-toggler:focus {box-shadow: 0 0 0 1px #2563EB;}
        .carousel-control-next {
        right: 0;
        top: -80px;
        
        height: 3rem;
    }
    .carousel-control-prev {
     left: auto;
        top: -80px;
        right: 80px;
        height: 3rem;
}
.logo_menu {display: flex; align-items: center;}
.oursolutionGrp { margin: 100px 0 60px;}
.heroArea { padding-top:30px;}


.site-header.transparent ul li a { color: #000;}
.tagline { font-size:8px;}
.site-header.transparent .logoBox div span {display: block; float: left;}
.site-header.glass .logoBox div span {display: block; float: left;}

 }

 @media (max-width:380px) {
  .site-header.transparent ul {
  padding: 0 10px;
    background: rgba(255, 255, 255, 0.75);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
}