/* top-bar */
#top-bar{background:#EDF3FF;padding:1rem 0}
#top-bar .top-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}
#top-bar .top-bar-logo{width:200px;max-width:100%;flex-shrink:0}
#top-bar .top-bar-logo img{width:100%;display:block}
#top-bar .top-bar-quote{flex:1;text-align:center;font-family:"Rubik",sans-serif;font-weight:400}
#top-bar .top-bar-quote p{margin:0}
@media (max-width:768px){
#top-bar .top-bar-inner{flex-direction:column;text-align:center}
#top-bar .top-bar-logo{width:150px}
}

/* title-banner */
#title-banner{background:#fff;padding:1.5rem 0;margin-top:10px}
#title-banner .section-title{font-family:"Rubik",sans-serif;font-size:25px;font-weight:700;color:#FF0000}
@media (max-width:768px){
#title-banner .section-title{font-size:16px}
#title-banner{padding:1rem 0}
}

/* hero-section */
#hero-section{max-width:800px;margin:20px auto 0;padding:0 15px 20px}
#hero-section .container{max-width:100%;padding:0}
#hero-section .hero-inner{display:flex;gap:2rem;align-items:flex-end}
#hero-section .hero-image{flex:0 0 50%;max-width:50%}
#hero-section .hero-image img{width:100%;display:block}
#hero-section .hero-content{flex:1;text-align:center}
#hero-section .hero-title{font-family:"Rubik",sans-serif;font-size:30px;line-height:1.3;color:#111A45;margin:0 0 1rem}
#hero-section .hero-title-mobile{display:none}
#hero-section .hero-subtitle{font-family:"Arimo",sans-serif;font-size:18px;font-weight:300;line-height:1.4;color:#4c4c4c;margin:0 0 1.5rem}
#hero-section .hero-cta{font-family:"Rubik",sans-serif;font-size:1.6rem;font-weight:500;background:#111A45;color:#fff;border:2px solid #fff;box-shadow:0 0 1px 2px #111a45;border-radius:20px;padding:12px 28px}
#hero-section .hero-cta:hover{background:#1a237e;color:#fff}
#hero-section .hero-cta i{margin-inline-end:8px}
#hero-section .hero-note{font-family:"Rubik",sans-serif;font-size:14px;color:#4c4c4c;margin:1rem 0 0}
#hero-section .hero-note b{font-weight:bold}
@media (max-width:768px){
#hero-section{margin-top:0;padding:0 15px 10px}
#hero-section .hero-inner{flex-direction:column;align-items:center}
#hero-section .hero-image{display:none}
#hero-section .hero-title{display:none}
#hero-section .hero-title-mobile{display:block;font-family:"Rubik",sans-serif;font-size:24px;line-height:1.5;color:#111A45;margin:0 0 1rem}
#hero-section .hero-subtitle{font-size:16px}
#hero-section .hero-cta{font-size:1.2rem}
}

/* countdown-title */
#countdown-title{background:#EDF3FF;padding:20px 0 0}
#countdown-title .section-title{font-family:"Rubik",sans-serif;font-weight:600;color:#111A45}
@media (max-width:768px){
#countdown-title{padding:10px 0 0}
}

/* countdown-section */
#countdown-section{background:#EDF3FF;padding:0}
#countdown-section .container{max-width:800px}
#countdown-section .countdown-wrapper{display:flex;flex-direction:row-reverse;justify-content:center;gap:10px;max-width:42%;margin:0 auto}
#countdown-section .countdown-item{display:grid;align-content:center;height:80px;background:#fff;border:1px solid #4B4B4B;border-radius:8px;padding:10px 20px;text-align:center;min-width:70px}
#countdown-section .countdown-digits{font-size:36px;font-weight:700;color:#111A45;font-family:"Rubik",sans-serif;line-height:1}
#countdown-section .countdown-label{font-size:14px;color:#111A45;font-family:"Rubik",sans-serif;font-weight:600;margin-top:4px}
#countdown-section .countdown-date{text-align:center;font-family:"Rubik",sans-serif;font-weight:600;color:#111A45;margin-top:10px;font-size:1.25rem}
@media (max-width:768px){
#countdown-section .countdown-wrapper{max-width:100%}
#countdown-section .countdown-item{height:70px;padding:8px 12px;min-width:60px}
#countdown-section .countdown-digits{font-size:28px}
}

