/*
Theme Name: Mizan Legal V-78 — Mobile Hero Spacing
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.70
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}.currency-select{width:155px!important;min-width:155px;border-radius:0 7px 7px 0!important;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}
.whatsapp-wrapper{position:fixed;z-index:9997;left:22px;bottom:22px;display:flex;align-items:center;gap:8px}.whatsapp-text-box{background:#25d366;color:#fff!important;padding:10px 16px;border-radius:22px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.25)}.whatsapp-icon{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff!important;font-size:26px;box-shadow:0 8px 25px rgba(0,0,0,.25)}
@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}.currency-select{width:135px!important;min-width:135px}.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}.whatsapp-wrapper{left:12px;bottom:12px}.whatsapp-text-box{display:none}.whatsapp-icon{width:53px;height:53px}}
/* 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}
.currency-select{flex:0 0 155px}
.hero-form .country-field select,.hero-form .phone-field input,.hero-form .amount-wrapper,.hero-form .amount-wrapper input,.hero-form .currency-select{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}
 .currency-select{flex-basis:132px;width:132px!important;min-width:132px!important}
 .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}
 .whatsapp-wrapper{left:12px;bottom:12px}
}
@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}
 .currency-select{flex-basis:120px;width:120px!important;min-width:120px!important}
 .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}
}