.what-we-offer{margin-top:80px;position:relative}.what-we-offer:before{content:"";background:url(/images/rip.svg) bottom/25%;width:100%;height:20px;position:absolute;top:99%;left:0;transform:rotate(180deg)}.what-we-offer .offer-content{background-color:var(--main-color);padding-top:40px;padding-bottom:100px}.what-we-offer .offer-content .section-header{text-align:center;margin-bottom:60px}.what-we-offer .offer-content .section-header h2{color:#fff;margin-bottom:15px;font-size:clamp(24px,4vw,36px);font-weight:800}.what-we-offer .offer-content .section-header .header-line{background-color:var(--secondary-color);border-radius:10px;width:80px;height:4px;margin:0 auto}.what-we-offer .offer-content .offer-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.what-we-offer .offer-content .offer-grid .offer-card{text-align:center;background-color:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:40px 25px;transition:all .3s;display:flex;box-shadow:0 10px 30px #0000001a}.what-we-offer .offer-content .offer-grid .offer-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.what-we-offer .offer-content .offer-grid .offer-card .image-box{align-items:center;height:150px;margin-bottom:25px;transition:transform .3s;display:flex}.what-we-offer .offer-content .offer-grid .offer-card h4{color:var(--main-color);margin-bottom:15px;font-size:20px;font-weight:700}.what-we-offer .offer-content .offer-grid .offer-card p{color:var(--text-muted);font-size:16px;line-height:1.7}@media (max-width:767px){.what-we-offer{margin-top:60px}.what-we-offer .offer-content{padding-bottom:60px}.what-we-offer .offer-content .offer-grid{gap:20px;width:100%}.what-we-offer .offer-content .offer-grid .offer-card{padding:30px 20px}.what-we-offer .offer-content .offer-grid .offer-card h4{font-size:18px}.what-we-offer .offer-content .offer-grid .offer-card p{font-size:15px}}
.why-choose-us{background-color:#fff;padding-bottom:80px;overflow:hidden}.why-choose-us .container{justify-content:space-between;align-items:center;gap:40px;display:flex}.why-choose-us .container .content-side,.why-choose-us .container .image-side{flex:1;width:50%}.why-choose-us .container .content-side h2{color:#333;margin-bottom:40px;font-size:clamp(24px,4vw,34px);font-weight:800}.why-choose-us .container .content-side .reasons-list{flex-direction:column;gap:20px;padding:0;list-style:none;display:flex}.why-choose-us .container .content-side .reasons-list .reason-item{background-color:#fcfcfc;border:1px solid #0000000d;border-bottom:4px solid #eee;border-radius:15px;align-items:flex-start;gap:20px;padding:20px;transition:all .3s;display:flex}.why-choose-us .container .content-side .reasons-list .reason-item:hover{border-bottom-color:var(--main-color,#0056b3);background-color:#fff;transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.why-choose-us .container .content-side .reasons-list .reason-item .num{background-color:var(--main-color,#0056b3);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;font-weight:800;display:flex}.why-choose-us .container .content-side .reasons-list .reason-item .text h4{color:#222;margin-bottom:5px;font-size:18px;font-weight:700}.why-choose-us .container .content-side .reasons-list .reason-item .text p{color:#666;font-size:15px;line-height:1.6}.why-choose-us .container .image-side{justify-content:center;align-items:center;display:flex}.why-choose-us .container .image-side .lottie-wrapper{aspect-ratio:1;width:100%;max-width:550px;height:auto;position:relative}@media (max-width:991px){.why-choose-us .container{text-align:center;flex-direction:column}.why-choose-us .container .content-side,.why-choose-us .container .image-side{width:100%}.why-choose-us .container .image-side{order:-1;margin-bottom:40px}.why-choose-us .container .reasons-list .reason-item{text-align:start}}@media (max-width:500px){.why-choose-us .container .content-side .reasons-list .reason-item{text-align:center;flex-direction:column;align-items:center;gap:10px}}
.statistics{background-color:var(--main-bg);padding-block:80px;position:relative}.statistics .stats-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:40px;display:grid}.statistics .stats-grid .stat-card{text-align:center;background-color:#fff;border:1px solid #00000014;border-bottom:6px solid #e0e0e0;border-radius:20px;flex-direction:column;align-items:center;padding:40px 25px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 10px 20px #0000000d}.statistics .stats-grid .stat-card:hover{border-bottom-width:2px;transform:translateY(4px);box-shadow:0 5px 10px #0000000d}.statistics .stats-grid .stat-card:hover .stat-icon{color:var(--secondary-color);transform:scale(1.1)}.statistics .stats-grid .stat-card .stat-icon{background-color:var(--section-bg);width:75px;height:75px;color:var(--main-color);border-bottom:4px solid #0000000d;border-radius:18px;justify-content:center;align-items:center;margin-bottom:20px;transition:all .3s;display:flex}.statistics .stats-grid .stat-card h3{color:var(--text-color);margin-bottom:12px;font-size:20px;font-weight:800}.statistics .stats-grid .stat-card p{color:var(--text-muted);font-size:15px;line-height:1.7}@media (max-width:767px){.statistics{padding-block:60px}.statistics .stats-grid{gap:25px}.statistics .stats-grid .stat-card{border-bottom-width:4px;padding:30px 20px}}
.hero{background-color:var(--main-bg);padding:70px 0 50px;position:relative;overflow:hidden}.hero .hero-visual-canvas{z-index:0;pointer-events:none;opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 70%,#0000 100%);mask-image:radial-gradient(circle,#000 70%,#0000 100%)}.hero .container{z-index:1;justify-content:space-between;align-items:center;gap:60px;display:flex;position:relative}.hero .container .content{flex:1;max-width:580px}.hero .container .content .badge{color:var(--main-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0056b314;border:1px solid #0056b326;border-radius:50px;align-items:center;gap:8px;margin-bottom:25px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-flex}.hero .container .content h1{color:var(--text-color);margin-bottom:20px;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.1}.hero .container .content h1 .dot{color:var(--secondary-color)}.hero .container .content h2{color:var(--main-color);margin-bottom:25px;font-size:clamp(20px,3vw,26px);font-weight:700}.hero .container .content p{color:var(--text-muted);margin-bottom:40px;font-size:18px;line-height:1.8}.hero .container .content .hero-links{gap:20px;display:flex}.hero .container .content .hero-links .btn-primary{background-color:var(--secondary-color);color:#fff;border-radius:14px;padding:16px 36px;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #d9a03c59}.hero .container .content .hero-links .btn-primary:hover{background-color:var(--main-color);transform:translateY(-5px)}.hero .container .content .hero-links .btn-secondary{color:var(--main-color);font-weight:700}.hero .container .content .hero-links .btn-secondary:hover{color:var(--secondary-color);transform:translate(5px)}.hero .container .visual-preview{perspective:1500px;flex:1;justify-content:flex-end;display:flex;position:relative}.hero .container .visual-preview .main-mockup{z-index:2;filter:drop-shadow(0 30px 60px #0000001f);transition:all .5s;animation:6s ease-in-out infinite floatDashboard;position:relative;transform:rotateY(-15deg)rotateX(8deg)}.hero .container .visual-preview .main-mockup img{border:1px solid #ffffff4d;border-radius:24px}.hero .container .visual-preview .main-mockup:hover{transform:rotateY(-5deg)rotateX(5deg)}.hero .container .visual-preview .floating-element{z-index:5;filter:drop-shadow(0 10px 20px #0000001a);position:absolute}.hero .container .visual-preview .floating-element.el-1{animation:4s infinite floatIcon;top:10%;right:-20px}.hero .container .visual-preview .floating-element.el-2{animation:5s 1s infinite floatIcon;bottom:15%;left:0}.hero .container .visual-preview .floating-element.el-3{animation:3s .5s infinite floatIcon;top:40%;right:-40px}.hero .container .visual-preview .stat-card{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50px;align-items:center;gap:10px;padding:10px 18px;animation:4.5s infinite floatIcon;display:flex;position:absolute;bottom:10%;right:15%;box-shadow:0 10px 25px #00000014}.hero .container .visual-preview .stat-card .pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseEffect;box-shadow:0 0 #22c55e66}.hero .container .visual-preview .stat-card span{color:#333;white-space:nowrap;font-size:13px;font-weight:700}@keyframes floatDashboard{0%,to{transform:rotateY(-15deg)rotateX(8deg)translateY(0)}50%{transform:rotateY(-15deg)rotateX(8deg)translateY(-20px)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulseEffect{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media (max-width:992px){.hero{padding-block:60px}.hero .container{flex-direction:column;gap:30px}.hero .container .content{text-align:center;max-width:100%}.hero .container .content .hero-links{justify-content:center}.hero .container .visual-preview{justify-content:center;width:100%}.hero .container .visual-preview .main-mockup{animation:4s infinite floatSimple;transform:rotateY(0)rotateX(0)}.hero .container .visual-preview .floating-element{display:none}}@keyframes floatSimple{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}
.hero-laptop-teaching{perspective:1200px;justify-content:flex-end;align-items:center;width:100%;padding-inline-end:20px;display:flex}.hero-laptop-teaching svg{filter:drop-shadow(0 30px 60px #0000001a);width:100%;max-width:500px;height:auto;transition:transform .5s ease-in-out;animation:6s ease-in-out infinite mainFloat;transform:rotateY(-15deg)rotateX(6deg)}.hero-laptop-teaching svg:hover{transform:rotateY(-5deg)rotateX(2deg)scale(1.02)}.hero-laptop-teaching svg .teacher-group{transform-origin:bottom;animation:4s ease-in-out infinite teacherSlightSway}.hero-laptop-teaching svg .arm-action{stroke-dasharray:150;stroke-dashoffset:150px;animation:3s ease-in-out infinite alternate pointingLoop}.hero-laptop-teaching svg .floating-ui{filter:drop-shadow(0 5px 15px #00000014)}.hero-laptop-teaching svg .floating-ui.video-ui{animation:4s ease-in-out infinite elementFloat}.hero-laptop-teaching svg .floating-ui.chat-ui{animation:5s ease-in-out infinite reverse elementFloat}.hero-laptop-teaching svg .progress-bar{animation:4s linear infinite loadingProgress}@keyframes mainFloat{0%,to{transform:rotateY(-15deg)rotateX(6deg)translateY(0)}50%{transform:rotateY(-15deg)rotateX(6deg)translateY(-20px)}}@keyframes teacherSlightSway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}@keyframes pointingLoop{0%{stroke-dashoffset:150px}40%,to{stroke-dashoffset:0}}@keyframes elementFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes loadingProgress{0%{width:0}80%,to{width:340px}}@media (max-width:992px){.hero-laptop-teaching{justify-content:center;margin-top:30px;padding-inline-end:0}.hero-laptop-teaching svg{max-width:400px;transform:none!important}}
.testimonials{background-color:var(--main-bg);padding-bottom:70px;overflow:hidden}.testimonials .section-header{text-align:center;margin-bottom:30px}.testimonials .section-header h2{color:var(--main-color);font-size:clamp(24px,4vw,34px);font-weight:800}.testimonials .section-header .title-line{background:var(--secondary-color);border-radius:10px;width:55px;height:4px;margin:12px auto 0}.testimonials .marquee-wrapper{width:100%;display:flex;-webkit-mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000);mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.testimonials .marquee-wrapper .marquee-content{gap:30px;width:max-content;padding:20px 0;animation:30s linear infinite scroll-infinite;display:flex}.testimonials .marquee-wrapper .marquee-content:hover{animation-play-state:paused}.testimonials .testi-card{background:#fff;border:1px solid #0056b314;border-bottom:5px solid #e8e8e8;border-radius:20px;flex-direction:column;flex-shrink:0;width:320px;min-height:260px;padding:25px;transition:all .4s;display:flex;box-shadow:0 8px 20px #00000008}.testimonials .testi-card .quote-icon{color:var(--secondary-color);opacity:.7;flex-shrink:0;margin-bottom:15px}.testimonials .testi-card .quote-icon.flip{transform:scaleX(-1)}.testimonials .testi-card .text{color:#444;flex-grow:1;margin-bottom:20px;font-size:15px;font-weight:500;line-height:1.6}.testimonials .testi-card .user-info{border-top:1px solid #f2f2f2;flex-shrink:0;align-items:center;gap:12px;margin-top:auto;padding-top:15px;display:flex}.testimonials .testi-card .user-info .avatar{background:linear-gradient(135deg, var(--main-color), #003a7a);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.testimonials .testi-card .user-info .details .name-with-icon{align-items:center;gap:6px;display:flex}.testimonials .testi-card .user-info .details .name-with-icon h4{color:var(--main-color);margin:0;font-size:15px;font-weight:700}.testimonials .testi-card .user-info .details .name-with-icon .verified-badge{background-color:var(--secondary-color);border-radius:50%;width:6px;height:6px}.testimonials .testi-card .user-info .details span{color:#888;font-size:12px;font-weight:500}.testimonials .testi-card:hover{border-bottom-color:var(--secondary-color);transform:translateY(-8px);box-shadow:0 15px 30px #0056b31a}@keyframes scroll-infinite{0%{transform:translate(0)}to{transform:translate(calc(-33.333% - 10px))}}@media (max-width:767px){.testi-card{width:300px;padding:25px}}
.cta-section{background-color:var(--main-bg);padding-bottom:80px}.cta-section .container{max-width:1100px}.cta-section .cta-box{background:linear-gradient(135deg, var(--main-color) 0%, #003a7a 100%);text-align:center;border:1px solid #ffffff1a;border-bottom:8px solid var(--secondary-color);border-radius:40px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0056b34d}.cta-section .cta-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#d9a03c1a 0%,#0000 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cta-section .cta-box .cta-content{z-index:2;position:relative}.cta-section .cta-box .cta-content h2{color:#fff;margin-bottom:20px;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.2}.cta-section .cta-box .cta-content p{color:#fffc;margin-bottom:40px;max-width:700px;margin-inline:auto;font-size:clamp(16px,3vw,19px)}.cta-section .cta-box .cta-content .btn-white{color:var(--main-color);background-color:#fff;border-radius:18px;align-items:center;gap:12px;padding:18px 45px;font-size:18px;font-weight:800;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;box-shadow:0 10px 20px #0000001a}.cta-section .cta-box .cta-content .btn-white:hover{background-color:var(--secondary-color);color:#fff;transform:scale(1.05)translateY(-5px);box-shadow:0 15px 30px #d9a03c66}.cta-section .cta-box .cta-content .btn-white .rotate-180{transform:rotate(180deg)}.cta-section .cta-box .floating-icon{color:#ffffff26;pointer-events:none;z-index:1;position:absolute}.cta-section .cta-box .floating-icon.icon-1{animation:6s ease-in-out infinite float;top:15%;left:10%}.cta-section .cta-box .floating-icon.icon-2{animation:8s ease-in-out infinite reverse float;bottom:20%;right:12%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(15deg)}}@media (max-width:768px){.cta-box{border-radius:30px;padding:60px 20px}.cta-box .floating-icon{display:none}}
.faq-section{background-color:var(--main-bg);padding-bottom:100px}.faq-section .section-header{text-align:center;margin-bottom:30px}.faq-section .section-header h2{color:var(--main-color);font-size:32px;font-weight:800}.faq-section .section-header .title-line{background:var(--secondary-color);border-radius:10px;width:50px;height:4px;margin:10px auto}.faq-section .faq-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:25px;display:grid}.faq-section .faq-grid .faq-card{cursor:pointer;background:#fff;border:1px solid #0056b30d;border-bottom:5px solid #eee;border-radius:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.faq-section .faq-grid .faq-card .card-header{justify-content:space-between;align-items:center;gap:15px;padding:25px;display:flex}.faq-section .faq-grid .faq-card .card-header h4{color:var(--text-color);margin:0;font-size:17px;font-weight:700;line-height:1.4}.faq-section .faq-grid .faq-card .card-header .plus-icon{background:rgba(var(--main-color-rgb), .05);width:32px;height:32px;color:var(--main-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.faq-section .faq-grid .faq-card .card-body{background-color:#fcfcfc;max-height:0;transition:max-height .4s}.faq-section .faq-grid .faq-card .card-body .inner-text{color:var(--text-muted);padding:0 25px 25px;font-size:15px;line-height:1.7}.faq-section .faq-grid .faq-card.active{border-bottom-color:var(--secondary-color);transform:translateY(-5px);box-shadow:0 15px 30px #0000000d}.faq-section .faq-grid .faq-card.active .plus-icon{background:var(--main-color);color:#fff;transform:rotate(180deg)}.faq-section .faq-grid .faq-card.active .card-body{max-height:200px}.faq-section .faq-grid .faq-card:hover:not(.active){border-bottom-color:var(--main-color);transform:translateY(-3px)}@media (max-width:991px){.faq-section .faq-grid{grid-template-columns:1fr}}
.how-it-works{padding-bottom:70px}.how-it-works .section-header{text-align:center;margin-bottom:70px}.how-it-works .section-header h2{color:var(--main-color);margin-bottom:15px;font-size:34px;font-weight:800}.how-it-works .section-header p{color:var(--text-muted);font-size:18px}.how-it-works .steps-wrapper{grid-template-columns:repeat(3,1fr);gap:40px;display:grid;position:relative}.how-it-works .steps-wrapper .step-card{text-align:center;background:#fff;border-bottom:5px solid #eee;border-radius:30px;padding:40px 30px;transition:all .4s;position:relative;box-shadow:0 15px 30px #0000000d}.how-it-works .steps-wrapper .step-card:hover{border-bottom-color:var(--secondary-color);transform:translateY(-10px)}.how-it-works .steps-wrapper .step-card .step-number{top:20px;color:#00000008;font-size:40px;font-weight:900;position:absolute;inset-inline-start:25px}.how-it-works .steps-wrapper .step-card .icon-box{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 25px;display:flex;box-shadow:0 10px 20px #0000001a}.how-it-works .steps-wrapper .step-card h3{color:var(--main-color);margin-bottom:15px;font-size:22px}.how-it-works .steps-wrapper .step-card p{color:var(--text-muted);font-size:16px;line-height:1.7}.how-it-works .steps-wrapper .step-card .step-arrow{top:40%;color:var(--secondary-color);opacity:.5;position:absolute;inset-inline-end:-35px}.how-it-works .steps-wrapper .step-card .step-arrow .rotate-180{transform:rotate(180deg)}.how-it-works .cta-manual{text-align:center;margin-top:40px}.how-it-works .cta-manual p{color:var(--text-muted);margin-bottom:20px;font-size:18px}.how-it-works .cta-manual .btn-manual{background-color:var(--secondary-color);color:#fff;border-radius:15px;padding:16px 40px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 10px 25px #d9a03c4d}.how-it-works .cta-manual .btn-manual:hover{background-color:var(--main-color);transform:scale(1.05)}@media (max-width:992px){.how-it-works .steps-wrapper{grid-template-columns:1fr}.how-it-works .steps-wrapper .step-arrow{display:none}}