/*
Theme Name: Roshan Education Center
Theme URI: https://example.com/roshan-education
Author: Roshan Education Center
Description: Six-page tuition theme with native Elementor layouts, WhatsApp enquiries and shared navigation. Install Elementor and Elementor Pro for visual editing.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: roshan-education
License: GPL-2.0-or-later
*/
:root{--navy:#032a43;--ink:#062b50;--teal:#0086a4;--mint:#86e2db;--gold:#eeb530;--green:#00a86b;--pale:#e7f5f7;--font:'Roshan Sans',Arial,sans-serif}
@font-face{font-family:'Roshan Sans';src:url('assets/roshan-sans.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:'Roshan Sans';src:url('assets/roshan-sans-bold.woff') format('woff');font-weight:700 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.rec-site{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:16px;line-height:1.4}.rec-site a{color:inherit;text-decoration:none}.rec-site img{max-width:100%;height:auto;display:block}.rec-site button,.rec-site input,.rec-site select,.rec-site textarea{font:inherit}.rec-site button,.rec-site a,.rec-site summary{touch-action:manipulation}.rec-site a:focus-visible,.rec-site button:focus-visible,.rec-site summary:focus-visible{outline:3px solid #f5b829;outline-offset:4px}.rec-site p{margin:0}.rec-site h1,.rec-site h2,.rec-site h3{margin:0;font-weight:700;line-height:1.13;color:inherit}.rec-site h1{font-size:44px;letter-spacing:-.55px}.rec-site h2{font-size:27px;letter-spacing:-.35px}.rec-site h3{font-size:18px}.rec-site main{display:block}.rec-site .elementor-widget:not(:last-child){margin-block-end:0}.rec-site .elementor-widget{min-width:0;--widgets-spacing:0}.rec-site .elementor-heading-title{line-height:1.13}.rec-site .e-con.rec{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--gap:0px;--container-widget-width:100%;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:100%;--width:100%;display:flex;flex-direction:column;gap:0;margin:0;min-width:0;max-width:none;width:100%;padding:0;position:relative}.rec-site .e-con.rec.row{flex-direction:row;gap:22px;align-items:stretch}.rec-site .e-con.rec.col{flex:1;gap:9px}.rec-site .e-con.rec.section{padding:24px 4.4%;gap:18px}.rec-site .e-con.rec.section-heading{text-align:center;gap:7px}.rec-site .eyebrow .elementor-heading-title{font-size:12px;letter-spacing:1.5px;font-weight:700;line-height:1.3}.rec-site .eyebrow{color:#065075}.rec-site .micro{font-size:11px;line-height:1.35}.rec-site .handwritten{font-family:'Segoe Print','Comic Sans MS',cursive;font-style:italic;font-size:25px;line-height:1.35;transform:rotate(-8deg);text-align:center;align-self:center}.rec-site .gold,.rec-site .navy .eyebrow{color:var(--gold)}.rec-site .navy{background:linear-gradient(115deg,#00263b,#05314b);color:white}.rec-site .pale{background:linear-gradient(110deg,#e8f6f7,#def2f3)}.rec-site .light{background:linear-gradient(110deg,#f0f8fb,#fcfdfe)}.rec-site .cream{background:linear-gradient(110deg,#fcf6e9,#f9f1dd)}.rec-site .elementor-button{border:1px solid transparent;border-radius:7px;background:linear-gradient(120deg,#00a567,#00974e);color:white;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;line-height:1.25;font-size:15px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;cursor:pointer}.rec-site .elementor-button:hover,.rec-site .elementor-button:focus-visible{background:#006e60;color:#ffe19a;box-shadow:0 6px 16px #002b4320}.rec-site .elementor-button svg{width:25px;height:25px;flex-shrink:0}.rec-site .dark .elementor-button{background:var(--navy)}.rec-site .outline .elementor-button{background:transparent;border-color:#a2c1d0}.rec-site .dark .elementor-button:hover,.rec-site .outline .elementor-button:hover{background:#0c6375;color:#ffe19a}.rec-site .elementor-icon{color:var(--teal);font-size:37px;line-height:1;display:inline-flex;transition:transform .45s}.rec-site .elementor-icon svg{width:1em;height:1em}.rec-site .elementor-icon i{font-size:inherit}.rec-site .rec-icon:hover .elementor-icon{transform:rotateY(-180deg)}.rec-site .circle .elementor-icon{width:70px;height:70px;border-radius:50%;background:#ceebf9;align-items:center;justify-content:center;color:var(--ink);font-size:36px}.rec-site .whatsapp .elementor-icon{background:#00af74;color:white}.rec-site .gold-circle .elementor-icon{background:#f6eccb}.rec-site .mint-circle .elementor-icon{background:#b7ece4}.rec-site .e-con.rec.card{background:#fff;border-radius:8px;padding:16px 12px;gap:9px;text-align:center;box-shadow:0 1px 5px #0733510d}.rec-site .e-con.rec.card.navy{background:linear-gradient(115deg,#01273f,#063751);color:#fff}.rec-site .card.navy .elementor-icon{color:var(--gold)}.rec-site .card p{font-size:14px}.rec-site .e-con.rec.grid-five{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.rec-site .e-con.rec.grid-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.rec-site .e-con.rec.grid-four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.rec-site .e-con.rec.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rec-site .e-con.rec.grow{flex:2}.rec-site .e-con.rec.site-header{background:#032a43;color:#fff;flex-direction:row;align-items:center;justify-content:space-between;padding:7px 4.4%;gap:22px;min-height:61px}.rec-site .header-logo{flex:0 0 215px}.rec-site .rec-logo{display:flex;align-items:center;gap:8px;max-width:215px;width:100%}.rec-site .logo-symbol{position:relative;display:block;flex:0 0 78px;width:78px;height:50px;overflow:hidden}.rec-site .logo-symbol img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:none}.rec-site .logo-sun{clip-path:polygon(0 0,100% 0,100% 55%,55% 85%,0 54%);animation:rec-sunrise 1.5s cubic-bezier(.19,1,.22,1) both}.rec-site .logo-book{clip-path:polygon(0 54%,50% 75%,100% 54%,100% 100%,0 100%)}.rec-site .logo-wordmark{width:122px;height:auto;object-fit:contain}.rec-site .header-navigation{flex:1}.rec-site .rec-menu{display:flex;justify-content:center;align-items:center;gap:23px}.rec-site .rec-menu a{font-size:12px;white-space:nowrap;position:relative;padding:13px 0}.rec-site .rec-menu a:hover{color:var(--gold)}.rec-site .rec-menu .current-menu-item>a:after,.rec-site .rec-menu a[aria-current=page]:after{content:'';position:absolute;height:2px;background:var(--gold);bottom:5px;left:0;right:0}.rec-site .rec-menu ul{list-style:none;margin:0;padding:0;display:flex;gap:23px;align-items:center}.rec-site .menu-toggle{display:none}.rec-site .site-header .elementor-button{font-size:14px;padding:10px 18px;white-space:nowrap}.rec-site .site-header .elementor-button svg{width:21px;height:21px}.rec-site .e-con.rec.hero{padding:32px 5.2%;background:#042c44;color:#fff;overflow:hidden;isolation:isolate;min-height:320px;justify-content:center}.rec-site .hero-photo{position:absolute;inset:0 0 0 auto;width:63%;height:100%;z-index:-2}.rec-site .hero-photo .elementor-widget-container,.rec-site .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:right center}.rec-site .hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#032a43 0%,#032a43 29%,#032a43ed 36%,#032a4380 48%,transparent 62%);pointer-events:none}.rec-site .e-con.rec.hero-copy{width:48%;flex:none;gap:15px;z-index:1}.rec-site .hero h1 span{color:var(--mint)}.rec-site .hero .eyebrow{color:var(--gold)}.rec-site .hero p{font-size:16px;line-height:1.45}.rec-site .hero .tagline{font-size:14px;letter-spacing:3px;margin-top:12px}.rec-site .hero-about{min-height:270px}.rec-site .hero-about h1{font-size:40px}.rec-site .hero-home{min-height:558px}.rec-site .hero-home h1{font-size:43px}.rec-site .hero-online{min-height:476px}.rec-site .hero-online h1{font-size:42px}.rec-site .hero-online h1 span{color:#f9b956}.rec-site .hero-home-tuition{min-height:360px}.rec-site .hero-home-tuition h1{font-size:35px}.rec-site .hero-subjects{min-height:232px}.rec-site .hero-subjects h1{font-size:36px}.rec-site .hero-contact{min-height:314px}.rec-site .light-hero{background:#f4f9fb;color:var(--ink)}.rec-site .light-hero:after{background:linear-gradient(90deg,#f4f9fb 0%,#f4f9fb 31%,#f4f9fbd9 40%,transparent 61%)}.rec-site .hero .subject-tagline{font-weight:700;font-size:13px}.rec-site .e-con.rec.platforms{justify-content:flex-start;gap:24px;align-items:center;width:fit-content}.rec-site .platforms .col{flex:none;gap:6px;align-items:center;width:auto}.rec-site .platform-image{background:#fff;padding:9px 12px;border-radius:5px}.rec-site .platform-image img{height:28px;width:auto;max-width:170px;object-fit:contain}.rec-site .platforms p{font-size:10px;white-space:nowrap}.rec-site .e-con.rec.hero-actions{gap:14px;flex-wrap:wrap}.rec-site .hero-actions .elementor-button{font-size:14px;padding:12px 17px}.rec-site .e-con.rec.hero-features{gap:12px;width:90%;margin-top:7px}.rec-site .hero-features .card{background:none;box-shadow:none;padding:8px 0;gap:6px}.rec-site .hero-features .elementor-icon{color:var(--gold);font-size:30px}.rec-site .hero-features h3{font-size:12px}.rec-site .grade-cards .rec-icon .elementor-icon{background:#e4f3f7;border-radius:50%;padding:14px;font-size:33px}.rec-site .grade-cards h3{font-size:16px}.rec-site .grade-cards p{font-size:14px}.rec-site .subjects-small h3{font-size:14px}.rec-site .subjects-small .card{padding:15px 8px}.rec-site .section-heading h2{font-size:26px}.rec-site .section-heading p{font-size:14px}.rec-site .e-con.rec.photo-block{isolation:isolate;overflow:hidden;min-height:300px;justify-content:center}.rec-site .photo-block .block-photo{position:absolute;right:0;top:0;width:57%;height:100%;z-index:-2}.rec-site .block-photo .elementor-widget-container,.rec-site .block-photo img{height:100%;width:100%;object-fit:cover;object-position:right center}.rec-site .photo-block:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#eef8fb 0%,#eef8fb 41%,#eef8fbaa 47%,transparent 60%);z-index:-1;pointer-events:none}.rec-site .photo-block .block-copy{width:48%;flex:none;gap:12px}.rec-site .photo-block p{font-size:15px}.rec-site .photo-block .platforms{gap:12px}.rec-site .photo-block .platform-image{padding:0;background:none}.rec-site .photo-block .platform-image img{height:27px}.rec-site .photo-block .platforms .micro{display:none}.rec-site .lesson-block{min-height:415px}.rec-site .personal-block{min-height:265px}.rec-site .personal-block .block-copy{width:55%}.rec-site .personal-block .block-photo{width:46%}.rec-site .personal-block:after{background:linear-gradient(90deg,#e8f7f8 0%,#e8f7f8 47%,#e8f7faa 54%,transparent 68%)}.rec-site .feature-line{gap:18px!important;align-items:center!important}.rec-site .feature-line .rec-icon{flex:0 0 40px}.rec-site .feature-line h3{font-size:15px}.rec-site .feature-line p{font-size:13px}.rec-site .feature-line .col{gap:4px!important}.rec-site .progress-list{gap:19px!important}.rec-site .e-con.rec.steps{justify-content:space-around;gap:42px}.rec-site .e-con.rec.step{align-items:center;text-align:center;gap:9px;position:relative}.rec-site .step:not(:last-child):after{content:'→';position:absolute;right:-30px;top:34px;font-size:29px;color:var(--ink)}.rec-site .step-number .elementor-heading-title{background:#057f91;color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:18px}.rec-site .step>.step-number{position:absolute;left:8%;top:0}.rec-site .step>.rec-icon{margin:9px 0 5px}.rec-site .step h3{font-size:18px}.rec-site .step p{font-size:15px}.rec-site .steps.compact{gap:23px;margin-top:10px}.rec-site .compact .step h3{font-size:13px}.rec-site .compact .step p{font-size:12px}.rec-site .compact .step .elementor-icon{font-size:27px}.rec-site .compact .step-number .elementor-heading-title{height:21px;width:21px;font-size:12px}.rec-site .compact .step:not(:last-child):after{font-size:23px;right:-16px;top:15px}.rec-site .e-con.rec.form-panel{padding:18px;background:#fff;border-radius:9px;gap:10px;color:var(--ink)}.rec-site .enquiry-section .form-panel{background:#e6f5f6}.rec-site .enquiry-section h2{font-size:23px}.rec-site .enquiry-section .faq-panel{padding:16px 5px;gap:15px}.rec-site .elementor-form-fields-wrapper{display:flex;flex-wrap:wrap;margin:0 -8px;row-gap:15px}.rec-site .elementor-field-group{padding:0 8px;display:flex;flex-direction:column;gap:5px;min-width:0}.rec-site .elementor-col-100{width:100%}.rec-site .elementor-col-50{width:50%}.rec-site .elementor-field-group label{font-size:14px;color:#072b4e}.rec-site .elementor-field-group input,.rec-site .elementor-field-group select,.rec-site .elementor-field-group textarea{width:100%;padding:10px 12px;border:1px solid #ccd8e3;border-radius:4px;background:#fff;color:#294362;min-height:39px;outline-offset:2px;font-size:14px;box-shadow:none}.rec-site .elementor-field-group textarea{resize:vertical;min-height:92px}.rec-site .elementor-field-group .elementor-button{width:100%;margin-top:3px;min-height:47px}.rec-site .elementor-form .elementor-button-icon{display:none}.rec-site .elementor-screen-only{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.rec-site .compact-form .elementor-form-fields-wrapper{row-gap:8px}.rec-site .compact-form .elementor-field-group input,.rec-site .compact-form .elementor-field-group select,.rec-site .compact-form .elementor-field-group textarea{min-height:32px;padding:7px 10px;font-size:13px;border-color:#e3edf2}.rec-site .compact-form .elementor-field-group textarea{min-height:56px;height:56px}.rec-site .compact-form .elementor-button{font-size:15px;padding:11px}.rec-site .form-panel>.micro{text-align:center;color:#46617c}.rec-site .rec-faq details{background:#f0f8fb;margin-bottom:9px;border-radius:4px;font-size:14px;border:1px solid #e8eff5}.rec-site .rec-faq summary{padding:12px 14px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:10px}.rec-site .rec-faq summary:after{content:'+';font-size:17px;font-weight:700}.rec-site .rec-faq details[open] summary:after{content:'−'}.rec-site .rec-faq details>div{padding:0 15px 15px}.rec-site .rec-faq .elementor-accordion-item{border:1px solid #e8eff5;margin-bottom:9px;background:#f0f8fb;border-radius:4px}.rec-site .rec-faq .elementor-tab-title{font-family:var(--font);font-weight:400;font-size:14px;color:var(--ink);padding:13px}.rec-site .rec-faq .elementor-tab-content{font:14px/1.5 var(--font);padding:10px 14px;color:var(--ink)}.rec-site .rec-faq .elementor-accordion-icon{float:right}.rec-site .lesson-image{flex:1;width:50%}.rec-site .lesson-image img{width:100%;border-radius:10px;height:100%;object-fit:cover}.rec-site .essentials .card{background:none;box-shadow:none}.rec-site .maths-card{flex:0 0 36%!important}.rec-site .grid-six .card{background:#f0f6f8;padding:22px 10px}.rec-site .grid-six .card.navy{background:#03334d}.rec-site .grid-six h3{font-size:16px}.rec-site .support-cards .card{text-align:left;flex:1}.rec-site .support-cards .handwritten{flex:0 0 15%}.rec-site .support-cards h3{font-size:15px}.rec-site .support-cards p{font-size:13px}.rec-site .dubai-block{min-height:190px}.rec-site .dubai-block:after{background:linear-gradient(90deg,#032a43 0%,#032a43 25%,#032a43b0 45%,transparent 65%)}.rec-site .e-con.rec.info-box{border-radius:10px;padding:20px;gap:9px}.rec-site .home-faq .elementor-widget-container{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}.rec-site .home-faq .elementor-accordion{display:contents}.rec-site .online-available{align-items:center!important;padding:0!important;border-radius:10px;overflow:hidden}.rec-site .online-student{width:30%;flex:0 0 30%}.rec-site .online-available .col{padding:15px 0}.rec-site .online-available h2{font-size:23px}.rec-site .online-available p{font-size:13px}.rec-site .online-available .platforms{padding:10px;width:22%;flex:0 0 22%;gap:8px}.rec-site .online-available .platform-image img{height:23px;max-width:90px}.rec-site .online-available .platform-image{padding:0}.rec-site .online-available .platforms .micro{display:none}.rec-site .purpose-section{padding-top:13px!important;padding-bottom:13px!important}.rec-site .purpose-callout{align-items:center!important;padding:20px!important;align-self:center;border-radius:13px;flex:1}.rec-site .purpose-section .col{flex:1.15}.rec-site .purpose-section p{font-size:14px}.rec-site .purpose-logo{flex:0 0 120px}.rec-site .purpose-logo .logo-wordmark{display:none}.rec-site .purpose-logo .logo-symbol{width:120px;height:76px;flex-basis:120px}.rec-site .purpose-callout .handwritten{font-size:23px}.rec-site .approach-section{padding:0!important}.rec-site .approach-copy{padding:14px 0 14px 5.2%!important;flex:2.15!important}.rec-site .approach-copy> .elementor-widget-text-editor{font-size:14px}.rec-site .approach-image{flex:1;width:31%}.rec-site .approach-image img,.rec-site .approach-image .elementor-widget-container{height:100%;object-fit:cover}.rec-site .approach-copy .card{padding:10px 8px}.rec-site .approach-copy h3{font-size:14px}.rec-site .approach-copy .card p{font-size:13px}.rec-site .approach-copy .elementor-icon{font-size:27px;padding:10px;background:#05354b;color:#fff;border-radius:50%}.rec-site .maths-about{padding-top:18px!important;padding-bottom:18px!important}.rec-site .maths-about .row>.handwritten{flex:0 0 20%}.rec-site .maths-about h2{font-size:25px}.rec-site .maths-about p{font-size:14px}.rec-site .maths-about>.row>.card{text-align:left;flex:1.15}.rec-site .maths-about .elementor-button{font-size:13px;padding:8px 14px;border-radius:20px}.rec-site .mini-subjects{gap:8px!important}.rec-site .mini-subjects .card{padding:6px 0!important;box-shadow:none}.rec-site .mini-subjects h3{font-size:12px}.rec-site .mini-subjects .elementor-icon{font-size:24px}.rec-site .maths-about .card h3{font-size:14px}.rec-site .info-box h2{font-size:23px}.rec-site .info-box p{font-size:14px}.rec-site .info-box .platforms .micro{display:none}.rec-site .info-box .platform-image{padding:0;background:none}.rec-site .dubai-line{align-self:flex-end;width:68%;margin-top:-30px}.rec-site .dubai-line img{max-height:105px;width:100%;object-fit:cover;mix-blend-mode:multiply}.rec-site .about-enquiry{padding:12px 4.4% 12px 0!important}.rec-site .smiling-image{width:30%;flex:0 0 30%}.rec-site .smiling-image img,.rec-site .smiling-image .elementor-widget-container{height:100%;object-fit:cover}.rec-site .about-enquiry .row{align-items:center!important}.rec-site .about-enquiry h2{font-size:25px}.rec-site .about-enquiry p{font-size:14px}.rec-site .about-enquiry .form-panel{padding:10px;flex:1.1}.rec-site .about-enquiry .compact-form .elementor-form-fields-wrapper{row-gap:5px}.rec-site .about-enquiry .compact-form input,.rec-site .about-enquiry .compact-form select,.rec-site .about-enquiry .compact-form textarea{min-height:24px;padding:4px 7px;font-size:11px}.rec-site .about-enquiry .compact-form textarea{min-height:30px;height:30px}.rec-site .about-enquiry .compact-form .elementor-button{min-height:31px;padding:7px;font-size:12px}.rec-site .about-faq{padding-top:14px!important;padding-bottom:14px!important}.rec-site .about-faq .elementor-widget-container:not(:has(.elementor-heading-title)){display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.rec-site .about-faq .elementor-accordion{display:contents}.rec-site .about-faq .rec-faq summary{padding:7px 14px}.rec-site .subject-math-section{padding:4px 2.4% 0!important}.rec-site .subject-math-section>.row{gap:0!important}.rec-site .math-feature{flex:2.2!important;min-height:320px;border-radius:10px 0 0 10px;overflow:hidden;isolation:isolate}.rec-site .math-photo{position:absolute;right:0;height:100%;width:54%;z-index:-2}.rec-site .math-photo img,.rec-site .math-photo .elementor-widget-container{width:100%;height:100%;object-fit:cover}.rec-site .math-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#032a43 0%,#032a43 40%,#032a43a0 55%,transparent 70%);z-index:-1}.rec-site .math-copy{padding:24px!important;width:58%!important;gap:16px!important}.rec-site .math-copy h2{font-size:34px}.rec-site .math-copy p{font-size:14px}.rec-site .math-copy .elementor-button{padding:11px;font-size:13px}.rec-site .grade-sidebar{padding:16px!important;border-radius:0 10px 10px 0}.rec-site .grade-sidebar> .elementor-widget-text-editor{font-size:12px}.rec-site .grade-sidebar .card{padding:13px 8px;gap:5px}.rec-site .grade-sidebar h3{font-size:14px}.rec-site .grade-sidebar .card p{font-size:12px}.rec-site .grade-sidebar .elementor-icon{font-size:28px;color:var(--ink)}.rec-site .subject-cards-section{padding:16px 2.4%!important;gap:14px!important}.rec-site .spread{justify-content:space-between;align-items:center!important}.rec-site .spread p{font-size:14px}.rec-site .subject-card{border-radius:8px;overflow:hidden;box-shadow:0 1px 5px #00354a20;gap:9px!important;padding-bottom:14px!important}.rec-site .subject-photo img{width:100%;aspect-ratio:1.3;object-fit:cover}.rec-site .subject-card h3,.rec-site .subject-card p{padding:0 16px}.rec-site .subject-card p{font-size:14px}.rec-site .subject-card .rec-icon{position:relative;margin-top:-32px;margin-left:15px;align-self:flex-start}.rec-site .subject-card .elementor-icon{background:#059366;color:#fff;border:4px solid white;border-radius:50%;font-size:25px;padding:7px}.rec-site .subject-card:nth-child(2) .elementor-icon{background:#22adc6}.rec-site .subject-card:nth-child(3) .elementor-icon{background:#2395b4}.rec-site .subject-card:nth-child(4) .elementor-icon{background:#e4a742}.rec-site .lesson-approach{align-items:center!important}.rec-site .lesson-approach>.elementor-widget-heading{flex:0 0 24%}.rec-site .lesson-approach h2{font-size:25px}.rec-site .lesson-approach .card{background:transparent;box-shadow:none;text-align:left;padding:0}.rec-site .lesson-approach h3{font-size:16px}.rec-site .lesson-approach p{font-size:13px}.rec-site .tuition-options{padding:5px 2.4%!important}.rec-site .tuition-options>.row{gap:0!important;border-radius:10px;overflow:hidden}.rec-site .tuition-option{padding:20px 22px!important;min-height:130px;overflow:hidden}.rec-site .tuition-option h2{font-size:23px;position:relative;z-index:1}.rec-site .tuition-option p{font-size:14px;max-width:57%;position:relative;z-index:1}.rec-site .tuition-option .platform-image{padding:0;background:none}.rec-site .tuition-option .platform-image img{height:20px}.rec-site .tuition-option .platforms{gap:12px}.rec-site .tuition-option .platforms .micro{display:none}.rec-site .small-student{position:absolute;right:0;bottom:0;height:100%;width:40%}.rec-site .small-student img{height:100%;width:100%;object-fit:cover}.rec-site .tuition-option .dubai-line{position:absolute;right:0;bottom:0;width:58%}.rec-site .subject-enquiry{padding:12px 4.4%!important}.rec-site .subject-enquiry>.row>.col:first-child{flex:0 0 31%}.rec-site .subject-enquiry h2{font-size:24px}.rec-site .subject-enquiry p{font-size:13px}.rec-site .enquire-logo .logo-wordmark{display:none}.rec-site .subject-enquiry .form-panel{padding:12px}.rec-site .subject-enquiry .elementor-form-fields-wrapper{row-gap:6px}.rec-site .subject-enquiry .elementor-field-group{width:33.333%}.rec-site .subject-enquiry .elementor-field-group:last-child{width:100%}.rec-site .subject-enquiry .elementor-field-group input,.rec-site .subject-enquiry .elementor-field-group select,.rec-site .subject-enquiry .elementor-field-group textarea{min-height:26px;height:29px;padding:4px 6px;font-size:11px}.rec-site .subject-enquiry .elementor-field-group label{font-size:10px}.rec-site .subject-enquiry .elementor-field-group .elementor-button{min-height:31px;padding:6px;font-size:13px}.rec-site .contact-body{gap:24px!important;padding-top:14px!important;padding-bottom:22px!important}.rec-site .contact-methods .contact-method{flex:1.15;align-items:center;gap:20px;padding:20px;text-align:left}.rec-site .contact-methods>.handwritten{flex:0 0 18%}.rec-site .contact-method h2{font-size:25px;white-space:nowrap}.rec-site .contact-method p{font-size:14px;color:#5b718b}.rec-site .contact-main{gap:16px!important}.rec-site .contact-form{flex:1.35!important;padding:22px!important;box-shadow:0 0 4px #12394a0c}.rec-site .contact-form>.elementor-widget-text-editor{font-size:14px;color:#506889}.rec-site .contact-form .rec-enquiry{margin-top:10px}.rec-site .contact-form .elementor-form-fields-wrapper{row-gap:20px}.rec-site .contact-form textarea{min-height:94px}.rec-site .contact-form .elementor-button{font-size:18px}.rec-site .contact-info{gap:7px!important}.rec-site .quick-item{align-items:flex-start!important;margin-top:12px!important;gap:19px!important}.rec-site .quick-item .elementor-icon{width:54px;height:54px;font-size:30px}.rec-site .contact-info .info-box{padding:20px 24px!important}.rec-site .contact-info h2{font-size:23px}.rec-site .contact-info .quick-item h3{font-size:19px}.rec-site .contact-info .quick-item p{font-size:14px;line-height:1.3}.rec-site .contact-info .contact-steps{gap:22px}.rec-site .contact-steps .step>.step-number{position:static}.rec-site .contact-steps .step-number .elementor-heading-title{background:var(--navy);width:35px;height:35px}.rec-site .contact-steps .step:after{top:2px;font-size:23px;right:-17px}.rec-site .contact-steps h3{font-size:15px}.rec-site .contact-steps p{font-size:12px}.rec-site .contact-faq{padding:18px 24px!important;border-radius:10px;align-items:center!important}.rec-site .contact-faq>.col{flex:0 0 29%}.rec-site .contact-faq>.rec-faq{flex:1}.rec-site .contact-faq>.handwritten{flex:0 0 14%}.rec-site .contact-faq .rec-faq details{margin:0;background:#fff;border-width:0 0 1px;border-radius:0}.rec-site .contact-faq .rec-faq summary{padding:9px 18px}.rec-site .contact-faq .eyebrow{color:#db9d15}.rec-site .site-footer{width:100%}.rec-site .cta{isolation:isolate;overflow:hidden;min-height:110px;align-items:center!important;justify-content:space-between;padding:20px 20.5% 20px 15%!important}.rec-site .cta>.col{z-index:1}.rec-site .cta h2{font-size:25px}.rec-site .cta p{font-size:13px}.rec-site .cta>.rec-button{z-index:1;flex-shrink:0}.rec-site .cta .cta-plant{position:absolute;left:0;top:0;bottom:0;width:15%;z-index:-1}.rec-site .cta .cta-books{position:absolute;right:0;top:0;bottom:0;width:19%;z-index:-1}.rec-site .cta .cta-plant img,.rec-site .cta .cta-books img,.rec-site .cta .elementor-widget-container{height:100%;width:100%;object-fit:cover}.rec-site .footer-main{align-items:center!important;padding:18px 4%!important;gap:26px!important;min-height:106px}.rec-site .footer-logo{flex:0 0 215px}.rec-site .footer-navigation{flex:1}.rec-site .footer-main .rec-menu{gap:22px}.rec-site .footer-main .rec-menu a{font-size:11px}.rec-site .footer-phone{flex:0 0 215px!important;border-left:1px solid #90a8b5;padding-left:25px!important;gap:1px!important}.rec-site .footer-phone p{font-size:13px}.rec-site .footer-phone .micro p{font-size:11px;margin-top:5px}.rec-site .footer-bottom{flex-direction:row;justify-content:space-between;border-top:1px solid #ffffff30;padding:15px 3.2%!important;min-height:50px}.rec-site .footer-bottom p{font-size:10px;color:#d0e0e7}.rec-site .footer-bottom>.elementor-widget-text-editor:last-child p:before{content:'';display:inline-block;width:42px;height:2px;background:var(--gold);margin-right:9px;vertical-align:middle}.rec-site main .elementor-widget-image:not(.rec-icon) img{transition:transform .45s ease,opacity .7s ease}.rec-site main .elementor-widget-image{overflow:hidden}.rec-site main .elementor-widget-image:hover img{transform:scale(1.045)}.rec-site .rec-reveal img{opacity:0;transform:translateY(12px)}.rec-site .rec-reveal.is-visible img{opacity:1;transform:translateY(0)}.rec-site .rec-reveal.is-visible:hover img{transform:scale(1.045)}.rec-site .elementor-editor-active .rec-reveal img{opacity:1;transform:none}.skip-link{position:absolute;left:12px;top:-100px;z-index:10000;background:white;color:#032a43;padding:10px}.skip-link:focus{top:10px}@keyframes rec-sunrise{from{transform:translateY(32px);opacity:.2}to{transform:translateY(0);opacity:1}}
@media(min-width:1300px){.rec-site{max-width:1440px;margin:0 auto!important}.rec-site .hero-home{min-height:600px}.rec-site .hero-online{min-height:530px}.rec-site .hero-contact{min-height:400px}.rec-site .hero-about{min-height:355px}.rec-site .hero-subjects{min-height:320px}.rec-site .hero-home-tuition{min-height:435px}.rec-site .hero-copy{max-width:610px}.rec-site .hero h1{font-size:52px}.rec-site .hero p{font-size:18px}.rec-site .section{padding-top:30px!important;padding-bottom:30px!important}}
@media(max-width:1050px) and (min-width:769px){.rec-site .site-header{gap:15px!important}.rec-site .header-logo,.rec-site .footer-logo{flex-basis:190px}.rec-site .rec-logo{max-width:190px;gap:5px}.rec-site .logo-symbol{width:70px;height:46px;flex-basis:70px}.rec-site .logo-wordmark{width:112px}.rec-site .rec-menu,.rec-site .rec-menu ul{gap:17px}.rec-site .header-navigation .rec-menu a{font-size:11px}.rec-site .footer-main{gap:20px!important}.rec-site .footer-main .rec-menu,.rec-site .footer-main .rec-menu ul{gap:15px}.rec-site .footer-phone{flex-basis:190px!important;padding-left:20px!important}.rec-site .contact-methods .contact-method{gap:15px;padding:17px}.rec-site .contact-method .circle .elementor-icon{width:60px;height:60px}.rec-site .contact-method h2{font-size:22px}.rec-site .cta{gap:20px!important}.rec-site .cta .elementor-button{font-size:13px;padding:10px 12px}.rec-site .maths-about .handwritten{font-size:20px}}
@media(max-width:768px){body.rec-site{font-size:15px}.rec-site .e-con.rec.section{padding:26px 20px;gap:18px}.rec-site h1,.rec-site .hero h1{font-size:34px}.rec-site h2{font-size:25px}.rec-site .e-con.rec.row{flex-direction:column;gap:18px}.rec-site .e-con.rec.col{width:100%;flex:auto!important}.rec-site .e-con.rec.site-header{flex-direction:row;min-height:66px;padding:8px 16px;gap:10px}.rec-site .header-logo{flex:0 0 164px}.rec-site .rec-logo{max-width:164px;gap:4px}.rec-site .logo-symbol{flex-basis:61px;width:61px;height:40px}.rec-site .logo-wordmark{width:97px}.rec-site .header-navigation{order:3;flex:0 0 30px}.rec-site .menu-toggle{display:block;color:#fff;background:transparent;border:0;font-size:24px;padding:0;cursor:pointer}.rec-site .header-navigation .rec-menu{display:none;position:absolute;top:100%;right:0;left:0;background:#032a43;z-index:30;padding:15px 24px;box-shadow:0 12px 18px #002a4320}.rec-site .header-navigation .rec-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.rec-site .header-navigation .rec-menu ul{display:flex;flex-direction:column;gap:0;align-items:stretch}.rec-site .header-navigation .rec-menu a{display:block;font-size:15px;padding:11px}.rec-site .header-navigation{position:static}.rec-site .site-header .rec-button{margin-left:auto}.rec-site .site-header .elementor-button{font-size:11px;padding:9px 10px;gap:5px}.rec-site .site-header .elementor-button svg{width:17px;height:17px}.rec-site .e-con.rec.hero{min-height:620px;justify-content:flex-start;padding:28px 22px 300px}.rec-site .hero-photo{top:auto;width:100%;height:310px;bottom:0}.rec-site .hero-photo img{object-position:70% center}.rec-site .hero:after{background:linear-gradient(180deg,#032a43 0%,#032a43 45%,#032a43f0 51%,transparent 67%)}.rec-site .e-con.rec.hero-copy{width:100%;max-width:none;gap:14px}.rec-site .hero p{font-size:15px}.rec-site .hero-home{padding-bottom:305px!important;min-height:770px!important}.rec-site .hero-online{min-height:715px!important}.rec-site .hero-home-tuition{min-height:610px!important}.rec-site .hero-about{min-height:610px!important}.rec-site .hero-subjects{min-height:560px!important}.rec-site .light-hero:after{background:linear-gradient(180deg,#f4f9fb 0%,#f4f9fb 41%,#f4f9fbd9 49%,transparent 66%)}.rec-site .e-con.rec.platforms{flex-direction:row;gap:16px}.rec-site .platforms .col{width:auto!important;flex:none!important}.rec-site .platform-image img{height:23px;max-width:140px}.rec-site .e-con.rec.hero-actions{flex-direction:row;gap:12px}.rec-site .hero-actions .elementor-button{font-size:13px;padding:11px 12px}.rec-site .e-con.rec.hero-features{flex-direction:row;width:100%;gap:15px}.rec-site .hero-features .card{flex:1!important}.rec-site .hero-features h3{font-size:12px}.rec-site .e-con.rec.grid-five,.rec-site .e-con.rec.grid-six,.rec-site .e-con.rec.grid-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rec-site .e-con.rec.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.rec-site .grid-five .card:last-child{grid-column:1/-1}.rec-site .grade-cards .card:last-child{grid-column:1/-1}.rec-site .e-con.rec.photo-block{padding-bottom:280px;min-height:600px}.rec-site .photo-block .block-photo{width:100%;top:auto;bottom:0;height:275px}.rec-site .photo-block .block-copy{width:100%}.rec-site .photo-block:after{background:linear-gradient(180deg,#eef8fb 0%,#eef8fb 48%,#eef8fbaa 55%,transparent 70%)}.rec-site .lesson-block{min-height:710px!important}.rec-site .personal-block{min-height:650px!important}.rec-site .feature-line{flex-direction:row!important}.rec-site .feature-line .col{flex:1!important}.rec-site .steps{gap:28px!important}.rec-site .step{padding-top:5px}.rec-site .step>.step-number{left:15%;top:12px}.rec-site .step:not(:last-child):after{display:none}.rec-site .steps.compact{flex-direction:row;gap:16px!important}.rec-site .compact .step{flex:1!important}.rec-site .compact .step-number{left:0;top:0}.rec-site .compact .step h3{font-size:12px}.rec-site .compact .step p{font-size:11px}.rec-site .lesson-image{width:100%}.rec-site .maths-card{flex:auto!important}.rec-site .support-cards>.handwritten{padding:10px;flex:auto}.rec-site .dubai-block{min-height:410px!important;padding-bottom:220px!important}.rec-site .dubai-block:after{background:linear-gradient(180deg,#032a43 0%,#032a43 35%,#032a43b0 49%,transparent 75%)}.rec-site .home-faq .elementor-widget-container{grid-template-columns:1fr}.rec-site .online-available{padding:0 0 20px!important}.rec-site .online-student{width:100%;flex:auto}.rec-site .online-student img{width:100%;max-height:240px;object-fit:cover}.rec-site .online-available .col{padding:0 20px!important}.rec-site .online-available .platforms{width:auto!important;flex-direction:row;padding:0 20px}.rec-site .purpose-callout{flex-direction:row!important;padding:20px!important}.rec-site .purpose-logo{flex:0 0 100px}.rec-site .purpose-logo .logo-symbol{width:100px;height:65px;flex-basis:100px}.rec-site .purpose-callout .handwritten{font-size:20px}.rec-site .approach-section{padding:0!important}.rec-site .approach-copy{padding:24px 20px!important}.rec-site .approach-image{width:100%;height:280px;flex:auto}.rec-site .approach-image img{width:100%}.rec-site .maths-about>.row>.handwritten{flex:auto;padding:15px}.rec-site .mini-subjects{grid-template-columns:repeat(3,minmax(0,1fr))!important}.rec-site .mini-subjects .card:last-child{grid-column:auto}.rec-site .info-box .row{flex-direction:row;align-items:center}.rec-site .dubai-line{margin-top:0;width:70%}.rec-site .about-enquiry{padding:20px!important}.rec-site .smiling-image{width:100%;flex:auto;height:270px}.rec-site .smiling-image img{width:100%}.rec-site .about-enquiry .form-panel{width:100%;padding:16px}.rec-site .about-enquiry .compact-form input,.rec-site .about-enquiry .compact-form select,.rec-site .about-enquiry .compact-form textarea{font-size:14px;padding:9px;min-height:38px}.rec-site .about-enquiry .compact-form textarea{height:60px}.rec-site .about-faq .elementor-widget-container:not(:has(.elementor-heading-title)){grid-template-columns:1fr}.rec-site .subject-math-section{padding:18px 20px!important}.rec-site .math-feature{min-height:540px;border-radius:10px 10px 0 0}.rec-site .math-photo{bottom:0;width:100%;height:260px}.rec-site .math-feature:after{background:linear-gradient(180deg,#032a43 0%,#032a43 47%,#032a43a0 57%,transparent 76%)}.rec-site .math-copy{width:100%!important;padding:22px!important;gap:14px!important}.rec-site .grade-sidebar{border-radius:0 0 10px 10px}.rec-site .subject-cards-section{padding:18px 20px!important}.rec-site .spread{align-items:flex-start!important}.rec-site .photo-subjects{grid-template-columns:1fr!important}.rec-site .subject-photo img{aspect-ratio:1.6}.rec-site .subject-card p{font-size:15px}.rec-site .lesson-approach>.elementor-widget-heading{flex:auto}.rec-site .lesson-approach .card{width:100%;padding:10px 0}.rec-site .tuition-options{padding:15px 20px!important}.rec-site .tuition-option{min-height:180px;padding:20px!important}.rec-site .tuition-option h2{font-size:21px}.rec-site .tuition-option .platforms{flex-direction:column;align-items:flex-start;gap:6px}.rec-site .tuition-option .platform-image img{height:18px}.rec-site .subject-enquiry{padding:22px 20px!important}.rec-site .subject-enquiry .elementor-field-group{width:100%}.rec-site .subject-enquiry .elementor-field-group input,.rec-site .subject-enquiry .elementor-field-group select,.rec-site .subject-enquiry .elementor-field-group textarea{height:auto;min-height:38px;font-size:14px;padding:8px}.rec-site .subject-enquiry .elementor-field-group label{font-size:13px}.rec-site .subject-enquiry .elementor-field-group textarea{min-height:70px}.rec-site .contact-methods .contact-method{flex-direction:row;text-align:left;gap:15px;width:100%;padding:16px}.rec-site .contact-method h2{font-size:22px}.rec-site .contact-methods>.handwritten{display:block;padding:10px}.rec-site .contact-form{padding:18px!important}.rec-site .contact-form .elementor-field-group{width:100%}.rec-site .contact-form .elementor-button{font-size:15px}.rec-site .quick-item{flex-direction:row!important}.rec-site .contact-info .contact-steps{flex-direction:row!important;gap:16px!important}.rec-site .contact-steps .step{flex:1!important}.rec-site .contact-steps p{font-size:11px}.rec-site .contact-faq{padding:20px!important;align-items:stretch!important}.rec-site .contact-faq>.col,.rec-site .contact-faq>.handwritten{flex:auto}.rec-site .cta{padding:25px 22px!important;min-height:160px;gap:15px!important}.rec-site .cta .cta-books{opacity:.22;width:45%}.rec-site .cta .cta-plant{display:none}.rec-site .cta>.rec-button{align-self:flex-start}.rec-site .cta h2{font-size:25px}.rec-site .footer-main{padding:26px 22px!important;align-items:flex-start!important}.rec-site .footer-logo{flex:auto}.rec-site .footer-navigation{width:100%}.rec-site .footer-main .rec-menu{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 20px}.rec-site .footer-main .rec-menu ul{flex-wrap:wrap;gap:4px 20px}.rec-site .footer-main .rec-menu a{font-size:13px}.rec-site .footer-navigation .menu-toggle{display:none}.rec-site .footer-phone{border-left:0;padding-left:0!important;flex:auto!important}.rec-site .footer-bottom{padding:15px 22px!important;gap:12px!important}.rec-site .footer-bottom p{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rec-site *, .rec-site *:before,.rec-site *:after{animation:none!important;transition:none!important}.rec-site .rec-reveal img{opacity:1;transform:none}.rec-site .rec-icon:hover .elementor-icon,.rec-site main .elementor-widget-image:hover img{transform:none}}

/* Keep the three hero benefits transparent in native Elementor and fallback views. */
.rec-site .hero .hero-features .e-con.rec.card,
.rec-site .hero .hero-features .card,
.rec-site .hero .hero-features .rec-icon,
.rec-site .hero .hero-features .elementor-widget-container,
.rec-site .hero .hero-features .elementor-icon {
 background: transparent !important;
 background-image: none !important;
 box-shadow: none !important;
}