:root{--navy:#212d45;--yellow:#ffc03d;--max:1120px}body{font-size:16px;line-height:1.65;color:#4b4f58}p{margin:0 0 1em}img{display:block;max-width:100%}.container{width:1120px;max-width:calc(100% - 48px)}.topbar,.site-header{position:absolute;inset-inline:0;background:transparent;color:#fff;border:0;z-index:5}.topbar{height:53px;border-bottom:1px solid #ffffff88;font-size:13px}.topbar .container{min-height:53px}.topbar a{color:var(--yellow)}.site-header{top:53px}.nav-wrap{height:105px}.logo img{width:85px;height:85px}.nav{gap:0}.nav a{font:500 15px 'Open Sans';color:#fff;padding:15px 18px}.nav a:hover,.nav a.active{color:var(--yellow)}.nav:after{content:'WHATSAPP US';margin-left:43px;background:var(--yellow);color:var(--navy);font:500 12px 'Open Sans';padding:10px 26px}.hero{min-height:934px;padding-top:158px;align-items:flex-start;background:linear-gradient(90deg,#212d45e8,#212d45d4),url('../assets/images/hero-quran.jpg') center/cover}.hero .container{padding-top:107px}.eyebrow{font:700 18px Montserrat;color:var(--yellow);margin-bottom:22px}.hero h1{max-width:575px;font-size:64px;line-height:1.18;font-weight:700;margin-bottom:30px}.hero p{max-width:600px;font-size:15px;line-height:1.65;margin-bottom:18px}.hero .button+.button{margin-left:25px}.button{background:var(--yellow);border-color:var(--yellow);border-radius:0;color:var(--navy);font:500 11px 'Open Sans';text-transform:uppercase;padding:12px 23px;min-height:45px}.button.navy{background:var(--navy);border-color:var(--navy);color:#fff}
.trial{height:840px;background:#aeb6c2}.trial-layout{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr}.stats-layout{width:1120px;max-width:100%;height:100%;margin:auto;display:grid;grid-template-columns:1fr 1fr}.trial-copy{padding:365px calc((100vw - 1120px)/2) 0 0;background:url('../assets/images/trial-kid.png') right bottom/cover no-repeat;color:#fff}.trial-copy>*{max-width:450px;margin-left:auto}.trial-copy .eyebrow{font-size:15px;margin-bottom:5px}.trial-copy h2{font-size:31px;color:#fff;margin-bottom:31px}.trial-copy p{font-size:12px;line-height:1.65;max-width:390px;margin-bottom:21px}.form-card{height:100%;padding:55px 58px;background:#d8a229;border-radius:0;box-shadow:none}.form-card h3{font-size:30px;color:#fff;margin-bottom:18px}.form-grid{display:block}.form-field{display:block;margin-bottom:12px}.form-field label{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0)}.form-field .error{position:absolute;min-height:0}.form-card input,.form-card textarea{height:43px;border:1px solid #dadde2;border-radius:0;background:#fff;padding:10px 14px;font-size:12px;box-shadow:none}.form-card textarea{height:138px}.form-card .button{margin-top:21px}
.stats{height:330px;background:transparent;padding:0}.success-copy{background:var(--yellow);padding:43px 58px;color:var(--navy)}.success-copy span{font:700 16px Montserrat}.success-copy h2{font-size:33px;color:var(--navy);margin:0 0 16px}.success-copy p{font-size:12px;line-height:1.65;margin:0 0 20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;text-align:left;background:#fff;padding:0}.stat{border:1px solid #eef0f3;border-width:0 1px 1px 0;padding:38px 45px}.stat:last-child{border-right:1px solid #eef0f3}.stat:nth-child(3){grid-column:1}.stat b{font:700 27px Montserrat;color:var(--navy);line-height:1.2;margin-bottom:24px}.stat span{font-size:11px;color:#4b4f58}
.section{padding:95px 0}.section-head{text-align:left;max-width:none;margin:0 0 46px}.section-head .eyebrow{color:var(--navy);font-size:15px;margin-bottom:0}.section-head h2{font-size:31px;color:var(--navy);margin-bottom:10px}.section-head p{max-width:1120px;font-size:12px;line-height:1.65}.highlight{color:inherit}.course-grid{grid-template-columns:repeat(3,1fr);gap:33px 38px}.course-card{border:0;box-shadow:none;text-align:left;overflow:visible}.course-card:hover{transform:none;box-shadow:none}.course-card img{height:244px;object-fit:cover}.course-card h3{font-size:16px;color:var(--navy);margin:14px 0 12px}.course-card .enroll{display:inline-flex;background:var(--yellow);color:var(--navy);font-size:10px;font-weight:500;text-transform:uppercase;padding:10px 17px;margin:0}.course-card .enroll:after{content:''}
.faq{background:#f7f7f7;padding:0}.faq .container{width:1120px;max-width:calc(100% - 48px);display:grid;grid-template-columns:1fr 1fr;gap:38px;padding:0}.contact-mini{background:var(--navy);color:#fff;padding:57px 58px 55px}.contact-mini h2{color:#fff;font-size:29px}.contact-mini>p{font-size:12px;margin-bottom:14px}.contact-mini .form-card{padding:0;background:transparent;height:auto}.contact-mini .form-card h3{display:none}.contact-mini .form-card input,.contact-mini .form-card textarea{height:39px}.contact-mini .form-card textarea{height:120px}.contact-mini .form-field{margin-bottom:10px}.contact-mini .form-card .button{margin-top:10px}.faq-side{padding-top:155px}.faq .section-head{margin:0 0 24px}.faq-list{max-width:none;margin:0}.faq-item{border:1px solid #e1e4e8;margin-bottom:0}.faq-question{padding:12px 16px;font:600 12px 'Open Sans';color:var(--navy)}.faq-question span{font-size:16px}
.site-footer{background:var(--navy);padding:100px 0 0;color:#fff}.footer-grid{grid-template-columns:1.1fr 1.1fr 1.1fr 1fr;gap:34px;padding-bottom:30px;border-bottom:1px solid #ffffff77}.footer-logo img{width:210px;height:210px;object-fit:contain}.site-footer h3{font-size:16px;margin-bottom:17px}.site-footer li,.site-footer p{font-size:12px;line-height:1.5;margin-bottom:8px}.copyright{text-align:left;margin:0;padding:18px 0;font-size:11px;border:0}.whatsapp-float{width:48px;height:48px;left:25px;bottom:25px;background:#33ac17;font-size:22px}.scroll-top{display:none!important}
@media(max-width:767px){.container{max-width:calc(100% - 32px)}.topbar{height:31px;font-size:9px}.topbar .container{min-height:31px}.topbar .social{display:none}.site-header{top:31px}.nav-wrap{height:81px}.logo img{width:61px;height:61px}.menu-button{color:var(--yellow);font-size:25px}.nav{top:81px;background:var(--navy);padding:0 16px}.nav a{font-size:14px;padding:12px}.nav:after{display:none}.hero{min-height:730px;padding-top:112px;background-position:58% center}.hero .container{padding-top:66px}.hero h1{font-size:39px;max-width:330px;margin-bottom:20px}.hero p{font-size:12px;max-width:340px;margin-bottom:14px}.eyebrow{font-size:13px;margin-bottom:14px}.hero .button{min-height:38px;padding:9px 14px;font-size:9px}.hero .button+.button{margin-left:10px}.trial{height:auto}.trial-layout,.stats-layout{display:block;width:100%}.trial-copy{height:425px;padding:190px 30px 0;background-position:center;background-size:cover}.trial-copy>*{margin-left:0}.trial-copy h2{font-size:25px;margin-bottom:20px}.trial-copy p{font-size:10px}.form-card{height:auto;padding:40px 30px}.form-card h3{font-size:26px}.form-card textarea{height:120px}.stats{height:auto}.success-copy{padding:35px 30px}.stats-grid{min-height:265px}.stat{padding:28px 24px}.section{padding:60px 0}.section-head{margin-bottom:30px}.section-head h2{font-size:27px}.course-grid{grid-template-columns:1fr;gap:30px}.course-card img{height:auto;aspect-ratio:1.43}.faq .container{display:block;max-width:100%}.contact-mini{padding:45px 30px}.faq-side{padding:40px 30px 50px}.faq .section-head{padding:0}.faq-list{padding:0}.site-footer{padding-top:60px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:25px}.footer-logo{grid-column:1/-1}.footer-logo img{width:160px;height:160px;margin:auto}.copyright{text-align:center;padding:15px 16px}}