/*
Theme Name: Mizan-Legal-Firm V134
Theme URI: https://mizan-legalfirm.com/
Author: Mizan Legal
Description: WordPress theme rebuilt from the supplied Mizan Legal page structure, with requested content/form corrections.
Version: 1.134
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: mizan-legal
*/
:root{--mizan-navy:#061827;--mizan-navy-2:#092335;--mizan-teal:#0d3b4a;--mizan-gold:#d89a19;--mizan-gold-2:#f0b52a;--mizan-white:#fff;--mizan-muted:#d9e2e7;--mizan-card:#0b2538;--mizan-border:rgba(255,255,255,.25)}
html{scroll-behavior:smooth}body{margin:0;direction:rtl;text-align:right;background:#fff;color:#172633;font-family:"Tajawal",Arial,sans-serif;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}img,video{max-width:100%}a{text-decoration:none}.container{max-width:1200px}
.hero_section{position:relative;min-height:650px;background:radial-gradient(circle at 20% 35%,rgba(24,85,112,.28),transparent 38%),linear-gradient(135deg,#03111e 0%,#062033 48%,#041521 100%);color:#fff;overflow:hidden}.hero_section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(216,154,25,.09) 1px,transparent 1px);background-size:32px 32px;opacity:.22;pointer-events:none}.nav-contant{position:relative;z-index:20;border-bottom:1px solid rgba(255,255,255,.18);background:rgba(3,17,30,.86);backdrop-filter:blur(8px)}.navbar{min-height:78px}.navbar .logo{width:190px;height:65px;object-fit:contain}.navbar-nav .nav-link{color:#fff!important;font-weight:700;padding:26px 13px;white-space:nowrap}.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active{color:var(--mizan-gold-2)!important}.navbar-toggler{border:1px solid rgba(255,255,255,.35);padding:8px 11px}.navbar-toggler:focus{box-shadow:none}.navbar-toggler-icon{display:flex;align-items:center;justify-content:center;color:#fff}.navbar-toggler-icon i{font-size:22px}.cta-btn,.hero-btn,.about-btn,.cta-btn-main,.form-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--mizan-gold),#b87908);color:#fff;border-radius:7px;border:1px solid rgba(255,255,255,.1);font-weight:800;transition:.25s ease;box-shadow:0 8px 22px rgba(0,0,0,.18)}.cta-btn{padding:12px 20px;font-size:14px;white-space:nowrap}.cta-btn:hover,.hero-btn:hover,.about-btn:hover,.cta-btn-main:hover,.form-btn:hover{background:linear-gradient(135deg,#edaf27,#c8890e);color:#fff;transform:translateY(-2px)}
.hero-content{position:relative;z-index:2;padding:75px 0 60px}.hero-content .badge,.section-badge{display:inline-block;background:rgba(216,154,25,.13);border:1px solid rgba(240,181,42,.55);color:var(--mizan-gold-2);border-radius:30px;padding:7px 18px;font-size:14px;font-weight:800;margin-bottom:16px}.hero-content h1{font-size:clamp(34px,3.6vw,48px);line-height:1.2;font-weight:800;margin:0 0 22px;letter-spacing:-.4px}.hero-content h1 span{color:var(--mizan-gold-2);font-size:.67em}.hero-content> .container>.row>div>p{max-width:950px;font-size:18px;line-height:2.1;color:#eef4f7;margin:0 auto 28px}.hero-content .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:30px auto 26px;max-width:1000px;background:rgba(7,30,47,.82);border:1px solid rgba(255,255,255,.28);border-radius:15px;overflow:hidden}.hero-content .stats .card{min-height:115px;margin:0;border:0;border-left:1px solid rgba(255,255,255,.25);border-radius:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-content .stats .card:last-child{border-left:0}.hero-content .stats .card i{font-size:31px;color:var(--mizan-gold-2);margin-bottom:5px}.hero-content .stats .card h3{font-size:30px;margin:0;line-height:1.1}.hero-content .stats .card span{font-size:14px;font-weight:700}.hero-btn{padding:14px 28px;font-size:16px}
.about-section{background:linear-gradient(180deg,#fff,#f8fafb);padding:82px 0}.about-box{padding:10px 0}.about-box h2{font-size:38px;line-height:1.45;color:#092335;margin:0 0 18px}.about-box p{font-size:16px;line-height:2;color:#44535e;margin:0 0 20px}.about-list{list-style:none;padding:0;margin:0 0 24px}.about-list li{position:relative;padding:0 28px 0 0;margin:0 0 13px;line-height:1.95;color:#354650}.about-list li:before{content:"✓";position:absolute;right:0;top:0;color:var(--mizan-gold);font-weight:900}.about-btn{padding:13px 24px}.about-image{border-radius:16px;overflow:hidden;border:1px solid rgba(216,154,25,.45);box-shadow:0 18px 40px rgba(3,25,39,.15)}.about-image img{display:block;width:100%;height:460px;object-fit:cover}
.hero-form-wrapper{background:linear-gradient(135deg,#092235,#0b3043);padding:70px 0}.form-backdrop{max-width:930px;margin:auto;padding:3px;border-radius:17px;background:linear-gradient(135deg,rgba(216,154,25,.85),rgba(255,255,255,.25));box-shadow:0 20px 50px rgba(0,0,0,.18)}.hero-form{background:#0a2437;border-radius:14px;padding:34px}.hero-form h3{color:var(--mizan-gold-2);font-size:30px;text-align:center;margin:0 0 7px}.hero-form>p{text-align:center;color:#e4edf1;margin:0 0 25px}.hero-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.hero-form input,.hero-form textarea,.hero-form select{width:100%;border:1px solid #cfd7db;background:#fff;color:#24323b;border-radius:7px;padding:13px 15px;font:inherit;outline:none}.hero-form input{height:54px}.hero-form textarea{height:135px;resize:vertical;margin-bottom:15px}.hero-form input:focus,.hero-form textarea:focus,.hero-form select:focus{border-color:var(--mizan-gold);box-shadow:0 0 0 2px rgba(216,154,25,.18)}.phone-input,.amount-wrapper{display:flex;direction:ltr}.phone-input input{border-radius:7px 0 0 7px;direction:rtl}.phone-prefix{height:54px;min-width:112px;display:flex;align-items:center;justify-content:center;background:#eef1f3;border:1px solid #cfd7db;border-right:0;border-radius:0 7px 7px 0;color:#263842;font-weight:800;direction:ltr}.amount-wrapper input{border-radius:7px 0 0 7px;direction:rtl}.form-btn{width:100%;height:54px;cursor:pointer;font-size:17px}.form-success{display:none}
.services-section{background:#f7f8f9;padding:78px 0}.services-title,.testimonials-title,.faq-title{text-align:center;color:#092335;font-size:38px;line-height:1.45;margin:0 0 38px}.services-section .service-card{height:100%;background:#fff;border:1px solid #dbe1e4;border-radius:13px;padding:30px 25px;text-align:center;box-shadow:0 9px 24px rgba(7,28,41,.08);transition:.25s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(7,28,41,.13)}.icon-circle{width:72px;height:72px;margin:0 auto 17px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(216,154,25,.13);border:1px solid rgba(216,154,25,.45);color:#c98a10;font-size:29px}.service-card h3{color:#092335;font-size:22px;margin:0 0 12px}.service-card p{color:#52626b;line-height:1.95;margin:0;font-size:15.5px}
.testimonials-section{background:#071d2d;padding:78px 0;color:#fff}.testimonials-title{color:#fff}.testimonial-card{height:100%;background:linear-gradient(180deg,#0b293e,#071e2f);border:1px solid rgba(216,154,25,.48);border-radius:13px;padding:27px;color:#fff}.client-header{display:flex;align-items:center;gap:14px}.client-header>i{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(216,154,25,.13);border:1px solid rgba(216,154,25,.5);color:var(--mizan-gold-2);font-size:23px}.client-header h3{margin:0;color:#fff;font-size:19px}.client-header span{color:#cfdbe1;font-size:13px}.testimonial-card>p{line-height:1.95;color:#e2eaee;font-size:15px}.client-opinion{margin-top:17px;padding-top:15px;border-top:1px solid rgba(255,255,255,.18);color:var(--mizan-gold-2);font-weight:700;line-height:1.9}
.faq-section{background:#fff;padding:78px 0}.faq-title{color:#092335}.faq-wrapper{max-width:950px;margin:auto}.faq-item{background:#f7f9fa;border:1px solid #dce3e6;border-radius:9px;margin-bottom:10px;overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border:0;background:transparent;color:#092335;text-align:right;font:inherit;font-weight:800;padding:17px 20px;cursor:pointer}.faq-question i{color:var(--mizan-gold);transition:.2s}.faq-answer{max-height:0;overflow:hidden;padding:0 20px;color:#53636b;line-height:1.95;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-answer{max-height:400px;padding:0 20px 18px}.faq-item.open .faq-question i{transform:rotate(180deg)}
.video-cta-section{background:linear-gradient(135deg,#061a29,#0b3043);padding:80px 0;color:#fff}.video-box{position:relative;overflow:hidden;border-radius:15px;border:1px solid rgba(216,154,25,.6);background:#000;box-shadow:0 18px 40px rgba(0,0,0,.25);cursor:pointer}.preview-video{display:block;width:100%;height:370px;object-fit:cover}.play-btn{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(216,154,25,.95);border:3px solid #fff;color:#fff;font-size:25px;pointer-events:none}.cta-content h2{font-size:42px;line-height:1.4;margin:0 0 18px}.cta-content h2 span{color:var(--mizan-gold-2)}.cta-content p{font-size:16px;line-height:2;color:#e4edf1}.cta-btn-main{padding:14px 27px;margin-top:8px}.video-popup{display:none;position:fixed;z-index:9999;inset:0;background:rgba(0,0,0,.84);align-items:center;justify-content:center;padding:25px}.video-popup.show{display:flex}.popup-content{position:relative;width:min(980px,95vw)}.popup-content video{width:100%;max-height:85vh;background:#000;border-radius:10px}.close-btn{position:absolute;z-index:2;top:-38px;left:0;color:#fff;font-size:34px;cursor:pointer}
.main-footer{background:#041724;color:#dbe6ea;padding:55px 0 0}.footer-content{display:grid;grid-template-columns:1.25fr 1fr 1.25fr;gap:50px}.footer-box .logo{width:180px;height:62px;object-fit:contain;margin-bottom:8px}.footer-box h3,.footer-box h4{color:var(--mizan-gold-2);margin:0 0 13px;font-size:19px}.footer-box p{font-size:14px;line-height:1.95;margin:0 0 10px}.footer-box ul{list-style:none;margin:0;padding:0}.footer-box li{margin-bottom:7px}.footer-box a{color:#dbe6ea}.footer-box a:hover{color:var(--mizan-gold-2)}.small-text{font-size:13px!important}.footer-bottom{margin-top:35px;padding:17px 0;border-top:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);text-align:center}.footer-bottom p{margin:0;color:#fff;font-size:14px}.popup-overlay{display:none;position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.68);align-items:center;justify-content:center;padding:20px}.popup-overlay.show{display:flex}.popup-box{width:min(450px,94vw);background:#fff;border-radius:15px;padding:35px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.3)}.popup-icon{width:65px;height:65px;border-radius:50%;margin:0 auto 15px;display:flex;align-items:center;justify-content:center;background:#eaf6ec;color:#269447;font-size:30px}.popup-box h3{margin:0 0 7px;color:#092335}.popup-box p{margin:0 0 20px;color:#53636b}.popup-btn{border:0;border-radius:7px;padding:11px 30px;background:#092335;color:#fff;font:inherit;font-weight:800;cursor:pointer}

@media(max-width:991.98px){.navbar .logo{width:165px}.navbar-nav{padding:10px 0}.navbar-nav .nav-link{padding:10px 5px}.navbar .d-flex{margin-top:10px}.hero-content{padding-top:55px}.hero-content .stats{grid-template-columns:repeat(3,1fr)}.hero-content .stats .card:nth-child(2){border-left:1px solid rgba(255,255,255,.25)}.hero-content .stats .card{border-bottom:1px solid rgba(255,255,255,.2)}.footer-content{grid-template-columns:1fr 1fr}.footer-box:first-child{grid-column:1/-1}}
@media(max-width:767.98px){.container{padding-left:14px;padding-right:14px}.hero-content h1{font-size:38px}.hero-content h1 span{font-size:.72em}.hero-content> .container>.row>div>p{font-size:15px}.hero-content .stats{grid-template-columns:repeat(2,1fr)}.hero-content .stats .card{min-height:100px}.hero-content .stats .card:last-child{grid-column:1/-1;border-left:0}.hero-content .stats .card i{font-size:25px}.hero-content .stats .card h3{font-size:26px}.about-section,.hero-form-wrapper,.services-section,.testimonials-section,.faq-section,.video-cta-section{padding:55px 0}.about-box h2,.services-title,.testimonials-title,.faq-title{font-size:29px}.about-image img{height:300px}.hero-form{padding:22px 16px}.hero-form h3{font-size:26px}.hero-form .form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.phone-prefix{min-width:96px}.preview-video{height:250px}.cta-content h2{font-size:32px}.footer-content{grid-template-columns:1fr;gap:28px}.footer-box:first-child{grid-column:auto}}
/* Form validation + country/phone layout */
#landing_content{text-align:center}
.hero-content h1 .main-title-line{display:inline-block;white-space:nowrap;color:#fff!important}
.hero-form .form-row-top{grid-template-columns:1fr 1fr;align-items:start}
.hero-form .form-row-phone{grid-template-columns:1fr 1fr;align-items:start;direction:ltr}
.hero-form .field-group{min-width:0}
.hero-form .field-group label{display:block;color:#fff;font-weight:700;font-size:14px;margin:0 0 7px}
/* Country selector: field content on the right, native arrow on the left */
.hero-form .country-field{direction:rtl}
.hero-form .country-field select{height:54px;direction:rtl;text-align:right;text-align-last:right;cursor:pointer;padding-left:42px;padding-right:15px}
.hero-form .country-field select option{direction:rtl;text-align:right}
.hero-form .phone-field input{direction:ltr;text-align:left;letter-spacing:.3px}
.hero-form .phone-field input::placeholder{text-align:right}
.hero-form .field-error{display:block;min-height:0;color:#ffb5b5;font-size:12px;font-weight:700;margin-top:5px}
.hero-form .field-invalid{border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,.12)!important}
.hero-form .form-errors{background:rgba(220,53,69,.12);border:1px solid rgba(220,53,69,.45);border-radius:8px;color:#ffd9d9;padding:12px 16px;margin:0 0 18px;font-size:14px}
.hero-form .form-errors strong{display:block;margin-bottom:5px}
.hero-form .form-errors ul{margin:0;padding-right:20px}
.hero-form .message-field{margin-bottom:15px}
.hero-form .message-field textarea{margin-bottom:0}
@media(max-width:767.98px){
 .hero-content h1 .main-title-line{white-space:normal}
 .hero-form .form-row-top,.hero-form .form-row-phone{grid-template-columns:1fr;gap:12px;margin-bottom:12px}
 .hero-form .phone-field input{height:54px}
}

/* Country options: RTL visual order exactly like reference (country right, +code left). */
.hero-form .country-field select option { direction: rtl; text-align: right; unicode-bidi: plaintext; }
.hero-form .country-field select { direction: rtl; text-align: right; text-align-last: right; }


/* V-50 responsive refinement: desktop / tablet / mobile */
html{scroll-padding-top:86px}
body{min-width:320px}
.nav-contant .container,.hero-content .container,.hero-form-wrapper .container,.about-section .container,.services-section .container,.testimonials-section .container,.faq-section .container,.video-cta-section .container,.main-footer .container{width:100%}
.hero-content .row{justify-content:center}
.hero-content .row>div{width:100%}
.hero-content h1{max-width:1100px;margin-left:auto;margin-right:auto}
.hero-content> .container>.row>div>p{max-width:920px}
.hero-btn,.about-btn,.cta-btn-main,.cta-btn{min-height:52px}
.form-backdrop{width:100%}
.hero-form .form-row{width:100%}
.hero-form .form-row>*{min-width:0}
.amount-wrapper input{min-width:0}
.hero-form .country-field select,.hero-form .phone-field input,.hero-form .amount-wrapper,.hero-form .amount-wrapper input{max-width:100%}
.services-section .row,.testimonials-section .row{align-items:stretch}
.service-card,.testimonial-card{height:100%}
.video-cta-section .row{align-items:center}
.video-box{width:100%}
.cta-content{height:100%;display:flex;flex-direction:column;justify-content:center}
.cta-content .cta-btn-main{align-self:flex-start}
.footer-content{align-items:start}
@media (min-width:992px){
 .navbar .container-fluid{padding-left:0;padding-right:0}
 .hero-content{min-height:560px;display:flex;align-items:center}
 .hero-content .container{width:100%}
 .hero-content h1 .main-title-line{font-size:1em}
 .hero-content h1 span:not(.main-title-line){font-size:.67em}
 .hero-form-wrapper{padding-top:72px;padding-bottom:72px}
}
@media (min-width:768px) and (max-width:991.98px){
 .container{max-width:960px;padding-left:22px;padding-right:22px}
 .navbar{min-height:74px}
 .navbar .logo{width:155px;height:58px}
 .navbar-nav .nav-link{padding:10px 5px}
 .navbar .d-flex{padding-bottom:12px}
 .hero-content{padding:62px 0 55px}
 .hero-content h1{font-size:clamp(34px,4.8vw,44px)}
 .hero-content h1 .main-title-line{white-space:normal}
 .hero-content> .container>.row>div>p{font-size:17px;line-height:2}
 .hero-content .stats{max-width:720px}
 .hero-form{padding:30px}
 .hero-form h3{font-size:28px}
 .about-section .row{align-items:center}
 .about-image img{height:390px}
 .services-title,.testimonials-title,.faq-title{font-size:34px}
 .video-cta-section .row>div{width:100%}
 .preview-video{height:330px}
 .cta-content{padding-top:4px}
 .cta-content h2{font-size:38px}
 .cta-content .cta-btn-main{align-self:center}
}
@media (max-width:767.98px){
 .container{max-width:100%;padding-left:14px;padding-right:14px}
 .nav-contant{background:rgba(3,17,30,.96)}
 .navbar{min-height:68px}
 .navbar .logo{width:145px;height:54px}
 .navbar-collapse{padding-bottom:10px}
 .navbar-nav{width:100%;text-align:center}
 .navbar-nav .nav-link{padding:9px 5px}
 .navbar .d-flex{width:100%;justify-content:center;margin-top:7px;padding-bottom:2px}
 .cta-btn{width:100%;max-width:320px}
 .hero-content{padding:48px 0 46px}
 .hero-content .badge,.section-badge{font-size:12px;padding:6px 13px}
 .hero-content h1{font-size:clamp(28px,8.2vw,34px);line-height:1.35;letter-spacing:0}
 .hero-content h1 .main-title-line{white-space:normal;display:block}
 .hero-content h1 span:not(.main-title-line){font-size:.78em;display:block;margin-top:5px}
 .hero-content> .container>.row>div>p{font-size:14.5px;line-height:1.95;margin-bottom:22px}
 .hero-content .stats{grid-template-columns:repeat(2,1fr);margin:22px auto 22px;border-radius:12px}
 .hero-content .stats .card{min-height:94px;padding:10px 5px}
 .hero-content .stats .card i{font-size:23px}
 .hero-content .stats .card h3{font-size:24px}
 .hero-content .stats .card span{font-size:12px;line-height:1.45}
 .hero-btn,.about-btn,.cta-btn-main{width:100%;max-width:100%;padding:13px 18px}
 .about-section,.hero-form-wrapper,.services-section,.testimonials-section,.faq-section,.video-cta-section{padding:54px 0}
 .about-box h2,.services-title,.testimonials-title,.faq-title{font-size:28px;line-height:1.45}
 .about-box p,.about-list li{font-size:15px}
 .about-image{margin-top:28px}
 .about-image img{height:300px}
 .hero-form{padding:22px 15px}
 .hero-form h3{font-size:25px;line-height:1.5}
 .hero-form>p{font-size:14px;line-height:1.8}
 .hero-form .form-row-top,.hero-form .form-row-phone{grid-template-columns:1fr;gap:11px;margin-bottom:11px}
 .hero-form input,.hero-form select{height:52px;padding:12px 13px}
 .hero-form textarea{min-height:125px;height:125px}

 .hero-form .country-field select{padding-left:40px}
 .hero-form .field-error{font-size:11.5px}
 .form-btn{height:52px;font-size:16px}
 .services-section .row,.testimonials-section .row{--bs-gutter-y:1rem}
 .service-card,.testimonial-card{padding:24px 19px}
 .service-card h3{font-size:20px}
 .service-card p,.testimonial-card>p{font-size:14.5px}
 .faq-question{padding:15px 15px;font-size:15px;line-height:1.7}
 .faq-answer{font-size:14px}
 .preview-video{height:230px}
 .cta-content{padding-top:24px}
 .cta-content h2{font-size:30px;line-height:1.5}
 .cta-content p{font-size:14.5px;line-height:1.9}
 .cta-content .cta-btn-main{align-self:stretch}
 .popup-box{padding:28px 20px}
 
}
@media (max-width:360px){
 .hero-content h1{font-size:28px}
 .hero-content .stats .card span{font-size:11px}
 .hero-form{padding-left:12px;padding-right:12px}

 .cta-btn,.hero-btn,.about-btn,.cta-btn-main{font-size:14px}
}

/* V-51 responsive safety */
@media (min-width:992px){.hero-content h1 .main-title-line{white-space:normal;display:block;font-size:1em;max-width:100%;overflow-wrap:anywhere}.hero-content h1 span:not(.main-title-line){display:block;margin-top:6px}.hero-content{overflow:hidden}}
@media (min-width:768px) and (max-width:991.98px){.hero-content h1 .main-title-line{white-space:normal;display:block}.hero-content{overflow:hidden}}
@media (max-width:767.98px){.hero-content h1 .main-title-line{white-space:normal;display:block}.hero-content{overflow:hidden}}

/* V-52 hero visibility and spacing */
@media (min-width:992px){
 .hero_section{min-height:0;}
 .hero-content{padding:34px 0 30px;min-height:0;display:block;}
 .hero-content .badge{margin-bottom:8px;padding:6px 16px;font-size:13px;}
 .hero-content h1{font-size:clamp(32px,3.1vw,43px);line-height:1.16;margin-bottom:10px;}
 .hero-content h1 .main-title-line{font-size:1em;}
 .hero-content h1 span:not(.main-title-line){font-size:.64em;margin-top:2px;line-height:1.2;}
 .hero-content> .container>.row>div>p{font-size:16px;line-height:1.8;max-width:900px;margin-bottom:16px;}
 .hero-content .stats{margin:17px auto 17px;max-width:1000px;}
 .hero-content .stats .card{min-height:91px;}
 .hero-content .stats .card i{font-size:27px;margin-bottom:3px;}
 .hero-content .stats .card h3{font-size:27px;}
 .hero-content .stats .card span{font-size:13px;}
 .hero-btn{min-height:48px;padding:11px 25px;font-size:15px;}
}
@media (min-width:768px) and (max-width:991.98px){
 .hero-content{padding:40px 0 34px;}
 .hero-content h1{line-height:1.2;margin-bottom:10px;}
 .hero-content h1 span:not(.main-title-line){margin-top:2px;}
 .hero-content> .container>.row>div>p{margin-bottom:18px;}
 .hero-content .stats{margin:18px auto 18px;}
}
@media (max-width:767.98px){
 .hero-content{padding:34px 0 32px;}
 .hero-content .badge{margin-bottom:9px;}
 .hero-content h1{line-height:1.22;margin-bottom:10px;}
 .hero-content h1 span:not(.main-title-line){margin-top:2px;}
 .hero-content> .container>.row>div>p{margin-bottom:17px;}
 .hero-content .stats{margin:18px auto 18px;}
}
.testimonials-note{text-align:center;max-width:850px;margin:-18px auto 30px;color:#dbe6ea;line-height:1.8;font-size:14px;}
@media(max-width:767.98px){.testimonials-note{font-size:13px;margin:-20px auto 24px;padding:0 8px;}}

/* V-55 hero spacing refinement */
@media (min-width:992px){
 .hero-content{padding-top:18px;padding-bottom:26px}
 .hero-content .badge{margin-bottom:6px}
 .hero-content h1{line-height:1.06;margin-bottom:10px}
 .hero-content h1 .main-title-line,
 .hero-content h1 .hero-subtitle-line{display:block}
 .hero-content h1 .hero-subtitle-line{font-size:.64em;line-height:1.08;margin-top:0}
 .hero-content> .container>.row>div>p{margin-top:0;margin-bottom:14px}
}
@media (min-width:768px) and (max-width:991.98px){
 .hero-content{padding-top:28px;padding-bottom:28px}
 .hero-content h1{line-height:1.1;margin-bottom:9px}
 .hero-content h1 .main-title-line,
 .hero-content h1 .hero-subtitle-line{display:block}
 .hero-content h1 .hero-subtitle-line{font-size:.68em;line-height:1.1;margin-top:0}
}
@media (max-width:767.98px){
 .hero-content{padding-top:24px;padding-bottom:28px}
 .hero-content h1{line-height:1.12;margin-bottom:9px}
 .hero-content h1 .main-title-line,
 .hero-content h1 .hero-subtitle-line{display:block}
 .hero-content h1 .hero-subtitle-line{font-size:.78em;line-height:1.15;margin-top:0}
}

/* V-60 hero breathing room: restore a balanced, open hero without changing typography */
@media (min-width:992px){
 .hero-content{padding-top:46px;padding-bottom:58px}
 .hero-content .badge{margin-bottom:11px}
 .hero-content h1{margin-bottom:13px}
 .hero-content h1 .hero-subtitle-line{margin-top:2px}
 .hero-content> .container>.row>div>p{margin-bottom:22px}
 .hero-btn{margin-top:2px}
}
@media (min-width:768px) and (max-width:991.98px){
 .hero-content{padding-top:40px;padding-bottom:48px}
 .hero-content .badge{margin-bottom:10px}
 .hero-content h1{margin-bottom:12px}
 .hero-content h1 .hero-subtitle-line{margin-top:2px}
 .hero-content> .container>.row>div>p{margin-bottom:20px}
}
@media (max-width:767.98px){
 .hero-content{padding-top:32px;padding-bottom:42px}
 .hero-content .badge{margin-bottom:10px}
 .hero-content h1{margin-bottom:12px}
 .hero-content h1 .hero-subtitle-line{margin-top:2px}
 .hero-content> .container>.row>div>p{margin-bottom:20px}
}

/* V-61 precision fixes: country code display + hero title spacing */
.hero-form .country-field select option { direction: rtl; text-align: right; }
.hero-form .country-field select { direction: rtl; text-align: right; text-align-last: right; }
.hero-content h1 .main-title-line,
.hero-content h1 .hero-subtitle-line { display:block; }
.hero-content h1 .hero-subtitle-line { margin-top:10px !important; }
@media (max-width: 767.98px){
  .hero-content h1 .hero-subtitle-line { margin-top:8px !important; }
}

/* V-68 mobile hero breathing room: keep the mobile hero comfortable and readable */
@media (max-width:767.98px){
  .hero-content{padding-top:38px;padding-bottom:46px}
  .hero-content .badge{margin-bottom:14px}
  .hero-content h1{line-height:1.28;margin-bottom:16px}
  .hero-content h1 .main-title-line{line-height:1.18}
  .hero-content h1 .hero-subtitle-line{margin-top:11px !important;line-height:1.28}
  .hero-content> .container>.row>div>p{margin-top:4px;margin-bottom:24px;line-height:2.05}
  .hero-btn{margin-top:4px}
}
@media (max-width:360px){
  .hero-content{padding-top:34px;padding-bottom:42px}
  .hero-content h1{font-size:28px;line-height:1.27;margin-bottom:14px}
  .hero-content h1 .hero-subtitle-line{margin-top:10px !important;line-height:1.25}
}


/* V-69 mobile hero height fix: remove the fixed desktop min-height that caused a large empty area below the CTA on phones. */
@media (max-width:767.98px){
 .hero_section{min-height:0;height:auto;}
 .hero-content{padding-top:30px;padding-bottom:34px;}
}
@media (max-width:360px){
 .hero-content{padding-top:26px;padding-bottom:30px;}
}

/* V-70 mobile hero spacing: comfortable, readable rhythm */
@media (max-width:767.98px){
  .hero-content{
    padding:26px 0 38px !important;
  }
  .hero-content .badge{
    margin-bottom:16px !important;
    line-height:1.6 !important;
  }
  .hero-content h1{
    margin:0 10px 0 !important;
    line-height:1.34 !important;
  }
  .hero-content h1 .main-title-line{
    display:block !important;
    line-height:1.34 !important;
    margin-bottom:14px !important;
  }
  .hero-content h1 .hero-subtitle-line{
    display:block !important;
    margin-top:0 !important;
    line-height:1.42 !important;
  }
  .hero-content > .container > .row > div > p{
    margin:20px 8px 0 !important;
    line-height:2.05 !important;
  }
  .hero-content .hero-btn{
    margin-top:24px !important;
  }
}
@media (max-width:380px){
  .hero-content h1{font-size:27px !important; line-height:1.36 !important;}
  .hero-content h1 .hero-subtitle-line{font-size:.78em !important; line-height:1.45 !important;}
  .hero-content > .container > .row > div > p{font-size:15px !important; line-height:2.08 !important;}
}


/* V-71: mobile hero typography spacing — separate the two heading blocks and their wrapped lines */
@media (max-width:767.98px){
  .hero-content h1{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:26px !important;
    margin:0 8px 0 !important;
    line-height:1.35 !important;
  }
  .hero-content h1 .main-title-line,
  .hero-content h1 .hero-subtitle-line{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
  }
  .hero-content h1 .main-title-line{
    line-height:1.4 !important;
  }
  .hero-content h1 .hero-subtitle-line{
    line-height:1.5 !important;
  }
}
@media (max-width:380px){
  .hero-content h1{
    gap:22px !important;
    font-size:27px !important;
    line-height:1.38 !important;
  }
  .hero-content h1 .main-title-line{line-height:1.42 !important;}
  .hero-content h1 .hero-subtitle-line{font-size:.78em !important;line-height:1.5 !important;}
}

/* V-72: definitive mobile hero spacing fix */
@media (max-width: 767.98px){
  .hero-content h1{
    display:block !important;
    margin:0 8px !important;
    padding:0 !important;
    font-size:32px !important;
    line-height:1.55 !important;
  }
  .hero-content h1 .main-title-line{
    display:block !important;
    width:100% !important;
    margin:0 0 28px !important;
    padding:0 !important;
    line-height:1.55 !important;
  }
  .hero-content h1 .hero-subtitle-line{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:.78em !important;
    line-height:1.6 !important;
  }
  .hero-content > .container > .row > div > p{
    margin:28px 8px 0 !important;
    line-height:2.15 !important;
  }
}
@media (max-width:380px){
  .hero-content h1{
    font-size:28px !important;
    line-height:1.58 !important;
  }
  .hero-content h1 .main-title-line{
    margin-bottom:25px !important;
    line-height:1.58 !important;
  }
  .hero-content h1 .hero-subtitle-line{
    font-size:.8em !important;
    line-height:1.62 !important;
  }
}

/* V-73: polished mobile hero hierarchy */
@media (max-width:767.98px){
  .hero-content{padding-top:30px !important;padding-bottom:36px !important;}
  .hero-content .badge{margin-bottom:22px !important;}
  .hero-content h1.hero-headings{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:24px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 10px !important;
    font-size:30px !important;
    line-height:1.3 !important;
  }
  .hero-content h1.hero-headings .main-title-line,
  .hero-content h1.hero-headings .hero-subtitle-line{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    white-space:normal !important;
    text-align:center !important;
  }
  .hero-content h1.hero-headings .main-title-line{
    font-size:1em !important;
    line-height:1.38 !important;
    color:#fff !important;
  }
  .hero-content h1.hero-headings .hero-subtitle-line{
    font-size:.76em !important;
    line-height:1.42 !important;
    color:var(--mizan-gold-2) !important;
  }
  .hero-content > .container > .row > div > p{
    margin:25px 8px 0 !important;
    font-size:15px !important;
    line-height:2 !important;
  }
  .hero-content .hero-btn{
    margin-top:24px !important;
    min-height:54px !important;
    width:min(100%, 360px) !important;
  }
}
@media (max-width:380px){
  .hero-content{padding-top:26px !important;padding-bottom:32px !important;}
  .hero-content .badge{margin-bottom:19px !important;}
  .hero-content h1.hero-headings{font-size:27px !important;gap:22px !important;padding:0 6px !important;}
  .hero-content h1.hero-headings .main-title-line{line-height:1.4 !important;}
  .hero-content h1.hero-headings .hero-subtitle-line{font-size:.77em !important;line-height:1.45 !important;}
  .hero-content > .container > .row > div > p{font-size:14.5px !important;line-height:2.05 !important;margin-top:23px !important;}
  .hero-content .hero-btn{margin-top:22px !important;width:100% !important;}
}

/* V-74 mobile hero visual refinement */
@media (max-width: 767.98px){
  .hero_section{min-height:0;}
  .hero-content{padding:58px 0 76px;}
  .hero-content .badge{display:block;width:max-content;max-width:100%;margin:0 auto 46px;padding:8px 15px;font-size:13px;line-height:1.5;text-align:center;}
  .hero-content h1{font-size:36px!important;line-height:1.35!important;letter-spacing:0!important;margin:0 auto 34px!important;max-width:100%;}
  .hero-content h1 .main-title-line{display:block!important;white-space:normal!important;color:#fff!important;font-size:1em!important;line-height:1.38!important;margin:0 0 48px!important;}
  .hero-content h1 .hero-subtitle-line{display:block!important;color:var(--mizan-gold-2)!important;font-size:.78em!important;line-height:1.45!important;margin:0!important;}
  .hero-content> .container>.row>div>p{font-size:16px!important;line-height:2.15!important;max-width:100%!important;margin:0 auto 34px!important;padding:0 4px;}
  .hero-content .hero-btn{width:100%;max-width:calc(100% - 16px);min-height:58px;padding:14px 18px;font-size:17px;margin:0 auto;}
}
@media (max-width: 380px){
  .hero-content{padding-top:50px;padding-bottom:64px;}
  .hero-content .badge{font-size:12px;margin-bottom:40px;padding:7px 12px;}
  .hero-content h1{font-size:32px!important;}
  .hero-content h1 .main-title-line{margin-bottom:42px!important;}
  .hero-content> .container>.row>div>p{font-size:15px!important;line-height:2.05!important;}
}


/* V-75: final mobile hero composition */
@media (max-width: 767.98px){
  .hero-content{padding:44px 0 48px !important;}
  .hero-content .badge{
    display:inline-block !important;
    margin:0 auto 30px !important;
    line-height:1.65 !important;
  }
  .hero-content h1.hero-headings{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:34px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 18px !important;
    box-sizing:border-box !important;
    font-size:30px !important;
    line-height:1.5 !important;
  }
  .hero-content h1.hero-headings .main-title-line,
  .hero-content h1.hero-headings .hero-subtitle-line{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    white-space:normal !important;
    text-align:center !important;
    box-sizing:border-box !important;
  }
  .hero-content h1.hero-headings .main-title-line{
    font-size:1em !important;
    line-height:1.55 !important;
    color:#fff !important;
  }
  .hero-content h1.hero-headings .hero-subtitle-line{
    font-size:.82em !important;
    line-height:1.6 !important;
    color:var(--mizan-gold-2) !important;
  }
  .hero-content > .container > .row > div > p{
    margin:34px 14px 0 !important;
    max-width:none !important;
    font-size:15px !important;
    line-height:2.15 !important;
    text-align:center !important;
  }
  .hero-content .hero-btn{
    display:flex !important;
    margin:30px auto 0 !important;
    min-height:56px !important;
    width:calc(100% - 28px) !important;
    max-width:390px !important;
    padding:14px 18px !important;
    box-sizing:border-box !important;
    text-align:center !important;
  }
}
@media (max-width:430px){
  .hero-content{padding-top:40px !important;padding-bottom:44px !important;}
  .hero-content .badge{margin-bottom:28px !important;}
  .hero-content h1.hero-headings{
    font-size:29px !important;
    gap:38px !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }
  .hero-content h1.hero-headings .main-title-line{line-height:1.58 !important;}
  .hero-content h1.hero-headings .hero-subtitle-line{font-size:.82em !important;line-height:1.62 !important;}
  .hero-content > .container > .row > div > p{
    margin-top:36px !important;
    font-size:15px !important;
    line-height:2.2 !important;
  }
  .hero-content .hero-btn{margin-top:32px !important;min-height:56px !important;width:calc(100% - 24px) !important;}
}
@media (max-width:380px){
  .hero-content h1.hero-headings{font-size:27px !important;gap:34px !important;padding-left:12px !important;padding-right:12px !important;}
  .hero-content h1.hero-headings .main-title-line{line-height:1.6 !important;}
  .hero-content h1.hero-headings .hero-subtitle-line{font-size:.82em !important;line-height:1.65 !important;}
  .hero-content > .container > .row > div > p{font-size:14.5px !important;line-height:2.2 !important;margin-top:32px !important;}
}

/* V-76 mobile hero definitive spacing */
@media (max-width:767.98px){
 .hero-content{padding:52px 0 48px!important}
 .hero-content .badge{display:inline-block!important;margin-bottom:24px!important}
 .hero-content h1.hero-headings{display:block!important;font-size:34px!important;line-height:1!important;margin:0 auto 30px!important;max-width:100%!important}
 .hero-content h1.hero-headings .main-title-line{display:block!important;font-size:1em!important;line-height:1.42!important;margin:0!important;padding:0!important;white-space:normal!important}
 .hero-content h1.hero-headings .hero-subtitle-line{display:block!important;font-size:.78em!important;line-height:1.48!important;margin:28px 0 0!important;padding:0!important}
 .hero-content> .container>.row>div>p{font-size:15px!important;line-height:2.05!important;margin:0 auto 28px!important;max-width:100%!important}
 .hero-content .hero-btn{margin-top:0!important;width:100%!important;max-width:100%!important;min-height:56px!important;padding:14px 18px!important;font-size:16px!important}
}
@media (max-width:390px){
 .hero-content{padding:48px 0 44px!important}
 .hero-content .badge{font-size:11.5px!important;padding:6px 12px!important;margin-bottom:22px!important}
 .hero-content h1.hero-headings{font-size:31px!important;margin-bottom:27px!important}
 .hero-content h1.hero-headings .hero-subtitle-line{margin-top:25px!important}
 .hero-content> .container>.row>div>p{font-size:14.5px!important;line-height:2.05!important;margin-bottom:26px!important}
 .hero-content .hero-btn{min-height:54px!important;font-size:15.5px!important}
}

/* V-78: Stocks Affair-style country picker — custom dropdown for consistent RTL/iOS rendering */
.hero-form .country-picker{position:relative;width:100%}
.hero-form .country-trigger{position:relative;display:flex;align-items:center;width:100%;height:54px;padding:0 14px 0 42px;border:1px solid #cfd7db;background:#fff;color:#24323b;border-radius:7px;outline:none;cursor:pointer;font:inherit;font-weight:700;direction:rtl;text-align:right}
.hero-form .country-trigger:focus{border-color:var(--mizan-gold);box-shadow:0 0 0 2px rgba(216,154,25,.18)}
.hero-form .country-trigger.is-empty .country-display{color:#777}
.hero-form .country-combo{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;max-width:100%;direction:rtl;unicode-bidi:isolate;text-align:right}
.hero-form .country-display{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;direction:rtl;unicode-bidi:isolate;text-align:right}
.hero-form .country-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hero-form .country-code{flex:0 0 auto;color:#263842;direction:ltr;unicode-bidi:isolate-override;font-weight:800;letter-spacing:.01em}
.hero-form .country-chevron{position:absolute;left:16px;top:50%;width:16px;height:16px;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;justify-content:center;direction:ltr}
.hero-form .country-chevron::before{content:"";width:8px;height:8px;border-right:2px solid #263842;border-bottom:2px solid #263842;transform:translateY(-2px) rotate(45deg);display:block}
.hero-form .country-options{position:absolute;inset-inline:0;top:calc(100% + 8px);z-index:9999;display:none;max-height:230px;overflow:auto;padding:7px;border-radius:14px;border:1px solid rgba(255,255,255,.13);background:#0a2437;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.hero-form .country-picker.is-open .country-options{display:grid;gap:4px}
.hero-form .country-options button{width:100%;min-height:44px;border:0;border-radius:10px;background:transparent;color:#fff;text-align:right;padding:9px 12px;font:inherit;font-weight:800;cursor:pointer}
.hero-form .country-options button:hover,.hero-form .country-options button[aria-selected="true"]{background:rgba(216,154,25,.14);color:#fff}
.hero-form .country-options .country-combo{width:auto;justify-content:flex-start;direction:rtl;text-align:right}
.hero-form .country-options .country-code{color:var(--mizan-gold-2)}
.hero-form .country-field.field-invalid .country-trigger{border-color:#dc3545!important;box-shadow:0 0 0 2px rgba(220,53,69,.12)!important}

@media(max-width:767.98px){
  .hero-form .country-trigger{height:54px}
  .hero-form .country-options{max-height:200px}
}

/* V-91: lead form visible inside the hero */
.hero_section{min-height:0}
.hero-content{padding:55px 0 65px}
.hero-layout{min-height:590px}
.hero-copy{text-align:right}
.hero-copy p{max-width:720px;margin-right:0}
.hero-form-column{display:flex;align-items:center;justify-content:center}
.hero-form-column .hero-form-wrapper{background:transparent;padding:0;width:100%}
.hero-form-column .form-backdrop{max-width:100%;margin:0}
.hero-form-column .hero-form{padding:28px}
.hero-form-column .hero-form h3{font-size:27px}
.hero-form-column .hero-form>p{margin-bottom:20px}
@media(max-width:991.98px){.hero-layout{min-height:0}.hero-copy{text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-form-column{margin-top:10px}.hero-content{padding-top:40px;padding-bottom:50px}}
@media(max-width:767.98px){.hero-content{padding-top:30px}.hero-layout{gap:18px!important}.hero-form-column .hero-form{padding:22px 15px}.hero-form-column .hero-form h3{font-size:25px}}

/* V-92: hero form first on mobile, split layout on desktop */
@media (min-width:992px){
 .hero-layout{min-height:650px;align-items:center!important}
 .hero-copy{order:2!important;text-align:right;padding:10px 18px 10px 36px}
 .hero-form-column{order:1!important;padding:10px 36px 10px 18px}
 .hero-form-column .hero-form-wrapper{padding:0}
 .hero-form-column .hero-form{padding:28px 26px}
}
@media (max-width:991.98px){
 .hero-content{padding:22px 0 28px}
 .hero-layout{display:flex;flex-direction:column;gap:12px!important}
 .hero-form-column{order:1!important;width:100%;margin-top:0!important}
 .hero-copy{order:2!important;width:100%}
 .hero-form-column .hero-form-wrapper{padding:0}
 .hero-form-column .hero-form{padding:20px 15px}
 .hero-form-column .hero-form h3{margin-bottom:5px}
 .hero-form-column .hero-form>p{margin-bottom:15px}
}
@media (max-width:767.98px){
 .hero-content{padding-top:14px;padding-bottom:22px}
 .hero-form-column .hero-form{padding:18px 13px}
 .hero-form-column .hero-form h3{font-size:23px}
 .hero-form-column .hero-form>p{font-size:13px;line-height:1.7}
 .hero-copy{margin-top:8px}
 .hero-copy .badge{margin-bottom:10px}
 .hero-copy h1{margin-bottom:14px}
 .hero-copy p{margin-bottom:0!important}
 .hero-copy .stats,.hero-copy .hero-btn{display:none}
}

/* V-93: center the hero copy and keep the main headline on one line on desktop */
@media (min-width:992px){
 .hero-copy{text-align:center!important;padding:10px 14px!important}
 .hero-copy p{margin-left:auto!important;margin-right:auto!important}
 .hero-copy .badge{margin-left:auto;margin-right:auto}
 .hero-copy h1 .main-title-line{display:block!important;white-space:nowrap!important;font-size:clamp(29px,2.55vw,38px)!important;letter-spacing:-.8px}
 .hero-copy h1 .hero-subtitle-line{display:block!important;font-size:clamp(20px,1.7vw,27px)!important;line-height:1.2}
}
@media (min-width:768px) and (max-width:991.98px){
 .hero-copy{text-align:center!important}
 .hero-copy p{margin-left:auto!important;margin-right:auto!important}
 .hero-copy .badge{margin-left:auto;margin-right:auto}
}


/* V-94: keep the requested hero headline and copyright on one line at every viewport */
.hero-copy h1 .main-title-line{white-space:nowrap!important;display:block!important;max-width:none!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;}
.footer-bottom p{white-space:nowrap!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;}
@media(max-width:767.98px){
  .hero-copy h1 .main-title-line{font-size:clamp(7px,7vw,34px)!important;letter-spacing:-.35px!important;}
  .footer-bottom p{font-size:clamp(8px,3.15vw,14px)!important;}
}


/* V-95 responsive hero/title + amount field refinement */
.hero-content .hero-copy{text-align:center}
.hero-content .hero-copy .badge{max-width:100%;white-space:nowrap;font-size:clamp(10px,1.15vw,14px);padding-left:12px;padding-right:12px}
.hero-content h1 .main-title-line{display:block;width:100%;max-width:100%;white-space:nowrap;font-size:clamp(18px,3.6vw,48px);line-height:1.15;letter-spacing:-.7px;text-align:center;overflow:visible}
.hero-content h1 .hero-subtitle-line{display:block;text-align:center}
.hero-content> .container>.row>div>p{text-align:center}
.hero-form .amount-wrapper{width:100%;min-width:0}
.hero-form .amount-wrapper input{min-width:0;flex:1 1 auto}


@media(max-width:767.98px){
  .hero-content{padding-left:0;padding-right:0}
  .hero-content .hero-copy{width:100%;max-width:100%;overflow:hidden}
  .hero-content .hero-copy .badge{font-size:clamp(9px,2.55vw,12px);padding:6px 9px;max-width:calc(100vw - 28px);overflow:hidden;text-overflow:clip}
  .hero-content h1 .main-title-line{font-size:clamp(15px,4.25vw,24px);letter-spacing:-.5px;line-height:1.12}
  .hero-content h1 .hero-subtitle-line{font-size:clamp(14px,4.2vw,22px);line-height:1.18}
  .hero-form .amount-wrapper{display:flex;flex-direction:row;gap:0}
  .hero-form .amount-wrapper input{flex:1 1 auto;width:auto!important;min-width:0}

}

@media(max-width:360px){
  .hero-content .hero-copy .badge{font-size:9px;padding-left:6px;padding-right:6px}
  .hero-content h1 .main-title-line{font-size:15px;letter-spacing:-.65px}
  .hero-content h1 .hero-subtitle-line{font-size:13px}

}

@media(min-width:768px){
  .hero-content .hero-copy{display:flex;flex-direction:column;align-items:center;justify-content:center}
}

/* V-96: bring the desktop hero form up close to the header */
@media (min-width:992px){
  .hero-content{padding-top:18px!important;padding-bottom:30px!important;}
  .hero-layout{min-height:0!important;align-items:flex-start!important;}
  .hero-form-column{align-items:flex-start!important;padding-top:0!important;}
  .hero-copy{align-items:center;}
}

/* V-97: eliminate all horizontal overflow on mobile without changing the visual layout */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
}
@supports not (overflow: clip) {
  html, body { overflow-x: hidden !important; }
}

@media (max-width: 767.98px) {
  .hero_section,
  .nav-contant,
  .hero-content,
  .hero-form-wrapper,
  .about-section,
  .services-section,
  .faq-section,
  .video-cta-section,
  .main-footer {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
  }

  .container,
  .container-fluid {
    width: 100%;
    max-width: 100%;
  }

  .hero-content .row,
  .hero-form .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .hero-content .row > *,
  .hero-form .row > * {
    min-width: 0;
  }

  .hero-form-column,
  .hero-copy,
  .hero-form-wrapper,
  .form-backdrop,
  .hero-form {
    min-width: 0;
    max-width: 100%;
  }

  .hero-form input,
  .hero-form select,
  .hero-form textarea,
  .hero-form .amount-wrapper,
  .hero-form .phone-input {
    max-width: 100%;
  }

  .hero-form .amount-wrapper input,
  

  .navbar,
  .navbar .container-fluid,
  .navbar-collapse {
    max-width: 100%;
  }
}


/* V-99: keep CTA options line on one line on every device without clipping */
.cta-content h2 .cta-options-line{
  display:inline-block!important;
  white-space:nowrap!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  max-width:100%!important;
  font-size:clamp(10px, 2.25vw, 30px)!important;
  line-height:1.2!important;
  letter-spacing:-.25px!important;
}
@media(max-width:767.98px){
  .cta-content h2 .cta-options-line{
    font-size:clamp(9px, 3.25vw, 21px)!important;
    letter-spacing:-.4px!important;
  }
}
@media(max-width:360px){
  .cta-content h2 .cta-options-line{
    font-size:9px!important;
    letter-spacing:-.45px!important;
  }
}


/* V-101: Bootstrap-independent safety net. The page remains fully styled even if a CDN is blocked in private browsing. */
.container{width:100%;margin-left:auto;margin-right:auto;padding-left:12px;padding-right:12px}
.container-fluid{width:100%;padding-left:12px;padding-right:12px}
.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}
.row>*{box-sizing:border-box;padding-left:12px;padding-right:12px}
.align-items-center{align-items:center!important}
.g-4{row-gap:1.5rem}.g-5{row-gap:3rem}
.col-md-6{width:100%}
.col-lg-6{width:100%}.col-lg-4{width:100%}.col-lg-3{width:100%}
.mx-auto{margin-left:auto!important;margin-right:auto!important}
.navbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:.5rem;padding-bottom:.5rem}
.navbar .container-fluid{display:flex;align-items:center;justify-content:space-between}
.navbar-nav{display:flex;flex-direction:row;list-style:none;margin:0;padding:0}
.nav-item{display:list-item}.navbar-toggler{display:none;background:transparent;color:inherit}.collapse{display:block}.navbar-collapse{display:flex;flex-basis:auto;align-items:center}.navbar-nav.mb-2{margin-bottom:0!important}
@media(min-width:768px){.col-md-6{width:50%}}
@media(min-width:992px){
 .col-lg-6{width:50%}.col-lg-4{width:33.333333%}.col-lg-3{width:25%}
 .navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .navbar-collapse{display:flex!important}.navbar-expand-lg .navbar-nav{flex-direction:row}
}
@media(max-width:991.98px){
 .navbar-expand-lg .navbar-toggler{display:block}.navbar-expand-lg .navbar-collapse{display:none;flex-basis:100%;width:100%}.navbar-expand-lg .navbar-collapse.show{display:flex}.navbar-expand-lg .navbar-nav{flex-direction:column;width:100%}
 .navbar-expand-lg .navbar-nav .nav-link{text-align:center}
}
@media(min-width:1200px){.container{max-width:1200px}}
@media(min-width:992px) and (max-width:1199.98px){.container{max-width:960px}}
@media(min-width:768px) and (max-width:991.98px){.container{max-width:720px}}
@media(min-width:576px) and (max-width:767.98px){.container{max-width:540px}}

/* V-111: restore the desktop navigation to its natural centered position in RTL. The logo stays on the right and the menu remains centered instead of drifting left. */
@media (min-width: 992px){
  .navbar .navbar-collapse{flex:1 1 auto;justify-content:center;}
  .navbar .navbar-nav{margin-left:auto!important;margin-right:auto!important;}
}
@media (max-width: 991.98px){
  .navbar .navbar-collapse{flex-basis:100%;width:100%;justify-content:center;}
}


/* V-104: keep the main CTA on one line on every device and keep the amount placeholder fully visible. */
.form-btn,
.cta-btn-main,
.about-btn,
.hero-btn,
.cta-btn{
  white-space:nowrap !important;
  overflow:visible;
  text-overflow:clip;
  line-height:1.15;
}
.form-btn{font-size:clamp(10px,3.4vw,17px) !important;padding-left:8px;padding-right:8px;}
.cta-btn-main,.about-btn,.hero-btn,.cta-btn{font-size:clamp(10px,3.4vw,16px) !important;}
.hero-form .amount-wrapper{width:100%;min-width:0;display:flex;align-items:stretch;}
.hero-form .amount-wrapper input{
  flex:1 1 auto;
  min-width:0;
  width:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}
.hero-form .amount-wrapper input::placeholder{
  color:#6f7c84;
  opacity:1;
  white-space:nowrap;
  font-size:clamp(10px,3.2vw,16px);
}


@media (max-width:380px){
  .hero-form .amount-wrapper{flex-direction:column;gap:8px;}
  .hero-form .amount-wrapper input,

  .hero-form .amount-wrapper input::placeholder{font-size:13px;}
  .form-btn{font-size:11px !important;}
  .cta-btn-main,.about-btn,.hero-btn,.cta-btn{font-size:11px !important;}
}
@media (min-width:381px) and (max-width:767.98px){
  .hero-form .amount-wrapper input::placeholder{font-size:13px;}
  .form-btn{font-size:13px !important;}
  .cta-btn-main,.about-btn,.hero-btn,.cta-btn{font-size:13px !important;}
}


/* V-104: guarantee the amount placeholder is visible on narrow and mobile screens.
   Keep the amount input as a full-width field on small screens. */
.hero-form .amount-wrapper input{
  text-align:right !important;
  direction:rtl !important;
  font-size:16px !important;
  padding-left:14px !important;
  padding-right:14px !important;
}
.hero-form .amount-wrapper input::placeholder{
  display:block !important;
  color:#6f7c84 !important;
  opacity:1 !important;
  visibility:visible !important;
  white-space:nowrap !important;
  text-overflow:clip !important;
  overflow:visible !important;
  text-align:right !important;
  direction:rtl !important;
  font-size:15px !important;
}
@media (max-width:767.98px){
  .hero-form .amount-wrapper{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
  }
  .hero-form .amount-wrapper input{
    width:100% !important;
    min-width:0 !important;
    flex:0 0 auto !important;
  }
  .hero-form .amount-wrapper input{height:54px !important;}
}
@media (max-width:360px){
  .hero-form .amount-wrapper input::placeholder{font-size:14px !important;}
}


/* V-105: mobile/tablet navigation stays visible and centered; never replace it with the hamburger toggle. */
.navbar{position:relative!important;}
.navbar-expand-lg .navbar-toggler{display:none!important;}
.navbar-expand-lg .navbar-collapse{
  display:flex!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  flex:0 0 auto!important;
  flex-basis:auto!important;
  width:auto!important;
  max-width:calc(100% - 150px)!important;
  justify-content:center!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
}
.navbar-expand-lg .navbar-nav{
  flex-direction:row!important;
  width:auto!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
.navbar-expand-lg .navbar-nav .nav-item{flex:0 0 auto!important;}
.navbar-expand-lg .navbar-nav .nav-link{
  white-space:nowrap!important;
  text-align:center!important;
  padding:10px 7px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
@media(max-width:991.98px){
  .navbar .logo{width:105px!important;height:50px!important;}
  .navbar-expand-lg .navbar-collapse{max-width:calc(100% - 120px)!important;}
  .navbar-expand-lg .navbar-nav .nav-link{
    padding:8px 4px!important;
    font-size:clamp(8px,2.05vw,13px)!important;
  }
}
@media(max-width:430px){
  .navbar .logo{width:82px!important;height:46px!important;}
  .navbar-expand-lg .navbar-collapse{max-width:calc(100% - 88px)!important;}
  .navbar-expand-lg .navbar-nav .nav-link{
    padding:7px 2px!important;
    font-size:clamp(7.2px,2.05vw,10px)!important;
  }
}

/* Keep the consultation CTA text on one line, including the form heading and buttons. */
.hero-form h3,
.hero-form .form-btn,
.cta-btn-main,
.about-btn,
.hero-btn,
.cta-btn{
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
}
.hero-form h3{
  font-size:clamp(15px,5vw,27px)!important;
  letter-spacing:-.55px!important;
  line-height:1.15!important;
}
.form-btn{
  font-size:clamp(10px,3.25vw,17px)!important;
  letter-spacing:-.2px!important;
}
@media(max-width:360px){
  .hero-form h3{font-size:15px!important;letter-spacing:-.65px!important;}
  .form-btn{font-size:10.5px!important;letter-spacing:-.3px!important;}
}

/* V-106: final responsive cleanup for tablet/mobile. Restore the original hamburger menu below desktop, keep it centered, prevent hero clipping, and preserve the original CTA typography. */
@media (max-width: 991.98px){
  .navbar{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;min-height:74px!important;}
  .navbar .container-fluid{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:0!important;position:relative!important;}
  .navbar .navbar-toggler{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    width:44px!important;
    height:42px!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.45)!important;
    border-radius:5px!important;
    background:rgba(255,255,255,.04)!important;
    color:#fff!important;
    z-index:30!important;
  }
  .navbar .navbar-toggler-icon{display:flex!important;width:auto!important;height:auto!important;color:#fff!important;}
  .navbar .navbar-toggler-icon i{font-size:21px!important;line-height:1!important;}
  .navbar .logo{display:block!important;width:145px!important;height:54px!important;object-fit:contain!important;margin:0!important;}
  .navbar-expand-lg .navbar-collapse{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    right:0!important;
    left:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    flex-basis:auto!important;
    margin:0!important;
    padding:8px 14px 14px!important;
    background:rgba(3,17,30,.98)!important;
    border-top:1px solid rgba(255,255,255,.12)!important;
    box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
    z-index:25!important;
  }
  .navbar-expand-lg .navbar-collapse.show{display:block!important;}
  .navbar-expand-lg .navbar-nav{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    gap:0!important;
    margin:0!important;
    padding:0!important;
    flex-wrap:nowrap!important;
  }
  .navbar-expand-lg .navbar-nav .nav-item{width:100%!important;text-align:center!important;}
  .navbar-expand-lg .navbar-nav .nav-link{
    display:block!important;
    width:100%!important;
    padding:11px 8px!important;
    font-size:15px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Tablet/mobile hero: never clip the main heading. */
  .hero-copy{min-width:0!important;width:100%!important;overflow:visible!important;}
  .hero-content{overflow:visible!important;}
  .hero-content h1{width:100%!important;max-width:100%!important;overflow:visible!important;text-align:center!important;}
  .hero-content h1 .main-title-line,
  .hero-content h1 .hero-subtitle-line{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    white-space:normal!important;
    overflow-wrap:break-word!important;
    word-break:normal!important;
    text-align:center!important;
  }
  .hero-content h1 .main-title-line{font-size:clamp(27px,5.5vw,38px)!important;line-height:1.25!important;}
  .hero-content h1 .hero-subtitle-line{font-size:clamp(20px,4.2vw,29px)!important;line-height:1.35!important;}

  /* Keep the amount placeholder fully readable on tablet and mobile. */
  .hero-form .form-row-top{grid-template-columns:1fr!important;}
  .hero-form .amount-wrapper{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;}
  .hero-form .amount-wrapper input,
  .hero-form .amount-wrapper input{height:54px!important;direction:rtl!important;text-align:right!important;font-size:16px!important;}
  .hero-form .amount-wrapper input::placeholder{font-size:15px!important;white-space:nowrap!important;visibility:visible!important;opacity:1!important;}

  /* Restore the original form CTA sizing while keeping the wording on one line. */
  .hero-form h3{font-size:26px!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important;}
  .hero-form .form-btn{font-size:16px!important;line-height:1.15!important;letter-spacing:0!important;white-space:nowrap!important;padding-left:10px!important;padding-right:10px!important;}
}

@media (max-width: 430px){
  .navbar .logo{width:112px!important;height:50px!important;}
  .navbar .navbar-toggler{width:42px!important;height:40px!important;}
  .hero-content h1 .main-title-line{font-size:clamp(25px,7.2vw,32px)!important;}
  .hero-content h1 .hero-subtitle-line{font-size:clamp(18px,5.3vw,24px)!important;}
  .hero-form h3{font-size:clamp(17px,6.2vw,25px)!important;}
  .hero-form .form-btn{font-size:15px!important;}
}

@media (max-width: 360px){
  .hero-form h3{font-size:17px!important;}
  .hero-form .form-btn{font-size:14px!important;}
  .hero-form .amount-wrapper input::placeholder{font-size:14px!important;}
}

/* V-108: inset mobile/tablet menu button from the extreme left edge without changing desktop navigation. */
@media (max-width:991.98px){
  .navbar .container-fluid{padding-left:clamp(14px,4vw,34px)!important;padding-right:clamp(14px,4vw,18px)!important;}
  .navbar .navbar-toggler{margin-left:clamp(10px,4vw,34px)!important;}
}

/* V-107: stable mobile/tablet layout — restore original CTA typography, keep menu toggle, prevent clipping. */
@media (max-width: 991.98px){
  html,body{overflow-x:hidden!important;}
  .hero_section{overflow:visible!important;}
  .nav-contant{overflow:visible!important;}
  .navbar{min-height:74px!important;}
  .navbar .container-fluid{position:relative!important;}

  /* Keep the original three-line mobile menu button. */
  .navbar .navbar-toggler{display:flex!important;}

  /* The hero/form must use the full available width on tablets and phones. */
  .hero-content,
  .hero-content .container,
  .hero-layout,
  .hero-form-column,
  .hero-form-wrapper,
  .hero-form-wrapper > .container,
  .form-backdrop,
  .hero-form{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;}
  .hero-content .row{width:100%!important;}
  .hero-form-column{padding-left:0!important;padding-right:0!important;}
  .hero-form-wrapper{padding-left:14px!important;padding-right:14px!important;}
  .hero-form-wrapper > .container{padding-left:0!important;padding-right:0!important;}
  .form-backdrop{padding:3px!important;}
  .hero-form{padding:22px 16px!important;}

  /* Never clip the hero text. */
  .hero-copy{width:100%!important;max-width:100%!important;overflow:visible!important;}
  .hero-content h1,
  .hero-content h1 .main-title-line,
  .hero-content h1 .hero-subtitle-line{max-width:100%!important;overflow:visible!important;}

  /* Keep the original-looking CTA font size while fitting the phrase on one line. */
  .hero-form .form-btn{
    font-size:16px!important;
    font-family:inherit!important;
    font-weight:800!important;
    line-height:1.15!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
  .hero-form h3{
    font-family:inherit!important;
    font-weight:800!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:clamp(17px,6vw,26px)!important;
    letter-spacing:0!important;
  }

  /* Amount placeholder: always visible and never clipped. */
  .hero-form .amount-wrapper{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;}
  .hero-form .amount-wrapper input,
  .hero-form .amount-wrapper input::placeholder{white-space:nowrap!important;opacity:1!important;visibility:visible!important;font-size:15px!important;}
}

@media (max-width:430px){
  .hero-form h3{font-size:19px!important;letter-spacing:-.15px!important;}
  .hero-form .form-btn{font-size:15px!important;}
}

@media (max-width:360px){
  .hero-form h3{font-size:17px!important;letter-spacing:-.35px!important;}
  .hero-form .form-btn{font-size:14px!important;}
}

/* V-109: Make the form CTA use exactly the same Tajawal font family as the form heading. */
.hero-form .form-btn{font-family:"Tajawal",Arial,sans-serif!important;font-weight:800!important;}

/* V-111: reduce the mobile gap between the header and the lead form so more of the complete form is visible on first load. */
@media (max-width:767.98px){
  .hero-content{padding-top:8px!important;padding-bottom:24px!important;}
  .hero-layout{gap:8px!important;}
  .hero-form-column{margin-top:0!important;}
}


/* V-112 FINAL: the consultation heading must never be clipped on any viewport. */
.hero-form h3{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  font-family:"Tajawal",Arial,sans-serif!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  box-sizing:border-box!important;
}
.hero-form .form-btn{
  font-family:"Tajawal",Arial,sans-serif!important;
  font-weight:800!important;
}

/* V-114: no currency field anywhere; amount is free text and may contain letters, numbers, spaces, and symbols. */
.hero-form .amount-wrapper{display:block!important;width:100%!important;direction:rtl!important;}
.hero-form .amount-wrapper input{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;border-radius:7px!important;direction:rtl!important;text-align:right!important;}
.hero-form .amount-wrapper input::placeholder{white-space:nowrap!important;opacity:1!important;visibility:visible!important;}


/* V-116: replace the form intro with the approved X ad message and keep the full form visible across common desktop/tablet/mobile viewports. */
.hero-form h3{
  white-space:normal!important;
  overflow:visible!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-wrap:balance;
  font-size:21px!important;
  line-height:1.55!important;
  margin:0 0 14px!important;
}
.hero-form>p{display:none!important;}
@media (min-width:992px){
  .hero-content{padding-top:8px!important;padding-bottom:24px!important;}
  .hero-layout{align-items:flex-start!important;}
  .hero-form-column{padding-top:0!important;}
  .hero-form-column .hero-form{padding:22px!important;}
  .hero-form h3{font-size:20px!important;line-height:1.5!important;}
}
@media (max-width:991.98px){
  .hero-content{padding-top:6px!important;padding-bottom:18px!important;}
  .hero-layout{gap:6px!important;}
  .hero-form-column{margin-top:0!important;}
  .hero-form-column .hero-form{padding:18px 14px!important;}
  .hero-form h3{font-size:18px!important;line-height:1.5!important;margin-bottom:11px!important;}
}
@media (max-width:430px){
  .hero-form-column .hero-form{padding:16px 12px!important;}
  .hero-form h3{font-size:16px!important;line-height:1.5!important;margin-bottom:10px!important;}
}
@media (max-width:360px){
  .hero-form-column .hero-form{padding:14px 11px!important;}
  .hero-form h3{font-size:15px!important;line-height:1.48!important;}
}

/* V-119: phone field accepts Arabic-Indic and Persian digits as typed; no digit conversion is performed. */
.hero-form .phone-field input{
  direction:rtl!important;
  unicode-bidi:plaintext!important;
  text-align:right!important;
}


/* V-120: neutral theme name, remove the duplicate hero copy, and keep only the form heading question in white. */
.hero-form h3 .form-title-question{color:#fff!important;}
.hero-form h3 .form-title-subtitle{color:var(--mizan-gold-2)!important;}
.hero-form h3 .form-title-question,.hero-form h3 .form-title-subtitle{display:inline;}
.hero-form .amount-wrapper input{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext!important;}
.hero-form .amount-wrapper input::placeholder{text-align:right!important;}

/* V-123: Force the form CTA to use the same site font as the rest of the Mizan page, never the browser button font. */
.hero-form .form-btn,
.hero-form button.form-btn{
  font-family:"Tajawal",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:800!important;
  line-height:1.2!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  text-rendering:optimizeLegibility;
}

/* V-120 final amount field: free text (Arabic/English digits + words), always RTL/right-aligned. */
.hero-form .amount-wrapper{
  direction:rtl!important;
  width:100%!important;
}
.hero-form .amount-wrapper input{
  direction:rtl!important;
  text-align:right!important;
  unicode-bidi:normal!important;
  writing-mode:horizontal-tb!important;
  width:100%!important;
  max-width:100%!important;
}
.hero-form .amount-wrapper input::placeholder{
  direction:rtl!important;
  text-align:right!important;
}

/* Mizan Legal reference-site integration */
#hero_form{scroll-margin-top:90px}
.hero-content{padding:48px 0 0}
.hero-form-wrapper{padding:36px 0 20px;background:transparent}
.hero-form-wrapper .form-backdrop{max-width:930px}
.hero-site-copy{max-width:1050px;margin:25px auto 0;text-align:center;padding:10px 20px 55px}
.hero-kicker{display:inline-block;color:var(--mizan-gold-2);border:1px solid rgba(240,181,42,.5);background:rgba(216,154,25,.12);border-radius:30px;padding:7px 18px;font-weight:800;margin-bottom:15px}
.hero-site-copy h1{font-size:clamp(34px,4vw,52px);margin:0 0 8px;color:#fff;font-weight:900;line-height:1.2}
.hero-site-copy h2{font-size:clamp(20px,2.2vw,30px);margin:0 0 18px;color:var(--mizan-gold-2);font-weight:800}
.hero-site-copy p{max-width:950px;margin:0 auto 25px;color:#eef4f7;font-size:17px;line-height:2}
.site-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:980px;margin:26px auto;border:1px solid rgba(255,255,255,.22);border-radius:14px;overflow:hidden;background:rgba(7,30,47,.78)}
.site-stats>div{padding:18px 10px;border-left:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;align-items:center}
.site-stats>div:last-child{border-left:0}
.site-stats strong{font-size:30px;color:var(--mizan-gold-2);line-height:1.2}
.site-stats span{font-weight:700;color:#fff;margin-top:4px}
.services-section{padding:82px 0;background:#f7f9fa}
.services-title{text-align:center;color:#092335;font-size:34px;font-weight:900;line-height:1.5;margin:0 auto 45px;max-width:900px}
.service-card{height:100%;padding:32px 26px;text-align:center;background:#fff;border:1px solid rgba(9,35,53,.10);border-radius:16px;box-shadow:0 12px 35px rgba(3,25,39,.08)}
.service-card .icon-circle{margin:0 auto 18px}
.service-card h3{color:#092335;font-size:21px;margin:0 0 12px}
.service-card p{color:#53636d;line-height:1.9;margin:0}
.testimonials-section{padding:82px 0;background:#fff}
.testimonial-card{height:100%;background:#fff;border:1px solid rgba(9,35,53,.12);border-radius:16px;padding:28px;box-shadow:0 12px 35px rgba(3,25,39,.08)}
.testimonial-card h3{margin:0 0 4px;color:#092335}
.testimonial-card>span{color:var(--mizan-gold);font-weight:700;font-size:14px}
.testimonial-card p{color:#53636d;line-height:1.9;margin:18px 0}
.testimonial-card blockquote{margin:0;padding-top:16px;border-top:1px solid #e7ecef;color:#092335;font-weight:700;line-height:1.8}
.faq-section{padding:82px 0;background:linear-gradient(180deg,#f7f9fa,#fff)}
.faq-title{font-size:34px;line-height:1.5;color:#092335;text-align:center;margin:0 auto 35px;max-width:900px}
.faq-wrapper{max-width:980px;margin:auto}
.faq-item{background:#fff;border:1px solid rgba(9,35,53,.12);border-radius:12px;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;border:0;background:#fff;color:#092335;text-align:right;padding:21px 24px;font-size:17px;font-weight:800;display:flex;justify-content:space-between;gap:20px;align-items:center;cursor:pointer}
.faq-question i{color:var(--mizan-gold);transition:.25s}
.faq-item.open .faq-question i{transform:rotate(180deg)}
.faq-answer{max-height:0;overflow:hidden;padding:0 24px;color:#53636d;line-height:1.95;transition:max-height .3s ease,padding .3s ease}
.faq-item.open .faq-answer{max-height:300px;padding:0 24px 20px}
.final-cta-section{padding:90px 20px;text-align:center;background:linear-gradient(135deg,#061827,#0b3043);color:#fff}
.final-cta-section h2{font-size:40px;margin:0 0 18px;color:#fff}
.final-cta-section p{max-width:820px;margin:0 auto 12px;color:#e5edf1;line-height:2;font-size:17px}
.final-cta-section .section-badge{margin-top:0}
@media(max-width:767px){
 .site-stats{grid-template-columns:repeat(2,1fr)}
 .site-stats>div:nth-child(2){border-left:0}
 .hero-site-copy{padding-bottom:35px}
 .services-title,.faq-title{font-size:28px}
 .final-cta-section h2{font-size:31px}
}


/* V122: exact hero/form text arrangement + centered form */
.hero-content .hero-layout{justify-content:center}
.hero-form-column{display:flex;justify-content:center}
.hero-form-wrapper{width:100%;display:flex;justify-content:center}
.hero-form-wrapper>.container{width:100%;max-width:1180px;margin:0 auto}
.form-backdrop{width:min(100%,1120px);margin-left:auto;margin-right:auto}
.hero-form h3 .form-title-question,
.hero-form h3 .form-title-subtitle{display:block}
.hero-form h3 .form-title-question{font-weight:800;line-height:1.35}
.hero-form h3 .form-title-subtitle{color:#e4edf1;font-size:.55em;font-weight:500;line-height:1.7;margin-top:8px}
.hero-site-copy{text-align:center;max-width:1050px;margin:0 auto}
.hero-site-copy .hero-kicker{display:inline-block}
.hero-site-copy h1,.hero-site-copy h2{margin-left:auto;margin-right:auto}
.hero-site-copy p{margin-left:auto!important;margin-right:auto!important}

/* V122: restored video section */
.video-cta-section .video-box{max-width:620px;margin:0 auto}
.video-cta-section .cta-content{text-align:right}
.video-cta-section .cta-content h2{font-weight:800}
.video-cta-section .cta-options-line{display:block;color:#fff!important}
.video-popup{direction:ltr}
@media(max-width:991.98px){.video-cta-section .cta-content{text-align:center}.video-cta-section .video-box{max-width:760px}}


/* V124: form is the first visual section on every device */
.hero-content{padding-top:12px!important;padding-bottom:0!important}
.hero-content .hero-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;min-height:0!important}
.hero-form-column{order:1!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important;justify-content:center!important}
.hero-copy,.hero-site-copy{order:2!important;width:100%!important}
.hero-form-column .hero-form-wrapper{padding:0!important;margin:0 auto!important;width:100%!important;display:flex!important;justify-content:center!important}
.hero-form-column .form-backdrop{margin:0 auto!important}
.hero-site-copy{margin-top:22px!important}
@media(max-width:767.98px){
 .hero-content{padding-top:8px!important}
 .hero-site-copy{margin-top:14px!important}
}


/* V-125: FORM IS THE FIRST FULL-WIDTH HERO SECTION ON EVERY DEVICE.
   The form remains unchanged; only the hero layout is stacked vertically. */
.hero_section .hero-content .hero-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  width:100%!important;
}
.hero_section .hero-form-column{
  order:1!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:0!important;
  margin:0!important;
}
.hero_section .hero-form-column .hero-form-wrapper{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
}
.hero_section .hero-form-column .form-backdrop{
  width:100%!important;
  max-width:930px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.hero_section .hero-site-copy{
  order:2!important;
  width:100%!important;
  max-width:1050px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
@media (min-width:992px){
  .hero_section .hero-content{padding-top:32px!important;padding-bottom:20px!important}
  .hero_section .hero-form-column .hero-form{width:100%!important}
  .hero_section .hero-site-copy{padding-top:20px!important;padding-bottom:55px!important}
}
@media (max-width:991.98px){
  .hero_section .hero-content{padding-top:20px!important}
  .hero_section .hero-site-copy{margin-top:18px!important}
}


/* V127: hero copy is a separate section directly below the form on every device.
   Form fields, names, validation and submission logic are untouched. */
.hero_section .hero-content .hero-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  min-height:0!important;
}
.hero_section .hero-content .hero-layout > .hero-form-column{
  order:1!important;
  width:100%!important;
  max-width:100%!important;
  flex:0 0 auto!important;
}
.hero_section .hero-content .hero-layout > .hero-site-copy{
  order:2!important;
  width:100%!important;
  max-width:1050px!important;
  flex:0 0 auto!important;
  margin:22px auto 0!important;
  position:relative!important;
}
@media(max-width:767.98px){
  .hero_section .hero-content .hero-layout > .hero-site-copy{margin-top:14px!important;}
}


/* V128: match the reference site's video/CTA section only.
   No other page sections or form behavior are changed. */
.video-cta-section{
  background:#4b7b79!important;
  padding:70px 0 78px!important;
  color:#fff!important;
}
.video-cta-section .container{
  max-width:1200px!important;
}
.video-cta-section .row{
  align-items:center!important;
}
.video-cta-section .video-box{
  border:0!important;
  border-radius:20px!important;
  box-shadow:none!important;
  background:#000!important;
  overflow:hidden!important;
}
.video-cta-section .preview-video{
  width:100%!important;
  height:370px!important;
  object-fit:cover!important;
  display:block!important;
}
.video-cta-section .play-btn{
  width:76px!important;
  height:76px!important;
  border:0!important;
  background:#d8a21b!important;
  color:#111!important;
  font-size:24px!important;
}
.video-cta-section .cta-content{
  text-align:center!important;
  padding:0 18px!important;
}
.video-cta-section .cta-content h2{
  font-family:"Tajawal",Arial,sans-serif!important;
  font-size:42px!important;
  font-weight:500!important;
  line-height:1.35!important;
  margin:0 0 28px!important;
}
.video-cta-section .cta-content h2 .cta-heading-top,
.video-cta-section .cta-content h2 .cta-heading-bottom{
  display:block!important;
}
.video-cta-section .cta-content h2 .cta-heading-top{
  color:#fff!important;
  font-weight:500!important;
}
.video-cta-section .cta-content h2 .cta-heading-bottom{
  color:#d8a21b!important;
  font-weight:500!important;
}
.video-cta-section .cta-content p{
  color:#fff!important;
  font-size:17px!important;
  line-height:2!important;
  margin-bottom:20px!important;
}
.video-cta-section .cta-content p strong{
  font-weight:800!important;
}
.video-cta-section .cta-btn-main{
  display:inline-flex!important;
  margin-top:8px!important;
  padding:15px 34px!important;
  border-radius:32px!important;
  background:#d8a21b!important;
  color:#111!important;
  border:0!important;
  box-shadow:none!important;
  font-family:"Tajawal",Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:800!important;
}
@media (max-width:991.98px){
  .video-cta-section{padding:55px 0 60px!important;}
  .video-cta-section .preview-video{height:330px!important;}
  .video-cta-section .cta-content{padding-top:8px!important;}
  .video-cta-section .cta-content h2{font-size:36px!important;}
}
@media (max-width:767.98px){
  .video-cta-section{padding:45px 0 50px!important;}
  .video-cta-section .preview-video{height:260px!important;}
  .video-cta-section .cta-content h2{font-size:31px!important;}
  .video-cta-section .cta-content p{font-size:15px!important;}
  .video-cta-section .cta-btn-main{font-size:15px!important;padding:13px 28px!important;}
}

/* V129 - Match reference video section: exact teal background + RTL visual order */
.video-cta-section{
  background:#4b7b79!important;
  color:#fff!important;
}
.video-cta-section .row{
  direction:rtl!important;
  align-items:center!important;
}
.video-cta-section .row > .video-col,
.video-cta-section .row > div:first-child{
  order:1!important;
}
.video-cta-section .row > .text-col,
.video-cta-section .row > div:last-child{
  order:2!important;
}
.video-cta-section .video-box{
  border:0!important;
  border-radius:20px!important;
  box-shadow:none!important;
  background:#000!important;
}
.video-cta-section .cta-content{
  text-align:center!important;
  padding:0 24px!important;
}
.video-cta-section .cta-content h2{
  margin:0 0 28px!important;
  line-height:1.35!important;
  font-weight:500!important;
}
.video-cta-section .cta-content h2 .cta-heading-top{
  color:#fff!important;
}
.video-cta-section .cta-content h2 .cta-heading-bottom{
  color:#d8a21b!important;
}
.video-cta-section .cta-content p{
  color:#fff!important;
}
.video-cta-section .cta-btn-main{
  background:#d8a21b!important;
  color:#111!important;
}
@media(max-width:767.98px){
  .video-cta-section .row{direction:rtl!important;}
  .video-cta-section .row > .video-col,
  .video-cta-section .row > div:first-child{order:1!important;}
  .video-cta-section .row > .text-col,
  .video-cta-section .row > div:last-child{order:2!important;}
}

/* V130 - Video section background and text alignment correction */
.video-cta-section{
  background:linear-gradient(135deg,#03111e 0%,#062033 48%,#041521 100%)!important;
  color:#fff!important;
}
.video-cta-section .cta-content{
  text-align:right!important;
  padding:0 24px!important;
}
.video-cta-section .cta-content h2,
.video-cta-section .cta-content p{
  text-align:right!important;
}
@media(max-width:767.98px){
  .video-cta-section .cta-content{
    text-align:right!important;
    padding:0 8px!important;
  }
}

/* V131: CTA links to the form section */
#hero_form{scroll-margin-top:90px;}


/* V134 - Compact Mizan-style WhatsApp floating widget */
.whatsapp-wrapper{
  position:fixed!important;
  left:20px!important;
  right:auto!important;
  bottom:20px!important;
  z-index:2147483647!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:max-content!important;
  height:50px!important;
  padding:0!important;
  margin:0!important;
  direction:ltr!important;
  animation:whatsapp-bounce 2s ease-in-out infinite!important;
}
.whatsapp-wrapper a{ text-decoration:none!important; }
.whatsapp-wrapper .whatsapp-icon{
  order:1!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 50px!important;
  width:50px!important;
  height:50px!important;
  min-width:50px!important;
  min-height:50px!important;
  margin:0!important;
  padding:0!important;
  border-radius:50%!important;
  background:#25D366!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.20)!important;
  font-size:25px!important;
  line-height:1!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.whatsapp-wrapper .whatsapp-icon i{font-size:25px!important;line-height:1!important;}
.whatsapp-wrapper .whatsapp-text-box{
  order:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-width:110px!important;
  width:auto!important;
  height:42px!important;
  margin:0!important;
  padding:0 15px!important;
  border-radius:24px!important;
  background:#16B957!important;
  color:#fff!important;
  box-shadow:0 3px 10px rgba(0,0,0,.16)!important;
  font-family:"Tajawal",Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.whatsapp-wrapper:hover .whatsapp-icon{transform:scale(1.05)!important;box-shadow:0 5px 14px rgba(0,0,0,.24)!important;}
.whatsapp-wrapper:hover .whatsapp-text-box{transform:translateY(-1px)!important;box-shadow:0 5px 14px rgba(0,0,0,.20)!important;background:#14aa50!important;}
@keyframes whatsapp-bounce{
  0%,20%,53%,80%,100%{transform:translate3d(0,0,0)}
  40%,43%{transform:translate3d(0,-7px,0)}
  70%{transform:translate3d(0,-3px,0)}
  90%{transform:translate3d(0,-1px,0)}
}
@media(max-width:767.98px){
  .whatsapp-wrapper{left:15px!important;bottom:15px!important;gap:7px!important;height:46px!important;}
  .whatsapp-wrapper .whatsapp-icon{flex-basis:46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;}
  .whatsapp-wrapper .whatsapp-icon i{font-size:23px!important;}
  .whatsapp-wrapper .whatsapp-text-box{min-width:100px!important;height:39px!important;padding:0 13px!important;font-size:14px!important;}
}
@media(prefers-reduced-motion:reduce){.whatsapp-wrapper{animation:none!important;}}


/* V136: show the hero headline/content before the lead form on initial page load.
   Form fields, validation, and submission behavior remain unchanged. */
.hero_section .hero-content .hero-layout > .hero-site-copy{
  order:1!important;
  margin-top:0!important;
}
.hero_section .hero-content .hero-layout > .hero-form-column{
  order:2!important;
}
@media(min-width:992px){
  .hero_section .hero-content .hero-layout > .hero-site-copy{
    padding-top:20px!important;
    padding-bottom:20px!important;
  }
  .hero_section .hero-content .hero-layout > .hero-form-column{
    margin-top:0!important;
  }
}
@media(max-width:991.98px){
  .hero_section .hero-content .hero-layout > .hero-site-copy{
    margin-top:0!important;
    padding-top:10px!important;
  }
  .hero_section .hero-content .hero-layout > .hero-form-column{
    margin-top:14px!important;
  }
}


/* V138: make the hero introduction shown in the supplied screenshot the first
   visible hero content, before the contact form, on desktop and mobile. */
.hero_section .hero-content .hero-layout{
  display:flex!important;
  flex-wrap:wrap!important;
}
.hero_section .hero-content .hero-layout > .hero-site-copy{
  order:1!important;
  flex:0 0 100%!important;
  width:100%!important;
}
.hero_section .hero-content .hero-layout > .hero-form-column{
  order:2!important;
  flex:0 0 100%!important;
  width:100%!important;
}


/* V138: stack hero content first, then the contact form below its CTA button. */
.hero_section .hero-content .hero-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
.hero_section .hero-content .hero-layout > .hero-site-copy{
  order:1!important;
  flex:0 0 auto!important;
  width:100%!important;
}
.hero_section .hero-content .hero-layout > .hero-form-column{
  order:2!important;
  flex:0 0 auto!important;
  width:100%!important;
}
.hero_section .hero-content .hero-form-wrapper{margin-top:28px!important;}