/* divider */
.section-divider{padding:0}
.section-divider .container{max-width:800px}
.wave-divider{padding:21px 0}
.wave-separator{display:block;width:100%;height:20px;background-repeat:repeat-x;background-size:20px 20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' overflow='visible' height='100%25' viewBox='0 0 24 24' fill='none' stroke='%23111A45' stroke-width='1' stroke-linecap='square' stroke-miterlimit='10'%3E%3Cpath d='M0,6c6,0,6,13,12,13S18,6,24,6'/%3E%3C/svg%3E")}

/* divider-1 */
#divider-1{background:#EDF3FF}
/* divider-2 */
#divider-2{background:#FAFBFD}
/* divider-3 */
#divider-3{background:#EDF3FF}

/* mobile-image */
#mobile-image{padding:0}
#mobile-image .container{max-width:800px}
#mobile-image .mobile-image-inner{height:211px;overflow:hidden}
#mobile-image .mobile-image-inner img{width:100%;display:block;object-fit:cover;object-position:top}
@media (min-width:768px){
#mobile-image{display:none}
}

/* whatsapp button */
.whatsapp-btn{background:#25D366!important;border-color:#25D366!important;box-shadow:0 0 1px 2px #25D366!important;color:#fff!important}
.whatsapp-btn:hover{background:#1ebe5d!important;color:#fff!important}

/* what-we-learn-title */
#what-we-learn-title{background:#FAFBFD;padding:20px 0 0}
#what-we-learn-title .container{max-width:800px}
#what-we-learn-title .section-title{font-family:"Rubik",sans-serif;font-weight:600;color:#111A45}
@media (max-width:768px){
#what-we-learn-title{padding:10px 0 0}
}

/* what-we-learn-list */
#what-we-learn-list{background:#FAFBFD}
#what-we-learn-list .container{max-width:800px}
#what-we-learn-list .check-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
#what-we-learn-list .check-item{display:flex;align-items:flex-start;gap:12px;background:#fff;padding:12px 10px;border-radius:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px -1px rgba(0,0,0,0.1)}
#what-we-learn-list .check-icon{width:24px;height:24px;background:#e6eaf0;display:flex;justify-content:center;align-items:center;border-radius:50%;flex-shrink:0;font-size:12px;color:#111A45}
#what-we-learn-list .check-text{font-family:"Rubik",sans-serif;font-size:15px;color:#111A45;line-height:1.6}
#what-we-learn-list .learn-note{font-family:"Rubik",sans-serif;color:#111A45;margin:10px 0 0;font-size:15px}
@media (max-width:768px){
#what-we-learn-title{padding:10px 0 0}
}

/* about-section */
#about-section{background:#EDF3FF;padding:20px 0 0}
#about-section .container{max-width:800px}
#about-section h2{font-family:"Rubik",sans-serif;color:#111A45;margin:0 0 0.5rem}
#about-section p{font-family:"Arimo",sans-serif;color:#000;line-height:1.8;margin:0 0 0.5rem}
@media (max-width:768px){
#about-section{padding:10px 0 0}
}

/* cta-1 */
#cta-1{background:#EDF3FF}
#cta-1 .cta-btn{font-family:"Heebo",sans-serif;font-size:26px;font-weight:500;background:#111A45;color:#fff;border:2px solid #fff;box-shadow:0 0 1px 2px #111a45;border-radius:20px;padding:12px 32px}
#cta-1 .cta-btn:hover{background:#1a237e;color:#fff}
@media (max-width:768px){
#cta-1 .cta-btn{font-size:20px;padding:10px 24px}
}

/* testimonials-title */
#testimonials-title{padding:20px 0 0}
#testimonials-title .container{max-width:800px}
#testimonials-title .section-title{font-family:"Rubik",sans-serif;color:#111A45}
@media (max-width:768px){
#testimonials-title{padding:10px 0 0}
}

/* testimonials-list */
#testimonials-list{padding:0}
#testimonials-list .container{max-width:800px}
#testimonials-list .testimonials-grid{display:flex;flex-direction:column;gap:0}
#testimonials-list .testimonial-item{border-top:1px dashed #8D8D8D}
#testimonials-list .testimonial-item:first-child{border-top:none}
#testimonials-list .testimonial-item img{width:100%;display:block}
@media (max-width:768px){
#testimonials-list .testimonial-item img{width:100%}
}

/* cta-2 */
#cta-2{margin-bottom:20px}
#cta-2 .cta-btn{font-family:"Heebo",sans-serif;font-size:26px;font-weight:500;background:#111A45;color:#fff;border:2px solid #111A45;box-shadow:0 0 1px 2px #111a45;border-radius:20px;padding:12px 32px}
#cta-2 .cta-btn:hover{background:#1a237e;color:#fff}
@media (max-width:768px){
#cta-2 .cta-btn{font-size:20px;padding:10px 24px}
}

/* footer */
#footer-copyright{background:#EDF3FF;padding:1rem 0}
#footer-copyright p{text-align:center;font-family:"Assistant",sans-serif;color:#a8a8a8;font-size:14px;margin:0}
#footer-copyright a{color:#a8a8a8;text-decoration:underline}
#footer-disclaimer{background:#EDF3FF;padding:0 0 1rem}
#footer-disclaimer p{text-align:center;font-family:"Assistant",sans-serif;color:#a8a8a8;margin:0}
#footer-disclaimer small{font-size:12px;line-height:1.6}

/* countdown pulse animation */
@keyframes countdown-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}
#countdown-section .countdown-wrapper{animation:countdown-pulse 2s ease-in-out infinite}