/* Astra / Elementor integration. Original design rules are in design.css. */
.mfx-root,.mfx-root *,.mfx-root *:before,.mfx-root *:after{box-sizing:border-box}
body .mfx-root h2,body .mfx-root h3,body .mfx-root p,body .mfx-root li{font-family:Poppins,Arial,sans-serif}
.mfx-root h1,.mfx-root h2,.mfx-root h3,.mfx-root p,.mfx-root ul{margin-top:0;margin-bottom:0}
.mfx-root a{text-decoration:none}.mfx-root button{box-shadow:none;text-transform:none;min-height:0}.mfx-root button:hover{background-color:initial}.mfx-root .button:hover{background:var(--red);color:#fff}.mfx-root svg{overflow:visible}.mfx-root img{border:0;box-shadow:none}.mfx-root .mfx-logo-image{object-fit:contain}
.mfx-root .mfx-custom-icon{display:inline-flex;align-items:center;justify-content:center;color:inherit;width:34px;height:34px;flex-shrink:0}.mfx-root .mfx-custom-icon svg,.mfx-root .mfx-custom-icon i{width:100%;height:100%;font-size:30px;fill:currentColor}
body.mfx-page #content,body.mfx-page #content>.ast-container{width:100%;max-width:none;margin:0;padding:0}
body.mfx-page #primary{width:100%;margin:0;padding:0;border:0;max-width:none;float:none}
body.mfx-page #main{width:100%;margin:0;padding:0;max-width:none}
body.mfx-page .entry-content,body.mfx-page .elementor{margin:0;padding:0}
.mfx-global-header .elementor-section>.elementor-container,.mfx-global-footer .elementor-section>.elementor-container,body.mfx-page .elementor-section>.elementor-container{max-width:none}
.mfx-global-header .elementor-column-gap-default>.elementor-column>.elementor-element-populated,.mfx-global-footer .elementor-column-gap-default>.elementor-column>.elementor-element-populated,body.mfx-page .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0}
body.mfx-page .elementor-widget,.mfx-global-header .elementor-widget,.mfx-global-footer .elementor-widget{margin-bottom:0}
body.mfx-homepage .elementor-widget-wrap{gap:0;align-content:flex-start}
body.mfx-page .elementor-widget-container,body.mfx-page .elementor-widget{max-width:100%}
.mfx-global-header,.mfx-global-footer{width:100%}.mfx-global-header .mfx-root,.mfx-global-footer .mfx-root{padding:0}
.mfx-root .mfx-nav-list,.mfx-root .mfx-footer-list{list-style:none;margin:0;padding:0}
.mfx-root .mfx-nav-list{display:flex;justify-content:space-between;align-items:center;flex:1;gap:12px}
.mfx-root .mfx-nav-list>li{position:relative;line-height:1.4}.mfx-root .mfx-nav-list .sub-menu{position:absolute;top:100%;left:0;z-index:120;display:none;list-style:none;min-width:200px;background:var(--navy);margin:0;padding:8px;box-shadow:0 6px 16px #001b3333}
.mfx-root .mfx-nav-list .sub-menu .sub-menu{left:100%;top:0}.mfx-root .mfx-nav-list .sub-menu li{position:relative}.mfx-root .mfx-nav-list .sub-menu a{display:block;padding:9px 12px}.mfx-root .mfx-nav-list li:hover>.sub-menu,.mfx-root .mfx-nav-list li:focus-within>.sub-menu{display:block}
.mfx-root .mfx-footer-list a{font:inherit}.mfx-root.mfx-creditbar{background:#092940;color:#b0c8da;text-align:center;padding:12px 15px;font-size:12px;line-height:1.5}.mfx-root.mfx-creditbar a{color:inherit;font-family:Poppins,Arial,sans-serif}.mfx-root.mfx-creditbar a:hover{color:#fff;text-decoration:underline}
.mfx-root.mfx-visibility-hidden{display:none!important}.mfx-root.mfx-visibility-mobile{display:none}
.mfx-root .mfx-contact{padding:65px 0 75px;background:linear-gradient(135deg,#f2f6fb,#fff)}
.mfx-root .mfx-contact h1{font-family:Poppins,Arial,sans-serif;font-size:42px;font-weight:700;color:var(--ink);margin-bottom:12px;line-height:1.2}.mfx-root .mfx-contact>.container>p{font-size:17px;max-width:700px}
.mfx-root .mfx-contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:45px;margin-top:35px;align-items:start}
.mfx-root .mfx-contact aside{background:var(--navy);color:#fff;padding:35px;border-radius:10px}.mfx-root .mfx-contact aside h2{color:white;font-size:27px;margin-bottom:25px}.mfx-root .mfx-contact aside>a:not(.button){display:block;color:white;margin:25px 0}.mfx-root .mfx-contact aside p{color:#d8e4f2;margin-top:13px}.mfx-root .mfx-contact aside .button{white-space:normal;text-align:center}
.mfx-root .mfx-contact-form{background:#fff;border:1px solid #e7ecf4;border-radius:10px;padding:30px;box-shadow:0 8px 30px #0627450a}.mfx-root .mfx-contact-form h2{font-size:27px;margin-bottom:25px}.mfx-root .mfx-contact-form label{display:block;font-size:14px;font-weight:600;margin-bottom:18px}.mfx-root .mfx-contact-form input,.mfx-root .mfx-contact-form select,.mfx-root .mfx-contact-form textarea{display:block;margin-top:7px;width:100%;padding:12px 14px;font:inherit;font-size:15px;font-weight:400;border:1px solid #d9e2ef;border-radius:5px;background:#fff;color:#233d55;box-shadow:none;min-height:47px;line-height:1.5}.mfx-root .mfx-contact-form textarea{resize:vertical}.mfx-root .mfx-contact-form .button{width:100%;white-space:normal}
.mfx-home-inner{display:flex;flex-direction:column}
@media(max-width:767px){body.mfx-sticky{padding-bottom:78px}.mfx-root.mfx-visibility-mobile{display:block}.mfx-root.mfx-visibility-desktop{display:none!important}.mfx-root .mfx-nav-list{display:block;width:100%;grid-column:1/-1;max-height:65vh;overflow:auto}.mfx-root .mfx-nav-list a{display:block}.mfx-root .mfx-nav-list .sub-menu,.mfx-root .mfx-nav-list .sub-menu .sub-menu{display:block;position:static;background:#ffffff08;margin:0 0 4px 12px;box-shadow:none;min-width:0}.mfx-root.mfx-creditbar{width:96%;margin:auto;border-radius:0 0 10px 10px;font-size:11px}.mfx-root .mfx-contact{padding:35px 0 45px}.mfx-root .mfx-contact h1{font-size:30px}.mfx-root .mfx-contact-grid{grid-template-columns:1fr;gap:25px}.mfx-root .mfx-contact-form,.mfx-root .mfx-contact aside{padding:23px}.mfx-root .mfx-contact-form h2{font-size:23px}.mfx-root .mfx-contact>.container>p{font-size:15px}
body.mfx-homepage .elementor-widget-mfx_hero,.mfx-home-inner>.mfx-section-hero{order:0}
body.mfx-homepage .elementor-widget-mfx_features,.mfx-home-inner>.mfx-section-features{order:1}
body.mfx-homepage .elementor-widget-mfx_availability,.mfx-home-inner>.mfx-section-availability{order:2}
body.mfx-homepage .elementor-widget-mfx_vehicles_section,.mfx-home-inner>.mfx-section-vehicles_section{order:3}
body.mfx-homepage .elementor-widget-mfx_response_strip,.mfx-home-inner>.mfx-section-response_strip{order:4}
body.mfx-homepage .elementor-widget-mfx_about,.mfx-home-inner>.mfx-section-about{order:5}
body.mfx-homepage .elementor-widget-mfx_quality,.mfx-home-inner>.mfx-section-quality{order:6}
body.mfx-homepage .elementor-widget-mfx_brands,.mfx-home-inner>.mfx-section-brands{order:7}
body.mfx-homepage .elementor-widget-mfx_how,.mfx-home-inner>.mfx-section-how{order:8}
body.mfx-homepage .elementor-widget-mfx_need_tyres,.mfx-home-inner>.mfx-section-need_tyres{order:9}
body.mfx-homepage .elementor-widget-mfx_why,.mfx-home-inner>.mfx-section-why{order:10}
body.mfx-homepage .elementor-widget-mfx_areas,.mfx-home-inner>.mfx-section-areas{order:11}
body.mfx-homepage .elementor-widget-mfx_review,.mfx-home-inner>.mfx-section-review{order:12}
body.mfx-homepage .elementor-widget-mfx_blog,.mfx-home-inner>.mfx-section-blog{order:13}
body.mfx-homepage .elementor-widget-mfx_faq,.mfx-home-inner>.mfx-section-faq{order:14}
body.mfx-homepage .elementor-widget-mfx_rescue,.mfx-home-inner>.mfx-section-rescue{order:15}
body.mfx-homepage .elementor-widget-mfx_gallery,.mfx-home-inner>.mfx-section-gallery{order:16}
body.mfx-homepage .elementor-widget-mfx_mobile_location,.mfx-home-inner>.mfx-section-mobile_location{order:17}
body.mfx-homepage .elementor-widget-mfx_payments,.mfx-home-inner>.mfx-section-payments{order:18}
body.mfx-homepage .elementor-widget-mfx_professional,.mfx-home-inner>.mfx-section-professional{order:19}
body.mfx-homepage .elementor-widget-mfx_social,.mfx-home-inner>.mfx-section-social{order:20}
}
@media(min-width:768px){.mfx-root.mfx-visibility-desktop{display:block}}

body .mfx-root h1,body .mfx-root h2,body .mfx-root h3{color:inherit}

/* 1.0.1: requested menu, language, brand and mobile spacing corrections only. */
.mfx-root .whatsapp-round{flex-shrink:0;color:#fff;line-height:1}
.mfx-root .whatsapp-round .icon{display:block;fill:currentColor;stroke:none;width:27px;height:27px}
.mfx-root .language{display:flex;align-items:center;gap:4px}
.mfx-root .language a{color:inherit;font:inherit;display:inline-block}
.mfx-root .language a:hover,.mfx-root .language a[aria-current="true"]{text-decoration:underline}
.mfx-root .brand-logos{min-width:0;touch-action:pan-y;user-select:none}
.mfx-root[lang="ar"]{font-family:Tahoma,Arial,sans-serif}
body .mfx-root[lang="ar"] h1,body .mfx-root[lang="ar"] h2,body .mfx-root[lang="ar"] h3,body .mfx-root[lang="ar"] p,body .mfx-root[lang="ar"] li{font-family:Tahoma,Arial,sans-serif}
.mfx-root[lang="ar"] .phone,.mfx-root[lang="ar"] .call,.mfx-root[lang="ar"] .brand-logos,.mfx-root[lang="ar"] .brand{direction:ltr}
.mfx-root[lang="ar"] .hero h1{font-family:Tahoma,Arial,sans-serif;font-size:clamp(28px,3.8vw,53px);line-height:1.25}
.mfx-root[lang="ar"] .hero-content{direction:ltr}.mfx-root[lang="ar"] .hero-copy{direction:rtl;text-align:right;margin-left:0;margin-right:auto}
.mfx-root[lang="ar"] .availability h2{white-space:normal}
.mfx-root[lang="ar"] .mfx-contact-form input[type="tel"]{direction:ltr}
@media(max-width:767px){
.mfx-root.mfx-section-review,body.mfx-homepage .elementor-widget-mfx_review{display:none!important}
.mfx-root .whatsapp-round .icon{width:21px;height:21px}
.mfx-root .topbar{padding-bottom:20px;min-height:85px}
.mfx-root .language{display:flex;position:absolute;bottom:4px;right:12px;font-size:9px;line-height:1.2}
.mfx-root .language .flag{width:15px;height:9px}
.mfx-root .brands-slider{padding:0 30px;gap:0}
.mfx-root .brands-slider>button{position:absolute;top:50%;transform:translateY(-50%);left:0;width:28px;height:36px;display:grid;place-items:center;z-index:2}
.mfx-root .brands-slider>button:first-child{transform:translateY(-50%) rotate(180deg)}
.mfx-root .brands-slider>button:last-child{left:auto;right:0}
.mfx-root .brand-logos{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.mfx-root .brand-logos>*{grid-area:auto!important;min-width:0}
.mfx-root .vehicle-card{height:174px}
.mfx-root .vehicle-card h3{left:10px;right:40px;bottom:12px;min-height:30px;display:flex;align-items:center;line-height:1.25;overflow-wrap:anywhere}
.mfx-root .vehicle-card .circle-arrow{right:8px;bottom:15px;width:25px;height:25px;flex-shrink:0}
.mfx-root .availability{padding-top:24px;padding-bottom:20px}
.mfx-root .availability h2{padding-right:53px;white-space:normal;font-size:16px;line-height:1.25;min-height:48px}
.mfx-root .availability h2 small{white-space:normal;margin-right:-53px;max-width:100%;padding-top:12px;font-size:11px;line-height:1.4}
.mfx-root .badge-247{right:-2px;top:-5px;width:49px;height:49px;font-size:25px;flex-shrink:0;white-space:nowrap;direction:ltr}
.mfx-root .availability .call{margin-top:12px;font-size:clamp(13px,4.7vw,21px);padding:12px 6px;gap:5px}
.mfx-root .availability .call .icon{width:24px;height:24px;flex-shrink:0}
.mfx-root[lang="ar"] .availability h2{padding-right:0;padding-left:53px}
.mfx-root[lang="ar"] .badge-247{right:auto;left:-2px}
.mfx-root[lang="ar"] .availability h2 small{margin-right:0;margin-left:-53px}
}
@media(max-width:359px){.mfx-root .availability h2{font-size:13px}.mfx-root .availability h2 small{font-size:10px}.mfx-root .vehicle-card h3{font-size:11px;right:39px}}