*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family: 'Plus Jakarta Sans', sans-serif;
}

body {background: #ffffff;}

.nav-section{ background: linear-gradient(180deg, #3A7BFA, #ffffff);}
.nav-section::before {content: "";position: absolute;inset: 0;background-image:url('./images/top-bg.png');background-repeat: no-repeat;}
.nav-section > * {position: relative;z-index: 1;}
.custom-navbar {background: transparent;padding: 15px 0;/* background: linear-gradient(180deg, #3A7BFA, #ffffff); */}
.scrolled {background: #2768aee6;}
/* .scrolled {background: #3A7BFA;} */
.navbar-brand { font-size: 22px;}
.navbar-brand img{ width: 200px;}
.nav-item .nav-link { background-color: #fff!important; color: #000!important; margin: 0 10px; font-weight: 500; border-radius: 20px; padding: 6px 20px!important;}
.nav-section .btn{background-color: #2FB7A4;border-radius: 100px;color: #fff;}

.hero-section { min-height: 100vh; padding-top: 120px; /* background: linear-gradient(180deg, #2f6fb1 0%, #b9d4ee 100%); */}
.hero-section .hero-title {font-size: 120px;font-weight: bold;line-height: 1.1;color: #fff;}
.hero-section .hero-text {max-width: 520px;font-size: 16px;opacity: 0.95;color: #fff;}
.hero-section .image-list{margin: 10px 0 20px 0;}
.hero-section .trusted-title{font-size: 16px;color:#fff;font-weight: 700;margin:0px;}
.hero-section .trusted-sub-title{color: #F8F8F8;font-size: 14px;margin:5px 0px}
.hero-section .store-btn {background: #fff;color: #000;padding: 12px 22px;border-radius: 50px;font-weight: 600;text-decoration: none;display: inline-flex;align-items: center;gap: 8px;}
.hero-section .top-third-section .hero-phone{padding-top: 30px;}
.hero-section .hero-section-bottom {width: 100%;height: 50px;background:linear-gradient(0deg,rgba(255, 255, 255, 0.897) 0%, rgba(255, 255, 255, 0) 100%);bottom: 0;left: 0;position: absolute;}


.container {max-width: 1200px;margin: auto;}
.features-section {padding: 120px 50px 50px;}
.features-section h2 {font-size: 36px;font-weight: 600;margin-bottom: 12px;text-align: center;}
.features-section .subtitle {font-size: 16px;font-weight: 400;color: #616161;margin-bottom: 50px;text-align: center;}
.features-section .feature-card {padding: 30px 30px 0px 30px;border-radius: 20px;text-align: left;position: relative;overflow: hidden;min-height: 420px;margin-bottom: 40px;}
.features-section .feature-card h4 {font-size: 20px;font-weight: 600;margin-bottom: 10px;color: #000000;}
.features-section .feature-card p {font-size: 14px;color: #616161;font-weight: 400;margin-bottom: 20px;}
.features-section .feature-card img {width: -webkit-fill-available; display: block;margin: auto;min-height: 290px;}
.features-section .feature-cards-two img {padding: 0 10px 0 0;}
.features-section .mint {background: #E2FFFB;background-image: url('./images/top-feature-bg-one.png');background-repeat: no-repeat;}
.features-section .blue {background: #EEF4FF;background-image: url('./images/top-feature-bg-two.png');background-repeat: no-repeat;}

.calendar-section { padding: 50px;}
.calendar-section .calender-left .phone-img { max-height: 580px;width:90%}
.calendar-section .calender-right {padding: 10px 80px 0 0;}
.calendar-section .calender-right h2 {font-size: 36px;font-weight: 600;color: #000000;letter-spacing: .5px;}
.calendar-section .calender-right p {font-size: 14px;font-weight: 400;color: #616161;margin-right: 20px;}
.calendar-section .calender-right .icon {height: 60px;width: 70px;}
.calendar-section .calender-right h6 {font-size: 16px;font-weight: 400;color: #000000;}

.why-coclass {margin: 50px;padding: 50px 30px 30px 30px;}
.why-coclass {background: linear-gradient(180deg, #2FB7A4 0%, #F8F8F8 50%);background-repeat: no-repeat;border-radius: 24px;position: relative;overflow: hidden;}
.why-coclass::before {content: "";position: absolute;inset: 0;background-image:  url('./images/co-cls-bg.png');/* background-size: 40px 40px; */}
.why-coclass h2 {text-align: center;font-size: 40px;font-weight: 600;color: #fff;margin:60px 0px 35px;}
.why-coclass .info-card { background: #ffffff; border-radius: 14px; padding: 20px 25px; position: relative; z-index: 1;}
.why-coclass .info-card h6 { margin-top: 12px;color: #000000;font-size: 16px;font-weight: 600;}
.why-coclass .info-card p {  font-size: 14px; color: #616161; margin-bottom: 0;font-weight: 400px;}
.why-coclass .phone-img { max-height: 450px; z-index: 1; position: relative;}

.testimonial-section {background: #3A7BFA;padding: 50px 30px 0px 30px;}
.testimonial-section h2{margin: 25px;font-weight: 500;font-size: 50px;}
.testimonial-section .slider-arrows button { background: transparent; border: none; color: #fff; cursor: pointer;}
.testimonial-section .testimonial-card { background: #ffffff; border-radius: 16px; padding: 24px; min-height: 190px!important; margin: 25px; border-left: 5px solid #E8A537;}
.testimonial-section .testimonial-card p { font-size: 14px; font-weight: 600; color: #111827; margin-top: 20px;}
.testimonial-section .testimonial-card img { margin-right: 4px;}
.testimonial-section .testimonial-card small { color: #737373;}


.faq-section {margin: 100px 0;}
.faq-section h2.title {font-size: 36px;font-weight: 600;margin-bottom: 12px;text-align: center;color: #000;}
.faq-section p.subtitle {font-size: 16px;font-weight: 400;color: #616161;margin-bottom: 50px;text-align: center;}
.faq-section .accordion-button {background: transparent!important;box-shadow: none!important;font-weight: 600;padding: 20px 20px 0 20px!important;color: #000;}
.faq-section .accordion-button:not(.collapsed) {color: #000!important;background: transparent!important;box-shadow: none!important;}
.faq-section .accordion-button::after {display: none;}
.faq-section .accordion-header { padding-bottom: 4px;}
.faq-section .accordion-body {padding: 10px 20px;color: #616161;font-size: 14px;  }
.faq-section .icon {font-size: 22px;font-weight: 500;}

.bottom-section {margin: 100px 0;}
.bottom-section h3.title{font-size: 35px;color: #000;}
.bottom-section p.subTitle{font-size: 16px;color: #000;padding: 15px 0px;}
.bottom-section .bottom-wrapper {background: linear-gradient(180deg, #3A7BFA 0%, #F9F9F9 100%);border-radius: 24px;position: relative;overflow: hidden;padding: 80px 30px 0px 90px;}
.bottom-section .bottom-wrapper::before {content: "";position: absolute;inset: 0;background-image:url('./images/bottom-bg.png');background-repeat: no-repeat;}
.bottom-section .bottom-wrapper > * {position: relative;z-index: 1;}
.bottom-section .store-btn {background: #000;color: #fff;    padding: 10px 25px;border-radius: 25px;text-decoration: none;font-size: 13px;display: inline-flex;align-items: center;gap: 6px;}
.bottom-section .store-btn img{height: 20px;width: 20px;}
.bottom-section .phone-img {max-height: 390px;}

.footer { background: linear-gradient(180deg, #1A1A1A, #0f0f0f); padding: 60px 0 20px;}
.footer .footer-contains{   padding: 60px 50px 0px 50px;   margin: 0px; }
.footer h6 { color: #fff; font-size: 14px; margin-bottom: 16px; font-weight: 600;}
.footer p { color: #fff; font-size: 14px;}
.footer a { color: #fff; text-decoration: none; font-size: 14px; display: block; margin-bottom: 10px;}
.footer a:hover {color: #fff; }
.footer  .footer-brand { font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.footer  .social-icons { display: flex;}
.footer  .social-icons a { margin-right: 14px;}
.footer .footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);margin-top: 40px;padding-top: 20px;font-size: 13px;text-align: center;color: #fff;}
.footer .footer-image-top{height: 200px;}
.footer .footer-image-top img{height: 200px;}

#aaa{
    background-color: #3A7BFA;
}
.page {
  padding: 80px 20px;
  margin: 60px 0 0 0;
}


.page h1 {
  font-size: 32px;
  color: #000;
    font-weight: 600;
}

.page .page-subtitle {
  color: #64748b;
  margin-bottom: 30px;
}

.page h2 {
  margin-top: 30px;
  font-size: 24px;
  color: #000;
font-weight: 600;
}

.page p {
  line-height: 1.7;
  margin-top: 10px;
}

.page .styled-list {
  padding-left: 20px;
}

.page .styled-list li {
  margin: 8px 0;
}

.page .check-list {
  list-style: none;
  padding-left: 0;
}

.page .check-list li::before {
  content: "✓ ";
  color: #22c55e;
  font-weight: bold;
}

.page .highlight-box {
  background: #3A7BFA;
  color: #fff;
  padding: 25px;
  border-radius: 10px;
  margin-top: 15px;
}