.herobg{background-image:url(../media/herobg.4e842a5c.jpg);background-position:50%;background-size:cover}
.what-we-do{padding:3rem 5rem}.what-we-container{scrollbar-width:none;overflow:scroll}.what-we-container .what-we-do-cards{justify-content:center;gap:12px;width:fit-content;margin:2.5rem auto;display:flex}.what-we-container .what-we-do-cards .what-we-do-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(90deg,#1e3a8ae6,#172554e6);border:1px solid #ffffff2e;border-radius:.75rem;flex-direction:column;justify-content:space-evenly;align-items:center;width:10rem;height:31rem;padding:1rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000005e}.what-we-container .what-we-do-cards .what-we-do-card:before{content:"";filter:blur(40px);opacity:.6;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);border-radius:50%;width:14rem;height:10rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-desc{color:#ffffffe6;text-shadow:0 2px 8px #0000004d;letter-spacing:.01em;opacity:0;width:25rem;font-size:1rem;font-style:normal;font-weight:400;line-height:1.6;transition:all .5s cubic-bezier(.4,0,.2,1)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-title{color:#fff;text-shadow:0 4px 12px #0006;letter-spacing:-.02em;opacity:.8;white-space:nowrap;margin-top:10rem;padding-left:.5rem;font-size:1.9rem;font-style:normal;font-weight:700;line-height:1;transition:all .5s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button{color:#ffffffb3;text-align:center;text-shadow:0 2px 8px #0000004d;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:.5rem;width:fit-content;margin:10px auto auto;padding:0 2.3rem;font-size:1rem;font-weight:600;line-height:normal;transition:all .3s}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button .what-we-do-icon{aspect-ratio:30/31;flex-shrink:0;transition:all .3s;position:absolute;left:50%;transform:translate(-50%)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-button span{opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.what-we-container .what-we-do-cards .what-we-do-card .what-we-do-divider{opacity:0;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);border:none;width:16.4394rem;height:1px;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.what-we-container .what-we-do-cards .what-we-do-card:first-child{z-index:1;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);width:28rem}.what-we-container .what-we-do-cards .what-we-do-card:first-child:after{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:first-child .card-number{color:#ffffff26;font-size:4rem}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-desc{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-title{width:100%;margin-top:1rem;font-size:2rem;transform:rotate(0)}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-button span{opacity:1;width:100px}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-divider{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:first-child .what-we-do-card-button .what-we-do-icon{position:static}.what-we-container .what-we-do-cards .what-we-do-card:hover{z-index:2;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);width:28rem;transform:translateY(-5px)}.what-we-container .what-we-do-cards .what-we-do-card:hover:after{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:hover .card-number{color:#ffffff26;font-size:4rem}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-desc{opacity:1}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-title{width:100%;margin-top:1rem;font-size:2rem;transform:rotate(0)}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-button .what-we-do-icon{position:static}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-card-button span{opacity:1;width:100px}.what-we-container .what-we-do-cards .what-we-do-card:hover .what-we-do-divider{opacity:1}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover){z-index:0;background:linear-gradient(90deg,#1e3a8ae6,#172554e6);width:10rem;transform:translateY(0);box-shadow:0 8px 32px #0000005e}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover):after{opacity:0}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .card-number{color:#ffffff1a;font-size:2.9rem}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-desc{opacity:0}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-title{white-space:nowrap;margin-top:12rem;font-size:1.9rem;transform:rotate(-90deg)}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-button span{opacity:0;width:fit-content}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-divider{opacity:0}.what-we-container .what-we-do-cards:hover .what-we-do-card:first-child:not(:hover) .what-we-do-card-button .what-we-do-icon{position:absolute;left:50%;transform:translate(-50%)}@media (max-width:1120px){.what-we-do{padding:0}}@media (max-width:480px){.what-we-do{padding:4rem 0}.what-we-do .what-we-container .what-we-do-cards .what-we-do-card:hover{width:23rem}.what-we-do .what-we-container .what-we-do-cards .what-we-do-card .what-we-do-card-desc{width:19.9rem}.what-we-do br{display:block}.what-we-do .what-we-do-cards{margin:2.5rem 0;padding:0}.what-we-do .what-we-do-title,.what-we-do .what-we-do-para{padding:0 2rem}}
.why-choose-section{background-color:#f7f8fb;padding:5rem 0;position:relative}.why-choose-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 80%,#0044ff05 0%,#0000 50%),radial-gradient(circle at 80% 20%,#e6394605 0%,#0000 50%);position:absolute;inset:0}.why-choose-section .container{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.why-choose-section .section-header{text-align:center;margin-bottom:2em;position:relative}.why-choose-section .section-header h2{font-size:2.3rem;font-weight:700;display:inline-block;position:relative}.why-choose-section .section-header h2:before{content:"🎯";opacity:.8;font-size:1.5rem;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.why-choose-section .section-header p{color:#666;text-align:center;max-width:700px;margin:auto;font-size:1.2rem;line-height:1.6;position:relative}.why-choose-section .section-header .quality-badge{color:#fff;border-radius:25px;padding:8px 20px;font-size:.9rem;font-weight:600;position:absolute;top:-70px;left:50%;transform:translate(-50%)}@media (max-width:400px){.why-choose-section .section-header .quality-badge{width:250px}}.why-choose-section .section-header .quality-badge:before{content:"⭐";margin-right:5px}.why-choose-section .features-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.why-choose-section .feature-item{text-align:center;background:#fff;border:1px solid #eee;border-radius:10px;padding:2rem;transition:transform .3s}.why-choose-section .feature-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.why-choose-section .feature-item .feature-icon{background:#0044ff1a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}.why-choose-section .feature-item .feature-icon .icons{color:#00008b;font-size:2rem}.why-choose-section .feature-item h3{color:#021a40;margin-bottom:1rem;font-size:1.4rem;font-weight:600}.why-choose-section .feature-item p{color:#555;font-size:.95rem;line-height:1.6}@media (max-width:991px){.why-choose-section{margin-top:2rem}.why-choose-section .features-grid{grid-template-columns:repeat(2,1fr)}.live-classes-section .upcoming-class{grid-template-columns:1fr}}@media (max-width:550px){.why-choose-section .features-grid{grid-template-columns:1fr}}
