/* Start Point brand on Reeni index-04: ONLY colours + fonts (+ logo slot size + option switcher). Loaded last. */
:root, body.color-primary-3rd, body.primary-yellow{--color-primary:#B1001F;--color-primary-alt:#B1001Fd9;--color-primary-3rd:#B1001F;--color-subtitle:#B1001F;
  --font-primary:"Scoutie Sans","Segoe UI",Helvetica,Arial,sans-serif;--font-secondary:"Scoutie Sans","Segoe UI",Helvetica,Arial,sans-serif;--font-three:"Scoutie Sans","Segoe UI",Helvetica,Arial,sans-serif}
html[lang=ar],html[lang=ar] body,html[lang=ar] body.color-primary-3rd{--font-primary:"Zain","Zain Fallback",Tahoma,sans-serif;--font-secondary:"Zain","Zain Fallback",Tahoma,sans-serif;--font-three:"Zain","Zain Fallback",Tahoma,sans-serif}
html[lang=ar] body{font-family:var(--font-primary)}
.header-content .logo img,.footer-style-two .logo img,.tmp-sidebar-area .top-area img,.tmp-popup-mobile-menu .logo img{height:36px;width:auto;max-width:none}
.client-img img{background:#B1001F;padding:12px;width:60px;height:60px;object-fit:contain}
.bg-benner-img-four img{max-height:640px;width:auto}
@media (min-width:1200px){.bg-benner-img-four{right:22%}html[dir=rtl] .bg-benner-img-four{right:auto;left:22%}}
@media (max-width:1199.98px){html[dir=rtl] .bg-benner-img-four{right:auto;left:0}}
.odometer,.counter{direction:ltr;unicode-bidi:isolate}
/* round 3: Reeni's v4 active row is hard-coded gold (dark: 9% tint, white: solid #FDC448) → Signal Red tint, colour only */
.services-widget.v4 .active-bg{background:rgba(177,0,31,.09)}
.tmp-white-version .services-widget.v4 .active-bg{background:rgba(177,0,31,.10)}
/* round 4: compact header (Reeni: 10/15 px padding + 56 px content = 76 px; sticky 76) → 72 px top / 64 px sticky; hero starts higher */
.header-one.tmp-header-area-start{padding:8px 0}
@media (max-width:991.98px){.header-one.tmp-header-area-start{padding:8px 0}}
.header--sticky.sticky{padding:4px 30px}
@media (max-width:767.98px){.header--sticky.sticky{padding:4px 7px}}
.header-one .header-content,.header-one .header-content .logo img{min-height:0}
.header-content .logo img{height:34px}
@media (min-width:1200px){.banner-four-main-wrapper{padding-top:150px;padding-bottom:160px}}
/* round 4: language switch in Reeni's header actions + sidebar, styled like its round social pills */
.lang-switch-wrap{display:flex;align-items:center;margin-inline-end:10px}
.lang-switch{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:100px;background:var(--color-gray-2);color:var(--color-heading);font-size:13px;font-weight:600;line-height:1;transition:var(--transition)}
.lang-switch a:hover{background:var(--color-primary);color:#fff}
.lang-switch a[aria-current]{background:var(--color-primary);color:#fff}
.lang-switch a[hreflang=ar]{font-family:"Zain","Zain Fallback",Tahoma,sans-serif;font-size:15px}
.lang-switch a[hreflang=en]{font-family:"Scoutie Sans","Segoe UI",Helvetica,Arial,sans-serif}
.lang-switch-wrap--side{margin:0 0 18px}
@media (max-width:575.98px){.header-content .lang-switch-wrap{margin-inline-end:6px}.header-content .lang-switch a{min-width:36px;height:36px;padding:0 9px;font-size:12px}}
/* round 8: balanced header — logo | centred nav | [Start] [other language] [menu]; one red action (Start) */
.header-one .header-content{display:flex;align-items:center;justify-content:space-between;gap:24px}
.header-one .header-content .logo{flex:0 0 auto}
.header-one .header-content .tmp-mainmenu-nav{flex:1 1 auto;display:flex;justify-content:center}
.tmp-mainmenu-nav .tmp-mainmenu > li{margin:0 2px}
.header-one .tmp-header-right{flex:0 0 auto;display:flex;align-items:center;gap:10px}
.header-one .tmp-header-right .actions-area,.header-one .tmp-header-right .tmp-side-collups-area{display:flex;align-items:center}
.hdr-start{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 20px;border-radius:100px;background:var(--color-primary);color:#fff;font-family:var(--font-secondary);font-size:14px;font-weight:700;line-height:1;white-space:nowrap;transition:var(--transition)}
.hdr-start:hover,.hdr-start:focus-visible{background:var(--color-heading);color:#fff}
html[lang=ar] .hdr-start{font-family:var(--font-primary);font-size:16px}
.header-content .lang-switch-wrap{margin:0}
.lang-switch a[aria-current]{display:none}
.lang-switch a{min-width:40px;height:40px;padding:0 14px;background:transparent;border:1px solid var(--color-border, #E5E7EB);color:var(--color-heading);font-weight:600}
.lang-switch a:hover,.lang-switch a:focus-visible{background:var(--color-heading);border-color:var(--color-heading);color:#fff}
.tmp-sidebar-area .lang-switch a{background:var(--color-gray-2);border-color:transparent}
.header-one .tmp-menu-bars{background:transparent;border:2px solid var(--color-heading);color:var(--color-heading)}
.header-one .tmp-menu-bars:hover{background:var(--color-heading);color:#fff}
/* hero: Start is red in the header, so the hero button is ink (guide: one red action per screen) */
.banner-four-main-wrapper .button-area-banner-three .tmp-btn{background:var(--color-heading)}
.banner-four-main-wrapper .button-area-banner-three .tmp-btn:hover{background:var(--color-primary)}
@media (max-width:1199.98px){.hdr-start{height:38px;padding:0 16px}}
@media (max-width:575.98px){.header-one .tmp-header-right{gap:8px}.hdr-start{height:36px;padding:0 14px;font-size:13px}.header-content .lang-switch a{min-width:36px;height:36px;padding:0 10px}}
/* round 8: hero cut-out sits between the text column and the stats column at every desktop width (no text under the image) */
@media (min-width:1400px){.banner-four-main-wrapper .bg-benner-img-four{right:25.5%}.banner-four-main-wrapper .bg-benner-img-four img{max-height:640px}html[dir=rtl] .banner-four-main-wrapper .bg-benner-img-four{right:auto;left:25.5%}}
@media (min-width:1200px) and (max-width:1399.98px){.banner-four-main-wrapper .bg-benner-img-four{right:24.5%}.banner-four-main-wrapper .bg-benner-img-four img{max-height:580px}html[dir=rtl] .banner-four-main-wrapper .bg-benner-img-four{right:auto;left:24.5%}}
@media (min-width:992px) and (max-width:1199.98px){.banner-four-main-wrapper .bg-benner-img-four{right:24%}.banner-four-main-wrapper .bg-benner-img-four img{max-height:500px}html[dir=rtl] .banner-four-main-wrapper .bg-benner-img-four{right:auto;left:24%}}
.header-one .header-content .tmp-mainmenu-nav .tmp-mainmenu{justify-content:center;width:100%}
.header-one .tmp-header-right .actions-area .tmp-menu-bars,.header-one .tmp-header-right .actions-area .tmp-menu-bars.tmp_button_active,.header-one .tmp-header-right .actions-area .tmp-menu-bars.humberger_menu_active{background:transparent;border:2px solid var(--color-heading);color:var(--color-heading);box-shadow:none}
.header-one .tmp-header-right .actions-area .tmp-menu-bars:hover{background:var(--color-heading);color:#fff}
/* round 10: newsletter icon is a real submit button (same Reeni look) */
.newsletter-form-1 button.form-icon{border:0;background:transparent;padding:0;cursor:pointer;color:inherit}