/*
Theme Name: Biznax Child
Theme URI: https://iccmdcenter.org
Description: Biznax Child Theme for ICCMD
Author: ICCMD
Template: biznax
Version: 1.4.2
*/

/* ==========================================================================
   ICCMD CUSTOM FONT: Avenir Next Arabic / Avenir Arabic
   Supports all weights (100 to 900), size, line-height, letter-spacing
   ========================================================================== */
/* --- Avenir Next Arabic --- */
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.ttf') format('truetype');
    font-weight: 100 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Medium.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Next Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --- Avenir Arabic --- */
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.ttf') format('truetype');
    font-weight: 100 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Medium.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Heavy.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Avenir Arabic';
    src: url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.otf') format('opentype'),
         url('https://iccmdcenter.org/wp-content/uploads/fonts/AvenirArabic-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* --------------------------------------------------------------------------
   GLOBAL HORIZONTAL OVERFLOW PREVENTION (MOBILE & TABLET VIEWPORT LOCK)
   Prevents sideways wobble/swiping and ensures 100% viewport fit
   -------------------------------------------------------------------------- */
html,
body {
    max-width: 100% !important;
    overflow-x: clip !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch;
}

#pxl-wapper,
#pxl-main {
    max-width: 100% !important;
    overflow-x: clip !important;
    position: relative !important;
}

/* Eliminate Bootstrap negative row margins (-15px) that stick out on mobile/tablet */
.row.pxl-content-wrap,
.pxl-content-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

#pxl-content-area,
.pxl-content-area,
.pxl-content-page {
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure widgets and headings never exceed container width */
.elementor-widget,
.elementor-widget-container,
.pxl-heading {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   GLOBAL RULE: HIDE CONNECT WITH US HEADING IN FOOTER ON ALL SCREENS
   -------------------------------------------------------------------------- */
.elementor-9441 .elementor-element-04f26d5,
.elementor-9617 .elementor-element-476c21e {
    display: none !important;
}

/* --------------------------------------------------------------------------
   0. FORCE HEADER VISIBILITY ON ALL SCREENS
   Prevent parent theme from hiding .pxl-header-elementor-main on tablet/mobile
   -------------------------------------------------------------------------- */
#pxl-header-elementor,
#pxl-header-elementor .pxl-header-elementor-main,
#pxl-header-elementor .pxl-header-content,
#pxl-header-elementor .iccmd-header-wrapper,
.elementor-location-header {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    position: relative !important;
    z-index: 9999 !important;
}

#pxl-header-mobile,
#pxl-header-elementor #pxl-header-mobile {
    display: none !important;
}

.elementor-9378,
.elementor-9525 {
    width: 100% !important;
    max-width: 100% !important;
}

/* --------------------------------------------------------------------------
   GLOBAL RULE: HIDE CONNECT WITH US BUTTON ON ALL SCREENS <= 1340px
   (Tablets, iPad Air, Galaxy Tab S7, Mobile - No button to prevent congestion)
   Button ONLY appears on laptops and big screens (> 1340px).
   -------------------------------------------------------------------------- */
@media (max-width: 1340px) {
    .pxl-header-elementor-main .elementor-element-64cdc7a,
    .pxl-header-elementor-main .elementor-element-3e7116e,
    .elementor-9378 .elementor-element-64cdc7a,
    .elementor-9525 .elementor-element-3e7116e {
        display: none !important;
    }
}

/* --------------------------------------------------------------------------
   1. BIG SCREENS (> 16" Laptops / Monitors — > 1536px)
   Padding: 40px left and right (matching parts.supercooluae.com)
   Division: Logo 20% | Menu 60% | Button 20%
   -------------------------------------------------------------------------- */
@media (min-width: 1537px) {
    .elementor-9378 .elementor-element-e2d1545,
    .elementor-9525 .elementor-element-cda4d89 {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .elementor-9378 .elementor-element-90bfbb4,
    .elementor-9525 .elementor-element-db6543f {
        display: none !important;
    }

    /* === ENGLISH HEADER (>1536px) === */
    .elementor-9378 .elementor-element-65258d3 {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-65258d3 .elementor-widget-image {
        text-align: left !important;
        margin-left: 0 !important;
    }
    .elementor-9378 .elementor-element-9c9e6d4 {
        width: 60% !important;
        flex: 0 0 60% !important;
        max-width: 60% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-64cdc7a {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding-right: 0 !important;
    }
    .elementor-9378 .elementor-element-64cdc7a .elementor-widget-pxl_button,
    .elementor-9378 .elementor-element-64cdc7a .elementor-element-90fa0db {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        text-align: right !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* === ARABIC HEADER (>1536px) === */
    /* Logo 20% (Right-aligned to 40px right edge) */
    .elementor-9525 .elementor-element-a8254f4 {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        direction: ltr !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-a8254f4 .elementor-widget-image,
    .elementor-9525 .elementor-element-a8254f4 .elementor-widget-container {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        padding: 0 !important;
        direction: ltr !important;
    }
    .elementor-9525 .elementor-element-a8254f4 img {
        margin-right: 0 !important;
        margin-left: auto !important;
        display: block !important;
    }

    /* Menu 65% (Center-aligned) */
    .elementor-9525 .elementor-element-5a84308 {
        width: 65% !important;
        flex: 0 0 65% !important;
        max-width: 65% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-5a84308 .elementor-widget-pxl_menu,
    .elementor-9525 .elementor-element-5a84308 .elementor-widget-container,
    .elementor-9525 .elementor-element-2f3b989 > .elementor-widget-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }
    .elementor-9525 .elementor-element-5a84308 .pxl-nav-menu,
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Button 15% (Left-aligned to 40px left edge) */
    .elementor-9525 .elementor-element-3e7116e {
        width: 15% !important;
        flex: 0 0 15% !important;
        max-width: 15% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        direction: ltr !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-3e7116e .elementor-widget-pxl_button,
    .elementor-9525 .elementor-element-3e7116e .elementor-widget-container,
    .elementor-9525 .elementor-element-3e7116e .pxl-button {
        display: flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;
        width: auto !important;
        direction: ltr !important;
    }
}

/* --------------------------------------------------------------------------
   2. 14" TO 16" LAPTOPS (1341px – 1536px)
   Padding: 40px left and right (matching parts.supercooluae.com)
   Division: Logo 22% | Menu 56% | Button 22%
   -------------------------------------------------------------------------- */
@media (min-width: 1341px) and (max-width: 1536px) {
    .elementor-9378 .elementor-element-e2d1545,
    .elementor-9525 .elementor-element-cda4d89 {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .elementor-9378 .elementor-element-90bfbb4,
    .elementor-9525 .elementor-element-db6543f {
        display: none !important;
    }

    /* === ENGLISH HEADER (1341px–1536px) === */
    .elementor-9378 .elementor-element-65258d3 {
        width: 22% !important;
        flex: 0 0 22% !important;
        max-width: 22% !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-65258d3 .elementor-widget-image {
        text-align: left !important;
        margin-left: 0 !important;
    }
    .elementor-9378 .elementor-element-9c9e6d4 {
        width: 56% !important;
        flex: 0 0 56% !important;
        max-width: 56% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-64cdc7a {
        width: 22% !important;
        flex: 0 0 22% !important;
        max-width: 22% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding-right: 0 !important;
    }
    .elementor-9378 .elementor-element-64cdc7a .elementor-widget-pxl_button,
    .elementor-9378 .elementor-element-64cdc7a .elementor-element-90fa0db {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        text-align: right !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* === ARABIC HEADER (1341px–1536px) === */
    /* Logo 20% (Right-aligned to 40px right edge) */
    .elementor-9525 .elementor-element-a8254f4 {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-end !important;
        align-items: center !important;
        direction: ltr !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-a8254f4 .elementor-widget-image,
    .elementor-9525 .elementor-element-a8254f4 .elementor-widget-container {
        display: flex !important;
        justify-content: flex-end !important;
        width: auto !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        padding: 0 !important;
        direction: ltr !important;
    }
    .elementor-9525 .elementor-element-a8254f4 img {
        margin-right: 0 !important;
        margin-left: auto !important;
        display: block !important;
    }

    /* Menu 65% (Center-aligned) */
    .elementor-9525 .elementor-element-5a84308 {
        width: 65% !important;
        flex: 0 0 65% !important;
        max-width: 65% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-5a84308 .elementor-widget-pxl_menu,
    .elementor-9525 .elementor-element-5a84308 .elementor-widget-container,
    .elementor-9525 .elementor-element-2f3b989 > .elementor-widget-container {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 auto !important;
    }
    .elementor-9525 .elementor-element-5a84308 .pxl-nav-menu,
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    /* Button 15% (Left-aligned to 40px left edge) */
    .elementor-9525 .elementor-element-3e7116e {
        width: 15% !important;
        flex: 0 0 15% !important;
        max-width: 15% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        direction: ltr !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-3e7116e .elementor-widget-pxl_button,
    .elementor-9525 .elementor-element-3e7116e .elementor-widget-container,
    .elementor-9525 .elementor-element-3e7116e .pxl-button {
        display: flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;
        width: auto !important;
        direction: ltr !important;
    }
}

/* --------------------------------------------------------------------------
   3. TABLETS & INTERMEDIATE SCREENS (768px – 1340px)
   (From 1340px down to 768px: Galaxy Tab S7, iPad Air, iPad mini, 1322px, etc.)
   NO BUTTON! Button is completely hidden.
   Division: Logo 20% | Menu 80%
   Arabic: Logo Full Right (20%), Menu Full Left (80%)
   English: Logo Full Left (20%), Menu Full Right (80%)
   -------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1340px) and (min-height: 501px) {
    .elementor-9378 .elementor-element-e2d1545,
    .elementor-9525 .elementor-element-cda4d89 {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .elementor-9378 .elementor-element-90bfbb4,
    .elementor-9525 .elementor-element-db6543f {
        display: none !important;
    }

    /* Hide button completely on screens <= 1340px */
    .elementor-element-64cdc7a,
    .elementor-element-3e7116e,
    .elementor-widget-pxl_button {
        display: none !important;
    }

    /* === ENGLISH HEADER (768px - 1340px) === */
    /* Logo 20% (Left Aligned) */
    .elementor-9378 .elementor-element-65258d3 {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        display: flex !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-65258d3 .elementor-widget-image {
        text-align: left !important;
        margin-left: 0 !important;
    }
    /* Menu 80% (Right Aligned) */
    .elementor-9378 .elementor-element-9c9e6d4 {
        width: 80% !important;
        flex: 0 0 80% !important;
        max-width: 80% !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-9c9e6d4 .elementor-widget-pxl_menu,
    .elementor-9378 .elementor-element-9c9e6d4 .elementor-widget-container {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
    }
    .elementor-9378 .elementor-element-9c9e6d4 .pxl-nav-menu,
    .elementor-9378 .elementor-element-9c9e6d4 .pxl-menu-primary {
        display: flex !important;
        justify-content: flex-end !important;
        align-items: center !important;
        margin: 0 !important;
        margin-left: auto !important;
        margin-right: 0 !important;
        padding: 0 !important;
    }
    .elementor-9378 .elementor-element-64cdc7a {
        display: none !important;
    }

    /* === ARABIC HEADER (768px - 1340px) === */
    /* Logo 20% (Full Right Aligned) */
    .elementor-9525 .elementor-element-a8254f4 {
        width: 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important; /* In RTL, flex-start is FAR RIGHT */
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-a8254f4 .elementor-widget-image,
    .elementor-9525 .elementor-element-a8254f4 .elementor-widget-container {
        margin-right: 0 !important;
        margin-left: auto !important;
        text-align: right !important;
        display: flex !important;
        justify-content: flex-start !important;
    }
    .elementor-9525 .elementor-element-a8254f4 img {
        margin-right: 0 !important;
        margin-left: auto !important;
        display: block !important;
    }

    /* Menu 80% (Full Left Aligned - Pushed all the way to the left) */
    .elementor-9525 .elementor-element-5a84308 {
        width: 80% !important;
        flex: 0 0 80% !important;
        max-width: 80% !important;
        display: flex !important;
        justify-content: flex-end !important; /* In RTL, flex-end pushes to FAR LEFT */
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-5a84308 .elementor-widget-pxl_menu,
    .elementor-9525 .elementor-element-5a84308 .elementor-widget-container,
    .elementor-9525 .elementor-element-2f3b989 > .elementor-widget-container {
        width: 100% !important;
        display: flex !important;
        justify-content: flex-end !important; /* In RTL, pushes to FAR LEFT */
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-5a84308 .pxl-nav-menu,
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary {
        display: flex !important;
        justify-content: flex-end !important; /* In RTL, pushes to FAR LEFT */
        align-items: center !important;
        margin: 0 !important;
        margin-right: auto !important; /* In RTL, pushes to left edge */
        margin-left: 0 !important;
        padding: 0 !important;
    }
    /* Keep menu item margins and display exactly like desktop (Image 1) */
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary > li,
    .elementor-9378 .elementor-element-9c9e6d4 .pxl-menu-primary > li {
        display: inline-block !important;
        vertical-align: middle !important;
        margin: 0 12px !important;
    }
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary > li > a,
    .elementor-9378 .elementor-element-9c9e6d4 .pxl-menu-primary > li > a {
        white-space: nowrap !important;
        padding: 0 !important;
    }
}

/* Arabic Header: <= 1054px down to mobile 768px (Logo 23%, Menu 77%, Font Size 17px) */
@media (min-width: 768px) and (max-width: 1054px) and (min-height: 501px) {
    .elementor-9525 .elementor-element-cda4d89 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
    .elementor-9525 .elementor-element-a8254f4 {
        width: 23% !important;
        flex: 0 0 23% !important;
        max-width: 23% !important;
    }
    .elementor-9525 .elementor-element-5a84308 {
        width: 77% !important;
        flex: 0 0 77% !important;
        max-width: 77% !important;
    }
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary > li > a {
        font-size: 17px !important;
    }
    .elementor-9525 .elementor-element-5a84308 .pxl-menu-primary > li {
        margin: 0 clamp(6px, 0.8vw, 8px) !important;
    }
}

/* English Header: tablets (768px - 1054px) side padding 25px */
@media (min-width: 768px) and (max-width: 1054px) and (min-height: 501px) {
    .elementor-9378 .elementor-element-e2d1545 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

/* --------------------------------------------------------------------------
   4. MOBILE & ROTATED MOBILE (< 768px, or Landscape Phones height <= 500px)
   Padding: 18px left and right (matching parts.supercooluae.com)
   Division: Logo 40% | Icon Column 60%
   -------------------------------------------------------------------------- */
@media (max-width: 767px), (max-width: 1000px) and (orientation: landscape) and (max-height: 500px) {
    .elementor-9378 .elementor-element-e2d1545,
    .elementor-9525 .elementor-element-cda4d89 {
        display: none !important;
    }

    .elementor-9378 .elementor-element-90bfbb4,
    .elementor-9525 .elementor-element-db6543f {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        overflow: hidden !important;
    }

    .elementor-9378 .elementor-element-90bfbb4 > .e-con-inner,
    .elementor-9525 .elementor-element-db6543f > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 0 !important;
        margin: 0 !important;
        gap: 0 !important;
    }

    /* Hide button on mobile */
    .elementor-element-64cdc7a,
    .elementor-element-3e7116e,
    .elementor-widget-pxl_button {
        display: none !important;
    }

    /* English Mobile: Logo 60% Sharp Left | Hamburger 40% Sharp Right */
    .elementor-9378 .elementor-element-8957663 {
        display: flex !important;
        width: 60% !important;
        max-width: 60% !important;
        flex: 0 0 60% !important;
        justify-content: flex-start !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9378 .elementor-element-8957663 .elementor-widget-image,
    .elementor-9378 .elementor-element-8957663 .elementor-widget-container,
    .elementor-9378 .elementor-element-8957663 .elementor-widget-wrap,
    .elementor-9378 .elementor-element-8957663 a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: left !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .elementor-9378 .elementor-element-8957663 img {
        width: 100% !important;
        max-width: 175px !important;
        height: auto !important;
        max-height: 65px !important;
        object-fit: contain !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;
    }
    .elementor-9378 .elementor-element-e94d0d2 {
        display: flex !important;
        width: 40% !important;
        max-width: 40% !important;
        flex: 0 0 40% !important;
        justify-content: flex-end !important;
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9378 .elementor-element-e94d0d2 .elementor-widget-nav-menu,
    .elementor-9378 .elementor-element-e94d0d2 .elementor-widget-container {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9378 .elementor-element-e94d0d2 .elementor-menu-toggle {
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .elementor-9378 .elementor-element-de6ece2 {
        display: none !important;
    }

    /* Arabic Mobile: Logo 60% Sharp Right | Hamburger 40% Sharp Left */
    .elementor-9525 .elementor-element-ef28157 {
        display: flex !important;
        width: 60% !important;
        max-width: 60% !important;
        flex: 0 0 60% !important;
        justify-content: flex-start !important; /* In RTL, start is right */
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
        direction: rtl !important;
    }
    .elementor-9525 .elementor-element-ef28157 .elementor-widget-image,
    .elementor-9525 .elementor-element-ef28157 .elementor-widget-container,
    .elementor-9525 .elementor-element-ef28157 .elementor-widget-wrap,
    .elementor-9525 .elementor-element-ef28157 a {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: right !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .elementor-9525 .elementor-element-ef28157 img {
        width: 100% !important;
        max-width: 175px !important;
        height: auto !important;
        max-height: 65px !important;
        object-fit: contain !important;
        display: block !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        padding: 0 !important;
    }
    .elementor-9525 .elementor-element-6c645a0 {
        display: flex !important;
        width: 40% !important;
        max-width: 40% !important;
        flex: 0 0 40% !important;
        justify-content: flex-end !important; /* In RTL, end is left */
        align-items: center !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-6c645a0 .elementor-widget-nav-menu,
    .elementor-9525 .elementor-element-6c645a0 .elementor-widget-container {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }
    .elementor-9525 .elementor-element-6c645a0 .elementor-menu-toggle {
        margin-right: auto !important; /* Pushes to sharp left edge */
        margin-left: 0 !important;
    }
    .elementor-9525 .elementor-element-f7f7c39 {
        display: none !important;
    }
}

.elementor-menu-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

/* --------------------------------------------------------------------------
   5. ICCMD OFF-CANVAS MOBILE DRAWER NAVIGATION (matching shop.supercooluae.com)
   -------------------------------------------------------------------------- */

/* Hide default Elementor dropdown on mobile/tablet */
.elementor-nav-menu--dropdown {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* Prevent background scrolling when drawer is open */
body.iccmd-drawer-open {
    overflow: hidden !important;
    touch-action: none !important;
}

/* Backdrop Overlay */
.iccmd-drawer-backdrop {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(0, 0, 0, 0.45) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    z-index: 999998 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s !important;
}

.iccmd-drawer-backdrop.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Off-Canvas Drawer Panel */
.iccmd-drawer {
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100vh !important;
    height: 100dvh !important;
    width: 82% !important;
    max-width: 330px !important;
    background: #ffffff !important;
    z-index: 999999 !important;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.18) !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.32s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.32s !important;
    visibility: hidden !important;
    box-sizing: border-box !important;
}

/* Slides from Left (English & Arabic) */
.iccmd-drawer.drawer-en,
.iccmd-drawer.drawer-ar {
    left: 0 !important;
    right: auto !important;
    transform: translateX(-100%) !important;
}

.iccmd-drawer.is-open {
    visibility: visible !important;
    transform: translateX(0) !important;
}

.iccmd-drawer-inner {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

/* Drawer Top Bar / Header */
.iccmd-drawer-header {
    padding: 16px 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-bottom: 1px solid #f0f0f0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

/* Close Button [X] in Box (matching user's screenshot) */
.iccmd-drawer-close {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #757575 !important;
    border-radius: 2px !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

.iccmd-drawer-close:hover,
.iccmd-drawer-close:active {
    border-color: #0b5c5e !important;
    color: #0b5c5e !important;
    background: #f7f7f7 !important;
}

/* Drawer Body & Menu */
.iccmd-drawer-body {
    flex: 1 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 6px 0 !important;
    box-sizing: border-box !important;
}

.iccmd-drawer-nav {
    width: 100% !important;
}

.iccmd-drawer-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

.iccmd-drawer-menu > li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f4f4f4 !important;
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.iccmd-drawer-menu > li > a {
    flex: 1 !important;
    display: block !important;
    padding: 15px 20px !important;
    font-size: 19px !important; /* English Top Heading (+2px: 17px -> 19px) */
    font-weight: 500 !important;
    color: #1a1a1a !important;
    text-decoration: none !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

/* Arabic top heading (+3px: 17px -> 20px) */
.drawer-ar .iccmd-drawer-menu > li > a {
    text-align: right !important;
    direction: rtl !important;
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
    font-size: 20px !important;
    padding: 15px 22px !important;
}

/* Active / Current Item Only */
.iccmd-drawer-menu > li.current-menu-item > a,
.iccmd-drawer-menu > li.current_page_item > a,
.iccmd-drawer-menu > li.current-menu-ancestor > a,
.iccmd-drawer-menu > li.current-page-ancestor > a {
    background: #f4f4f4 !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

.iccmd-drawer-menu > li:not(.current-menu-item):not(.current_page_item):not(.current-menu-ancestor):not(.current-page-ancestor) > a {
    background: transparent !important;
    color: #1a1a1a !important;
    font-weight: 500 !important;
}

.iccmd-drawer-menu > li > a:hover {
    background: #f8f8f8 !important;
    color: #0b5c5e !important;
}

/* Submenu Accordion Toggle Arrow */
.iccmd-drawer-sub-toggle {
    width: 48px !important;
    height: 48px !important;
    border: none !important;
    background: transparent !important;
    color: #666666 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: transform 0.25s ease, color 0.2s ease !important;
}

.iccmd-drawer-sub-toggle:hover {
    color: #0b5c5e !important;
}

.iccmd-drawer-menu li.is-expanded > .iccmd-drawer-sub-toggle {
    transform: rotate(180deg) !important;
}

/* Submenu Dropdown Items */
.iccmd-drawer-menu .sub-menu {
    display: none !important;
    width: 100% !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fafafa !important;
    border-top: 1px solid #eeeeee !important;
}

.iccmd-drawer-menu li.is-expanded > .sub-menu {
    display: block !important;
}

.iccmd-drawer-menu .sub-menu li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
}

/* English Inner Dropdown text (+2px: 15px -> 17px) */
.iccmd-drawer-menu .sub-menu li a {
    display: block !important;
    padding: 13px 28px !important;
    font-size: 17px !important;
    color: #444444 !important;
    text-decoration: none !important;
    transition: color 0.15s ease, background 0.15s ease !important;
    line-height: 1.4 !important;
}

/* Arabic Inner Dropdown text (+3px: 15px -> 18px) */
.drawer-ar .iccmd-drawer-menu .sub-menu li a {
    text-align: right !important;
    direction: rtl !important;
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
    font-size: 18px !important;
    padding: 13px 28px !important;
}

/* Entire Arabic drawer font */
.drawer-ar,
.drawer-ar .iccmd-drawer-menu,
.drawer-ar .iccmd-drawer-menu *,
body.rtl .iccmd-drawer,
body.rtl .iccmd-drawer * {
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
}

.iccmd-drawer-menu .sub-menu li a:hover {
    background: #f0f0f0 !important;
    color: #0b5c5e !important;
}

/* Hide drawer footer (language buttons) completely */
.iccmd-drawer-footer {
    display: none !important;
}

/* --------------------------------------------------------------------------
   DISABLE DEFAULT THEME PAGE TITLE / BANNER ON ALL PAGES, POSTS, 404
   Only custom Elementor section banners created in page content will show.
   -------------------------------------------------------------------------- */
#pxl-page-title-default,
#pxl-page-title-elementor,
.pxl--parallax,
.pxl-page-title,
.ptitle-col-right {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* --------------------------------------------------------------------------
   REMOVE UNWANTED GAP UNDER HEADER & ABOVE FOOTER ACROSS ALL PAGES
   Direct seamless transition: header -> page content -> footer
   -------------------------------------------------------------------------- */
#pxl-main,
.elementor-page #pxl-main,
.elementor-page:not(.single-product) #pxl-main,
.single-post #pxl-main,
.page #pxl-main,
#pxl-main.elementor-page {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1200px) {
    #pxl-main,
    .elementor-page #pxl-main,
    .elementor-page:not(.single-product) #pxl-main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media screen and (max-width: 1024px) {
    #pxl-main,
    .elementor-page #pxl-main,
    .elementor-page:not(.single-product) #pxl-main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 767px) {
    #pxl-main,
    .elementor-page #pxl-main,
    .elementor-page:not(.single-product) #pxl-main {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

#pxl-main > .elementor-container,
#pxl-content-area,
#pxl-content-main,
#pxl-main article:not(.iccmd-modern-card) {
    padding-top: 0 !important;
    margin-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   6. ICCMD RESPONSIVE FOOTER NAVIGATION (ENGLISH & ARABIC)
   Sides space matching header exactly:
   - > 1340px: 40px left/right, 4 COLUMNS, 30/70 bottom bar
   - 768px – 1340px: 40px left/right, 2 COLUMNS, 3x gap, 50% logo, 70% text, 100% stacked bottom bar
   - < 768px: 18px left/right, 1 COLUMN, 40px top space, 60% logo, centered text/headings/links/bottom bar
   -------------------------------------------------------------------------- */
#pxl-footer-elementor,
#pxl-footer-elementor .iccmd-footer-wrapper,
#pxl-footer-elementor .container,
#pxl-footer-elementor .footer-elementor-inner,
.elementor-9441,
.elementor-9617,
.elementor-9441 .e-con,
.elementor-9617 .e-con,
.elementor-9441 .e-con--boxed,
.elementor-9617 .e-con--boxed,
.elementor-9441 .e-con-inner,
.elementor-9617 .e-con-inner {
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

#pxl-footer-elementor .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Hide duplicate Section 1 in both footers */
.elementor-9441 .elementor-element-e2b9c57,
.elementor-9617 .elementor-element-3496d7f {
    display: none !important;
}

/* Force Section 0 to be active across all screen sizes */
.elementor-9441 .elementor-element-167cd24,
.elementor-9617 .elementor-element-68b8642,
.elementor-9441 .elementor-element-167cd24.elementor-hidden-tablet,
.elementor-9441 .elementor-element-167cd24.elementor-hidden-mobile,
.elementor-9441 .elementor-element-167cd24.elementor-hidden-mobile_extra,
.elementor-9617 .elementor-element-68b8642.elementor-hidden-tablet,
.elementor-9617 .elementor-element-68b8642.elementor-hidden-mobile,
.elementor-9617 .elementor-element-68b8642.elementor-hidden-mobile_extra {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.elementor-9441 .elementor-element-9b22cac,
.elementor-9617 .elementor-element-f65b0a3 {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* --- BOTTOM BAR SYMMETRY & EXTRA SPACE REMOVAL ACROSS ALL SCREENS --- */
.elementor-9441 .elementor-element-355a1c2,
.elementor-9617 .elementor-element-e9a2d52 {
    margin-top: 20px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
}
.elementor-9441 .elementor-element-355a1c2 > .e-con-inner,
.elementor-9617 .elementor-element-e9a2d52 > .e-con-inner,
.elementor-9441 .elementor-element-9cefe78,
.elementor-9617 .elementor-element-665444b {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}
.elementor-9441 .elementor-element-355a1c2 p,
.elementor-9617 .elementor-element-e9a2d52 p,
.elementor-9441 .elementor-element-355a1c2 .elementor-widget,
.elementor-9617 .elementor-element-e9a2d52 .elementor-widget,
.elementor-9441 .elementor-element-355a1c2 .elementor-widget-container,
.elementor-9617 .elementor-element-e9a2d52 .elementor-widget-container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.5 !important;
}

/* === 1. LAPTOPS & BIG SCREENS (> 1340px) - 4 COLUMNS, 40px SIDES === */
@media (min-width: 1341px) {
    .elementor-9441 .elementor-element-167cd24,
    .elementor-9617 .elementor-element-68b8642 {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 60px !important;
        padding-bottom: 25px !important;
    }

    .elementor-9441 .elementor-element-cd3d56f,
    .elementor-9617 .elementor-element-4e00027 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 30px !important;
    }

    /* English 4 Columns */
    .elementor-9441 .elementor-element-5d20fd6 {
        flex: 0 0 28% !important;
        width: 28% !important;
        max-width: 28% !important;
    }
    .elementor-9441 .elementor-element-4ef8a33 {
        flex: 0 0 18% !important;
        width: 18% !important;
        max-width: 18% !important;
    }
    .elementor-9441 .elementor-element-ed9fe80 {
        flex: 0 0 27% !important;
        width: 27% !important;
        max-width: 27% !important;
    }
    .elementor-9441 .elementor-element-dbfadd9 {
        flex: 0 0 27% !important;
        width: 27% !important;
        max-width: 27% !important;
    }

    /* Arabic 4 Columns */
    .elementor-9617 .elementor-element-408a7fa {
        flex: 0 0 28% !important;
        width: 28% !important;
        max-width: 28% !important;
    }
    .elementor-9617 .elementor-element-2bcca22 {
        flex: 0 0 18% !important;
        width: 18% !important;
        max-width: 18% !important;
    }
    .elementor-9617 .elementor-element-8ca9f78 {
        flex: 0 0 27% !important;
        width: 27% !important;
        max-width: 27% !important;
    }
    .elementor-9617 .elementor-element-a414475 {
        flex: 0 0 27% !important;
        width: 27% !important;
        max-width: 27% !important;
    }

    /* Bottom Bar: 30% Copyright, 70% Links single line */
    .elementor-9441 .elementor-element-355a1c2,
    .elementor-9617 .elementor-element-e9a2d52 {
        padding-left: 40px !important;
        padding-right: 40px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    .elementor-9441 .elementor-element-9cefe78,
    .elementor-9617 .elementor-element-665444b {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }

    /* English Bottom Bar 30/70 */
    .elementor-9441 .elementor-element-9ee6437 {
        flex: 0 0 30% !important;
        width: 30% !important;
        max-width: 30% !important;
        text-align: left !important;
    }
    .elementor-9441 .elementor-element-7dcc053 {
        flex: 0 0 70% !important;
        width: 70% !important;
        max-width: 70% !important;
        display: flex !important;
        justify-content: flex-end !important;
        text-align: right !important;
        white-space: nowrap !important;
    }
    .elementor-9441 .elementor-element-7dcc053 * {
        white-space: nowrap !important;
        text-align: right !important;
    }

    /* Arabic Bottom Bar 30/70 */
    .elementor-9617 .elementor-element-50c7ce1 {
        flex: 0 0 30% !important;
        width: 30% !important;
        max-width: 30% !important;
        text-align: right !important;
    }
    .elementor-9617 .elementor-element-6fc0dc2 {
        flex: 0 0 70% !important;
        width: 70% !important;
        max-width: 70% !important;
        display: flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
        white-space: nowrap !important;
    }
    .elementor-9617 .elementor-element-6fc0dc2 * {
        white-space: nowrap !important;
        text-align: left !important;
    }
}

/* === 2. TABLETS & INTERMEDIATE (768px – 1340px) - 2 COLUMNS, 3X GAP, 50% LOGO, 70% TEXT === */
@media (min-width: 768px) and (max-width: 1340px) {
    .elementor-9441 .elementor-element-167cd24,
    .elementor-9617 .elementor-element-68b8642 {
        padding-left: 40px !important;
        padding-right: 40px !important;
        padding-top: 50px !important;
        padding-bottom: 25px !important;
    }

    .elementor-9441 .elementor-element-cd3d56f,
    .elementor-9617 .elementor-element-4e00027 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 50px 75px !important; /* 3x gap to prevent crowding */
    }

    /* All 4 columns become 50% width (2 per row) */
    .elementor-9441 .elementor-element-5d20fd6,
    .elementor-9441 .elementor-element-4ef8a33,
    .elementor-9441 .elementor-element-ed9fe80,
    .elementor-9441 .elementor-element-dbfadd9,
    .elementor-9617 .elementor-element-408a7fa,
    .elementor-9617 .elementor-element-2bcca22,
    .elementor-9617 .elementor-element-8ca9f78,
    .elementor-9617 .elementor-element-a414475 {
        flex: 0 0 calc(50% - 38px) !important;
        width: calc(50% - 38px) !important;
        max-width: calc(50% - 38px) !important;
        box-sizing: border-box !important;
    }

    /* English Tablet Col 1: Logo left-aligned, size remains consistent (~50%) */
    .elementor-9441 .elementor-element-5d20fd6 .elementor-widget-image {
        display: flex !important;
        justify-content: flex-start !important;
        text-align: left !important;
        margin: 0 !important;
    }
    .elementor-9441 .elementor-element-5d20fd6 img {
        max-width: 50% !important;
        width: 50% !important;
        height: auto !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        display: block !important;
    }

    /* Arabic Tablet Col 1: Logo right-aligned, size remains consistent (~50%) */
    .elementor-9617 .elementor-element-408a7fa .elementor-widget-image {
        display: flex !important;
        justify-content: flex-start !important;
        text-align: right !important;
        margin: 0 !important;
    }
    .elementor-9617 .elementor-element-408a7fa img {
        max-width: 50% !important;
        width: 50% !important;
        height: auto !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        display: block !important;
    }

    /* Description text below logo: 100% width on tablet */
    .elementor-9441 .elementor-element-5d20fd6 .elementor-widget-pxl_text_editor,
    .elementor-9441 .elementor-element-5d20fd6 p {
        max-width: 100% !important;
        width: 100% !important;
        text-align: left !important;
    }
    .elementor-9617 .elementor-element-408a7fa .elementor-widget-pxl_text_editor,
    .elementor-9617 .elementor-element-408a7fa p {
        max-width: 100% !important;
        width: 100% !important;
        text-align: right !important;
    }

    /* Bottom Bar: Stacked 100% and centered */
    .elementor-9441 .elementor-element-355a1c2,
    .elementor-9617 .elementor-element-e9a2d52 {
        padding-left: 40px !important;
        padding-right: 40px !important;
        width: 100% !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .elementor-9441 .elementor-element-9cefe78,
    .elementor-9617 .elementor-element-665444b {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        gap: 10px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .elementor-9441 .elementor-element-9ee6437,
    .elementor-9441 .elementor-element-7dcc053,
    .elementor-9617 .elementor-element-50c7ce1,
    .elementor-9617 .elementor-element-6fc0dc2 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .elementor-9441 .elementor-element-7dcc053,
    .elementor-9617 .elementor-element-6fc0dc2 {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 8px 18px !important;
    }
    .elementor-9441 .elementor-element-7dcc053 .elementor-widget,
    .elementor-9617 .elementor-element-6fc0dc2 .elementor-widget {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .elementor-9441 .elementor-element-9ee6437 *,
    .elementor-9441 .elementor-element-7dcc053 *,
    .elementor-9617 .elementor-element-50c7ce1 *,
    .elementor-9617 .elementor-element-6fc0dc2 * {
        text-align: center !important;
        justify-content: center !important;
        white-space: normal !important;
    }
}

@media (min-width: 768px) and (max-width: 1054px) {
    .elementor-9441 .elementor-element-167cd24,
    .elementor-9617 .elementor-element-68b8642,
    .elementor-9441 .elementor-element-355a1c2,
    .elementor-9617 .elementor-element-e9a2d52 {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

/* === 3. MOBILE (< 768px, or Landscape Phones height <= 500px) - 1 COLUMN, EXPANDED TOP BLACK PATCH, 100% LOGO & TEXT, +3px TEXT SIZE === */
@media (max-width: 767px), (max-width: 1000px) and (orientation: landscape) and (max-height: 500px) {
    #pxl-footer-elementor,
    .elementor-9441,
    .elementor-9617 {
        margin-top: 40px !important;
    }

    /* Generous top padding (+40px extra) to expand the top black patch and push logo down */
    .elementor-9441 .elementor-element-167cd24,
    .elementor-9617 .elementor-element-68b8642 {
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-top: 75px !important;
        padding-bottom: 25px !important;
    }

    .elementor-9441 .elementor-element-5d20fd6,
    .elementor-9617 .elementor-element-408a7fa {
        margin-top: 15px !important;
    }

    .elementor-9441 .elementor-element-cd3d56f,
    .elementor-9617 .elementor-element-408a7fa {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 32px !important;
    }

    /* All columns become 100% width, centered (1 column at once) */
    .elementor-9441 .elementor-element-5d20fd6,
    .elementor-9441 .elementor-element-4ef8a33,
    .elementor-9441 .elementor-element-ed9fe80,
    .elementor-9441 .elementor-element-dbfadd9,
    .elementor-9617 .elementor-element-408a7fa,
    .elementor-9617 .elementor-element-2bcca22,
    .elementor-9617 .elementor-element-8ca9f78,
    .elementor-9617 .elementor-element-a414475 {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    /* Logo 100% width on mobile, centered */
    .elementor-9441 .elementor-element-5d20fd6 .elementor-widget-image,
    .elementor-9617 .elementor-element-408a7fa .elementor-widget-image {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    .elementor-9441 .elementor-element-5d20fd6 img,
    .elementor-9617 .elementor-element-408a7fa img {
        width: 100% !important;
        max-width: 320px !important;
        height: auto !important;
        margin: 0 auto !important;
        display: block !important;
    }

    /* Description text under logo: 100% width on mobile, strictly centered */
    .elementor-9441 .elementor-element-5d20fd6 .elementor-widget-pxl_text_editor,
    .elementor-9441 .elementor-element-5d20fd6 .elementor-widget-container,
    .elementor-9441 .elementor-element-5d20fd6 .pxl-text-editor,
    .elementor-9441 .elementor-element-5d20fd6 .pxl-item--inner,
    .elementor-9441 .elementor-element-5d20fd6 p,
    .elementor-9617 .elementor-element-408a7fa .elementor-widget-pxl_text_editor,
    .elementor-9617 .elementor-element-408a7fa .elementor-widget-container,
    .elementor-9617 .elementor-element-408a7fa .pxl-text-editor,
    .elementor-9617 .elementor-element-408a7fa .pxl-item--inner,
    .elementor-9617 .elementor-element-408a7fa p {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    /* Mobile Headings (+3px: 18px -> 21px) for English & Arabic */
    .elementor-9441 .elementor-element-4ef8a33 > .elementor-widget:first-child p,
    .elementor-9441 .elementor-element-ed9fe80 > .elementor-widget:first-child p,
    .elementor-9441 .elementor-element-dbfadd9 > .elementor-widget:first-child p,
    .elementor-9441 .elementor-element-dbfadd9 .elementor-widget-pxl_text_editor p,
    .elementor-9617 .elementor-element-2bcca22 > .elementor-widget:first-child p,
    .elementor-9617 .elementor-element-8ca9f78 > .elementor-widget:first-child p,
    .elementor-9617 .elementor-element-a414475 > .elementor-widget:first-child p,
    .elementor-9617 .elementor-element-a414475 .elementor-widget-pxl_text_editor p,
    .elementor-9441 h1, .elementor-9441 h2, .elementor-9441 h3, .elementor-9441 h4, .elementor-9441 h5, .elementor-9441 h6,
    .elementor-9617 h1, .elementor-9617 h2, .elementor-9617 h3, .elementor-9617 h4, .elementor-9617 h5, .elementor-9617 h6,
    .elementor-9441 .elementor-heading-title,
    .elementor-9617 .elementor-heading-title {
        font-size: 21px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;
        text-align: center !important;
    }

    /* Mobile Inner Description under Logo (+3px: 17px -> 20px) */
    .elementor-9441 .elementor-element-5d20fd6 p,
    .elementor-9617 .elementor-element-408a7fa p {
        font-size: 20px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    /* Mobile Inner Links & List Items (+3px: 16px -> 19px) */
    .elementor-9441 .elementor-element-4ef8a33 a,
    .elementor-9441 .elementor-element-ed9fe80 a,
    .elementor-9441 .elementor-element-dbfadd9 a,
    .elementor-9617 .elementor-element-2bcca22 a,
    .elementor-9617 .elementor-element-8ca9f78 a,
    .elementor-9617 .elementor-element-a414475 a,
    .elementor-9441 .elementor-icon-list-text,
    .elementor-9617 .elementor-icon-list-text,
    .elementor-9441 .elementor-icon-list-item,
    .elementor-9617 .elementor-icon-list-item {
        font-size: 19px !important;
        line-height: 1.5 !important;
        text-align: center !important;
    }

    /* Social icons centered */
    .elementor-9441 .elementor-element-dbfadd9 .elementor-widget-container,
    .elementor-9617 .elementor-element-a414475 .elementor-widget-container,
    .elementor-9441 .elementor-element-dbfadd9 .elementor-social-icons-wrapper,
    .elementor-9617 .elementor-element-a414475 .elementor-social-icons-wrapper {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    /* Bottom Bar */
    .elementor-9441 .elementor-element-355a1c2,
    .elementor-9617 .elementor-element-e9a2d52 {
        margin-top: 10px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        width: 100% !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .elementor-9441 .elementor-element-9cefe78,
    .elementor-9617 .elementor-element-665444b {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 12px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }
    .elementor-9441 .elementor-element-9ee6437,
    .elementor-9441 .elementor-element-7dcc053,
    .elementor-9617 .elementor-element-50c7ce1,
    .elementor-9617 .elementor-element-6fc0dc2 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .elementor-9441 .elementor-element-7dcc053,
    .elementor-9617 .elementor-element-6fc0dc2 {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 6px 14px !important;
    }
    .elementor-9441 .elementor-element-7dcc053 .elementor-widget,
    .elementor-9617 .elementor-element-6fc0dc2 .elementor-widget {
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    /* Mobile Bottom Bar (+3px formula: 13px -> 16px) for Copyright & Links */
    .elementor-9441 .elementor-element-7dcc053 a,
    .elementor-9617 .elementor-element-6fc0dc2 a,
    .elementor-9441 .elementor-element-7dcc053 p,
    .elementor-9617 .elementor-element-6fc0dc2 p {
        font-size: 16px !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }
    .elementor-9441 .elementor-element-9ee6437 *,
    .elementor-9617 .elementor-element-50c7ce1 * {
        text-align: center !important;
        margin: 0 auto !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }
}

/* === ARABIC FOOTER RTL RULES (Desktop & Tablet ONLY: >= 768px) === */
@media (min-width: 768px) {
    .iccmd-footer-ar {
        direction: rtl !important;
        text-align: right !important;
    }
    .iccmd-footer-ar .elementor-widget-container,
    .iccmd-footer-ar .elementor-widget-pxl_text_editor,
    .iccmd-footer-ar p,
    .iccmd-footer-ar h1,
    .iccmd-footer-ar h2,
    .iccmd-footer-ar h3,
    .iccmd-footer-ar h4,
    .iccmd-footer-ar h5,
    .iccmd-footer-ar h6,
    .iccmd-footer-ar ul,
    .iccmd-footer-ar li {
        text-align: right !important;
        direction: rtl !important;
    }
    .iccmd-footer-ar .elementor-element-408a7fa .elementor-widget-image {
        text-align: right !important;
        margin-right: 0 !important;
        margin-left: auto !important;
    }
    .iccmd-footer-ar .elementor-icon-list-item {
        justify-content: flex-start !important;
        text-align: right !important;
        direction: rtl !important;
    }
    .iccmd-footer-ar .elementor-icon-list-icon {
        margin-left: 8px !important;
        margin-right: 0 !important;
    }
}

/* --------------------------------------------------------------------------
   RTL SUBMENU HOVER & ACTIVE ANIMATION FIX (ARABIC)
   Prevents text from being cut off on the right edge and moves text forward (left)
   with the white dash line expanding cleanly from the right.
   -------------------------------------------------------------------------- */
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
    direction: rtl !important;
    display: inline-block !important;
    position: relative !important;
    transition: all 300ms ease-out 0ms !important;
}

html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text:before,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text:before,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li .pxl-menu-item-text:before {
    left: auto !important;
    right: 0px !important;
    width: 0px !important;
    transition: all 300ms ease-out 0ms !important;
}

html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-item > a .pxl-menu-item-text,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li.current_page_item > a .pxl-menu-item-text,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-ancestor > a .pxl-menu-item-text,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-item > a .pxl-menu-item-text,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li.current_page_item > a .pxl-menu-item-text,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-ancestor > a .pxl-menu-item-text,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-item > a .pxl-menu-item-text,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li.current_page_item > a .pxl-menu-item-text,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-ancestor > a .pxl-menu-item-text {
    padding-left: 0 !important;
    padding-right: 50px !important;
    color: #ffffff !important;
}

html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text:before,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-item > a .pxl-menu-item-text:before,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li.current_page_item > a .pxl-menu-item-text:before,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-ancestor > a .pxl-menu-item-text:before,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text:before,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-item > a .pxl-menu-item-text:before,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li.current_page_item > a .pxl-menu-item-text:before,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-ancestor > a .pxl-menu-item-text:before,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li:hover > a .pxl-menu-item-text:before,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-item > a .pxl-menu-item-text:before,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li.current_page_item > a .pxl-menu-item-text:before,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu > li.current-menu-ancestor > a .pxl-menu-item-text:before {
    left: auto !important;
    right: 0px !important;
    width: 30px !important;
}

html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu li,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu li,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu li,
html[dir="rtl"] .pxl-nav-menu.sub-style-default .sub-menu li a,
body.rtl .pxl-nav-menu.sub-style-default .sub-menu li a,
.iccmd-header-ar .pxl-nav-menu.sub-style-default .sub-menu li a {
    overflow: visible !important;
}

/* ==========================================================================
   GLOBAL BODY SECTION HORIZONTAL ALIGNMENT (HEADER & FOOTER SYMMETRY)
   Applies to ALL pages, posts, inner service pages, and templates
   Aligns left and right content boundaries to Header & Footer across all screens:
   - Desktops & Laptops (>= 1055px): 40px left / 40px right
   - Tablets (768px - 1054px): 25px left / 25px right
   - Mobile (< 768px): 18px left / 18px right
   Preserves 100% of vertical spacing, heights, and inner component layout
   ========================================================================== */

/* 1. All top-level Elementor parent containers and classic sections across ALL pages */
.elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
body.single-service .elementor > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
body.single-service .elementor > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
body.single-service .elementor > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.single-service .elementor > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.single-service .elementor > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.single-service .elementor > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.post-type-archive-service .elementor > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.post-type-archive-service .elementor > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.post-type-archive-service .elementor > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.elementor-page .elementor > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.elementor-page .elementor > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.elementor-page .elementor > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.pxl-content-area .elementor > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.pxl-content-area .elementor > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
.pxl-content-area .elementor > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
#pxl-main .elementor > .e-con.e-parent:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
#pxl-main .elementor > .elementor-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner),
#pxl-main .elementor > .elementor-top-section:not(.elementor-element-iccmd_rounded_video_banner):not(.iccmd-video-hero-banner):not(.elementor-element-7e3e217):not(.iccmd-page-hero-banner) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Ensure intermediate wrapper rows never add outer side padding or margins */
.row.pxl-content-wrap,
.pxl-content-wrap,
#pxl-content-area,
.pxl-content-area,
.pxl-entry-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

/* 2. Unconstrain inner boxed containers so content reaches exact side boundaries */
.elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .e-con.e-parent > .e-con-inner,
.elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-section > .elementor-container,
.elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-top-section > .elementor-container,
body.single-service .elementor > .e-con.e-parent > .e-con-inner,
body.single-service .elementor > .elementor-section > .elementor-container,
body.single-service .elementor > .elementor-top-section > .elementor-container,
.single-service .elementor > .e-con.e-parent > .e-con-inner,
.single-service .elementor > .elementor-section > .elementor-container,
.single-service .elementor > .elementor-top-section > .elementor-container,
.post-type-archive-service .elementor > .e-con.e-parent > .e-con-inner,
.post-type-archive-service .elementor > .elementor-section > .elementor-container,
.post-type-archive-service .elementor > .elementor-top-section > .elementor-container,
.elementor-page .elementor > .e-con.e-parent > .e-con-inner,
.elementor-page .elementor > .elementor-section > .elementor-container,
.elementor-page .elementor > .elementor-top-section > .elementor-container,
.pxl-content-area .elementor > .e-con.e-parent > .e-con-inner,
.pxl-content-area .elementor > .elementor-section > .elementor-container,
.pxl-content-area .elementor > .elementor-top-section > .elementor-container,
#pxl-main .elementor > .e-con.e-parent > .e-con-inner,
#pxl-main .elementor > .elementor-section > .elementor-container,
#pxl-main .elementor > .elementor-top-section > .elementor-container {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* 3. Laptops and Big Screens (>= 1055px): EXACT 40px SIDE SPACING */
@media (min-width: 1055px) {
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .e-con.e-parent,
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-section,
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-top-section,
    body.single-service .elementor > .e-con.e-parent,
    body.single-service .elementor > .elementor-section,
    body.single-service .elementor > .elementor-top-section,
    .single-service .elementor > .e-con.e-parent,
    .single-service .elementor > .elementor-section,
    .single-service .elementor > .elementor-top-section,
    .post-type-archive-service .elementor > .e-con.e-parent,
    .post-type-archive-service .elementor > .elementor-section,
    .post-type-archive-service .elementor > .elementor-top-section,
    .elementor-page .elementor > .e-con.e-parent,
    .elementor-page .elementor > .elementor-section,
    .elementor-page .elementor > .elementor-top-section,
    .pxl-content-area .elementor > .e-con.e-parent,
    .pxl-content-area .elementor > .elementor-section,
    .pxl-content-area .elementor > .elementor-top-section,
    #pxl-main .elementor > .e-con.e-parent,
    #pxl-main .elementor > .elementor-section,
    #pxl-main .elementor > .elementor-top-section {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}

/* 4. Tablets (768px – 1054px): EXACT 25px SIDE SPACING */
@media (min-width: 768px) and (max-width: 1054px) {
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .e-con.e-parent,
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-section,
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-top-section,
    body.single-service .elementor > .e-con.e-parent,
    body.single-service .elementor > .elementor-section,
    body.single-service .elementor > .elementor-top-section,
    .single-service .elementor > .e-con.e-parent,
    .single-service .elementor > .elementor-section,
    .single-service .elementor > .elementor-top-section,
    .post-type-archive-service .elementor > .e-con.e-parent,
    .post-type-archive-service .elementor > .elementor-section,
    .post-type-archive-service .elementor > .elementor-top-section,
    .elementor-page .elementor > .e-con.e-parent,
    .elementor-page .elementor > .elementor-section,
    .elementor-page .elementor > .elementor-top-section,
    .pxl-content-area .elementor > .e-con.e-parent,
    .pxl-content-area .elementor > .elementor-section,
    .pxl-content-area .elementor > .elementor-top-section,
    #pxl-main .elementor > .e-con.e-parent,
    #pxl-main .elementor > .elementor-section,
    #pxl-main .elementor > .elementor-top-section {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

/* 5. Mobile (< 768px): EXACT 18px SIDE SPACING */
@media (max-width: 767px) {
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .e-con.e-parent,
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-section,
    .elementor:not(.elementor-9378):not(.elementor-9525):not(.elementor-9441):not(.elementor-9617) > .elementor-top-section,
    body.single-service .elementor > .e-con.e-parent,
    body.single-service .elementor > .elementor-section,
    body.single-service .elementor > .elementor-top-section,
    .single-service .elementor > .e-con.e-parent,
    .single-service .elementor > .elementor-section,
    .single-service .elementor > .elementor-top-section,
    .post-type-archive-service .elementor > .e-con.e-parent,
    .post-type-archive-service .elementor > .elementor-section,
    .post-type-archive-service .elementor > .elementor-top-section,
    .elementor-page .elementor > .e-con.e-parent,
    .elementor-page .elementor > .elementor-section,
    .elementor-page .elementor > .elementor-top-section,
    .pxl-content-area .elementor > .e-con.e-parent,
    .pxl-content-area .elementor > .elementor-section,
    .pxl-content-area .elementor > .elementor-top-section,
    #pxl-main .elementor > .e-con.e-parent,
    #pxl-main .elementor > .elementor-section,
    #pxl-main .elementor > .elementor-top-section {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* 6. Section-specific side-padding overrides while strictly preserving vertical padding */
/* Hero Banner (Preserve 150px top/bottom) */
.elementor-element-ece5ce5,
.elementor-element-7e1c21d {
    box-sizing: border-box !important;
}
@media (min-width: 1055px) {
    .elementor-element-ece5ce5,
    .elementor-element-7e1c21d {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
}
@media (min-width: 768px) and (max-width: 1054px) {
    .elementor-element-ece5ce5,
    .elementor-element-7e1c21d {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}
@media (max-width: 767px) {
    .elementor-element-ece5ce5,
    .elementor-element-7e1c21d {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

/* Section 1 ("About ICCMD") inner column edge alignment */
.elementor-element-0315602 .elementor-element-a3cc0b2,
.elementor-element-501126f .elementor-element-d3c7bf4 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Section 5 ("How We Work?") second column edge alignment */
.elementor-element-8103199 .elementor-element-8512779,
.elementor-element-fb46b2f .elementor-element-fce877a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Section 7 Contact Form Card Container Expansion to 100% */
.elementor-element-2d19a35 .elementor-element-68a9eeb,
.elementor-element-2d19a35 .elementor-element-c16340d,
.elementor-element-2fbd99a .elementor-element-5135edd,
.elementor-element-2fbd99a .elementor-element-b89d931 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* --------------------------------------------------------------------------
   HOME-TEST REDESIGN (https://iccmdcenter.org/home-test/)
   Section: "About ICCMD" - Rounded Image (Scoped strictly to page-id-12702)
   -------------------------------------------------------------------------- */
.page-id-12702 .elementor-element-0315602 .elementor-element-b18f431,
body.page-id-12702 .elementor-element-b18f431 {
    border-radius: 28px !important;
    overflow: hidden !important;
}

/* --------------------------------------------------------------------------
   HOME-TEST REDESIGN (https://iccmdcenter.org/home-test/)
   Section: Native Elementor About Section (Scoped strictly to page-id-12702)
   Image height matching left column exactly (cropped top & bottom, rounded corners)
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
    .page-id-12702 .elementor-element-iccmd_native_about {
        align-items: stretch !important;
    }
    .page-id-12702 .elementor-element-iccmd_native_about > .e-con:nth-child(2),
    .page-id-12702 .elementor-element-iccmd_native_about .elementor-element-bfe7c26 {
        display: flex !important;
        flex-direction: column !important;
        justify-content: stretch !important;
        height: auto !important;
        align-self: stretch !important;
    }
    .page-id-12702 .elementor-element-iccmd_native_about > .e-con:nth-child(2) .elementor-widget-image,
    .page-id-12702 .elementor-element-iccmd_native_about .elementor-element-bfe7c26 .elementor-widget-image {
        height: 100% !important;
        flex: 1 1 100% !important;
        display: flex !important;
    }
    .page-id-12702 .elementor-element-iccmd_native_about > .e-con:nth-child(2) .elementor-widget-container,
    .page-id-12702 .elementor-element-iccmd_native_about .elementor-element-bfe7c26 .elementor-widget-container {
        height: 100% !important;
        width: 100% !important;
        display: flex !important;
    }
    .page-id-12702 .elementor-element-iccmd_native_about > .e-con:nth-child(2) img,
    .page-id-12702 .elementor-element-iccmd_native_about .elementor-element-bfe7c26 img {
        height: 100% !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 28px !important;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .page-id-12702 .elementor-element-iccmd_native_about > .e-con:nth-child(2) img,
    .page-id-12702 .elementor-element-iccmd_native_about .elementor-element-bfe7c26 img {
        height: 380px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 28px !important;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
    }
}

@media (max-width: 767px) {
    .page-id-12702 .elementor-element-iccmd_native_about > .e-con:nth-child(2) img,
    .page-id-12702 .elementor-element-iccmd_native_about .elementor-element-bfe7c26 img {
        height: 260px !important;
        width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 24px !important;
        box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08) !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
    }
}


/* --------------------------------------------------------------------------
   HOME-TEST REDESIGN (https://iccmdcenter.org/home-test/)
   Section: New Services Section (3 Top + 2 Middle Centered)
   -------------------------------------------------------------------------- */
.page-id-12702 .iccmd-new-services-section {
    background-color: #ffffff !important;
    padding-top: 80px !important;
    padding-bottom: 90px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Container side gaps are perfectly handled by parent e-con container to match header */
.page-id-12702 .iccmd-new-services-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 767px) {
    .page-id-12702 .iccmd-new-services-section {
        padding-top: 50px !important;
        padding-bottom: 60px !important;
    }
}

.page-id-12702 .iccmd-new-services-header {
    text-align: center !important;
    margin-bottom: 50px !important;
}

.page-id-12702 .iccmd-new-services-badge {
    display: inline-block !important;
    padding: 6px 16px !important;
    border-radius: 30px !important;
    background: rgba(0, 163, 137, 0.08) !important;
    color: #00A389 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    margin-bottom: 12px !important;
    text-transform: uppercase !important;
}

.page-id-12702 .iccmd-new-services-title {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
}

@media (max-width: 767px) {
    .page-id-12702 .iccmd-new-services-title {
        font-size: 28px !important;
    }
}

.page-id-12702 .iccmd-new-services-grid {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 28px !important;
}

.page-id-12702 .iccmd-new-services-row {
    display: flex !important;
    width: 100% !important;
    gap: 28px !important;
    box-sizing: border-box !important;
}

/* Row 1: 3 cards across */
.page-id-12702 .iccmd-row-top {
    justify-content: space-between !important;
}

/* Row 2: 2 cards in middle */
.page-id-12702 .iccmd-row-bottom {
    justify-content: center !important;
}

/* Cards on Desktop */
@media (min-width: 1025px) {
    .page-id-12702 .iccmd-new-services-row .iccmd-service-card {
        flex: 0 0 calc((100% - 56px) / 3) !important;
        width: calc((100% - 56px) / 3) !important;
        max-width: calc((100% - 56px) / 3) !important;
    }
}

/* Tablet (768px - 1024px): 2 columns layout */
@media (min-width: 768px) and (max-width: 1024px) {
    .page-id-12702 .iccmd-new-services-grid {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 24px !important;
    }
    .page-id-12702 .iccmd-new-services-row {
        display: contents !important;
    }
    .page-id-12702 .iccmd-new-services-row .iccmd-service-card {
        flex: 0 0 calc(50% - 12px) !important;
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
    }
}

/* Mobile (< 768px): 1 column layout */
@media (max-width: 767px) {
    .page-id-12702 .iccmd-new-services-row {
        flex-direction: column !important;
        gap: 20px !important;
    }
    .page-id-12702 .iccmd-new-services-row .iccmd-service-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* Card Styling: Black background, rounded corners (28px), subtle border */
.page-id-12702 .iccmd-service-card {
    background-color: #0e1218 !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    border-radius: 28px !important;
    padding: 38px 32px 34px !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    min-height: 280px !important;
    transition: transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    position: relative !important;
}

.page-id-12702 .iccmd-service-card:hover {
    transform: translateY(-6px) !important;
    border-color: rgba(0, 163, 137, 0.45) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
}

.page-id-12702 .iccmd-service-card-body {
    flex: 1 0 auto !important;
}

.page-id-12702 .iccmd-service-card-title {
    color: #ffffff !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    letter-spacing: -0.3px !important;
}

.page-id-12702 .iccmd-service-card-desc {
    color: #a6adbb !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
    margin: 0 0 28px !important;
}

.page-id-12702 .iccmd-service-card-footer {
    margin-top: auto !important;
}

.page-id-12702 .iccmd-service-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 10px 18px 10px 22px !important;
    border-radius: 40px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 300ms ease !important;
}

.page-id-12702 .iccmd-btn-arrow {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    transition: all 300ms ease !important;
}

.page-id-12702 .iccmd-service-btn:hover {
    background: #00A389 !important;
    border-color: #00A389 !important;
    color: #ffffff !important;
}

.page-id-12702 .iccmd-service-btn:hover .iccmd-btn-arrow {
    background: #ffffff !important;
    color: #00A389 !important;
    transform: rotate(45deg) !important;
}

/* --------------------------------------------------------------------------
   HOME-TEST REDESIGN (https://iccmdcenter.org/home-test/)
   Section: International Charter Showcase Section (Pure White Background, Custom Theme)
   -------------------------------------------------------------------------- */
.page-id-12702 .iccmd-charter-section {
    background-color: #ffffff !important;
    padding-top: 85px !important;
    padding-bottom: 85px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
}

.page-id-12702 .iccmd-charter-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.page-id-12702 .iccmd-charter-grid {
    display: flex !important;
    gap: 48px !important;
    align-items: stretch !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Left Column */
.page-id-12702 .iccmd-charter-col-left {
    flex: 1 1 48% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

.page-id-12702 .iccmd-charter-eyebrow {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.page-id-12702 .iccmd-eyebrow-text {
    font-size: 12.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    color: #64748b !important;
    text-transform: uppercase !important;
}

.page-id-12702 .iccmd-eyebrow-line {
    width: 38px !important;
    height: 2px !important;
    background: #00A389 !important;
    border-radius: 2px !important;
}

.page-id-12702 .iccmd-title-with-bar {
    display: flex !important;
    align-items: stretch !important;
    gap: 18px !important;
    margin-bottom: 28px !important;
}

.page-id-12702 .iccmd-accent-bar {
    width: 5px !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #00A389 0%, rgba(0, 163, 137, 0.2) 100%) !important;
    flex-shrink: 0 !important;
}

.page-id-12702 .iccmd-charter-main-title {
    color: #111111 !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.5px !important;
    margin: 0 !important;
}

.page-id-12702 .iccmd-text-accent {
    color: #00A389 !important;
}

.page-id-12702 .iccmd-charter-large-img-wrap {
    width: 100% !important;
    flex: 1 1 auto !important;
    min-height: 380px !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.06) !important;
    position: relative !important;
}

.page-id-12702 .iccmd-charter-large-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 500ms ease !important;
}

.page-id-12702 .iccmd-charter-large-img-wrap:hover .iccmd-charter-large-img {
    transform: scale(1.02) !important;
}

/* Right Column */
.page-id-12702 .iccmd-charter-col-right {
    flex: 1 1 52% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
}

/* Top 2 Mini Cards */
.page-id-12702 .iccmd-charter-cards-row {
    display: flex !important;
    gap: 20px !important;
    width: 100% !important;
    margin-bottom: 26px !important;
}

.page-id-12702 .iccmd-charter-mini-card {
    flex: 1 1 50% !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05) !important;
    background: #ffffff !important;
    position: relative !important;
}

.page-id-12702 .iccmd-mini-card-img-wrap {
    width: 100% !important;
    height: 160px !important;
    position: relative !important;
    overflow: hidden !important;
}

.page-id-12702 .iccmd-mini-card-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 400ms ease !important;
}

.page-id-12702 .iccmd-charter-mini-card:hover .iccmd-mini-card-img {
    transform: scale(1.04) !important;
}

.page-id-12702 .iccmd-mini-tag-overlay {
    position: absolute !important;
    top: 12px !important;
    left: 12px !important;
    right: 12px !important;
    display: flex !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.page-id-12702 .iccmd-mini-tag,
.page-id-12702 .iccmd-mini-tag-sec {
    background: rgba(14, 18, 24, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    padding: 5px 12px !important;
    border-radius: 20px !important;
    letter-spacing: 0.3px !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.page-id-12702 .iccmd-mini-tag-sec {
    background: rgba(0, 163, 137, 0.85) !important;
    border-color: rgba(0, 163, 137, 0.4) !important;
}

/* Description */
.page-id-12702 .iccmd-charter-desc-block {
    margin-bottom: 26px !important;
}

.page-id-12702 .iccmd-charter-desc-text {
    color: #4b5563 !important;
    font-size: 15.5px !important;
    line-height: 1.75 !important;
    margin: 0 !important;
}

/* 4 Stats in a row */
.page-id-12702 .iccmd-charter-stats-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 20px 0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: transparent !important;
    margin-bottom: 26px !important;
}

.page-id-12702 .iccmd-stat-item {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
}

.page-id-12702 .iccmd-stat-num {
    font-size: 32px !important;
    font-weight: 800 !important;
    color: #111111 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.5px !important;
    margin-bottom: 5px !important;
}

.page-id-12702 .iccmd-stat-label {
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
}

.page-id-12702 .iccmd-stat-divider {
    width: 1px !important;
    height: 36px !important;
    background: rgba(0, 0, 0, 0.08) !important;
}

/* Action Row */
.page-id-12702 .iccmd-charter-action-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    padding-top: 6px !important;
}

.page-id-12702 .iccmd-charter-avatars-group {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.page-id-12702 .iccmd-avatar-stack {
    display: flex !important;
    align-items: center !important;
}

.page-id-12702 .iccmd-avatar {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2.5px solid #ffffff !important;
    margin-left: -12px !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

.page-id-12702 .iccmd-avatar:first-child {
    margin-left: 0 !important;
}

.page-id-12702 .iccmd-avatars-label {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}

.page-id-12702 .iccmd-charter-cta-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 11px 20px 11px 24px !important;
    border-radius: 40px !important;
    background: #0e1218 !important;
    color: #ffffff !important;
    border: 1px solid #0e1218 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all 300ms ease !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
}

.page-id-12702 .iccmd-charter-cta-btn .iccmd-btn-arrow {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    background: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    transition: all 300ms ease !important;
}

.page-id-12702 .iccmd-charter-cta-btn:hover {
    background: #00A389 !important;
    border-color: #00A389 !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 163, 137, 0.25) !important;
}

.page-id-12702 .iccmd-charter-cta-btn:hover .iccmd-btn-arrow {
    background: #ffffff !important;
    color: #00A389 !important;
    transform: rotate(45deg) !important;
}

/* Responsive */
@media (max-width: 1024px) {
    .page-id-12702 .iccmd-charter-grid {
        flex-direction: column !important;
        gap: 40px !important;
    }
    .page-id-12702 .iccmd-charter-large-img-wrap {
        min-height: 320px !important;
    }
}

@media (max-width: 767px) {
    .page-id-12702 .iccmd-charter-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }
    .page-id-12702 .iccmd-charter-main-title {
        font-size: 28px !important;
    }
    .page-id-12702 .iccmd-charter-cards-row {
        flex-direction: column !important;
    }
    .page-id-12702 .iccmd-charter-stats-row {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
        padding: 20px 0 !important;
    }
    .page-id-12702 .iccmd-stat-divider {
        display: none !important;
    }
    .page-id-12702 .iccmd-charter-action-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 16px !important;
    }
    .page-id-12702 .iccmd-charter-large-img-wrap {
        min-height: 260px !important;
    }
}

/* --------------------------------------------------------------------------
   NATIVE SERVICES SECTION DECORATIVE STYLES (.elementor-element-iccmd_native_services)
   Only non-intrusive button arrow enhancements - no typography or layout locks.
   -------------------------------------------------------------------------- */
.elementor-element-iccmd_native_services .elementor-widget-button .elementor-button .elementor-button-content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
}

.elementor-element-iccmd_native_services .elementor-widget-button .elementor-button .elementor-button-icon {
    width: 28px;
    height: 28px;
    min-width: 28px;
    min-height: 28px;
    border-radius: 50%;
    background: #00A389;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    order: 2;
    transition: all 300ms ease;
}

.elementor-element-iccmd_native_services .elementor-widget-button .elementor-button .elementor-button-icon i {
    transform: rotate(-45deg);
    color: #ffffff;
    font-size: 11px;
}

.elementor-element-iccmd_native_services .elementor-widget-button .elementor-button:hover .elementor-button-icon {
    background: #ffffff;
}

.elementor-element-iccmd_native_services .elementor-widget-button .elementor-button:hover .elementor-button-icon i {
    color: #00A389;
}

.elementor-element-iccmd_native_services .iccmd-native-service-card {
    transition: transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
}

.elementor-element-iccmd_native_services .iccmd-native-service-card:hover {
    transform: translateY(-6px);
    border-color: rgba(0, 163, 137, 0.45);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

/* --------------------------------------------------------------------------
   ICCMD MODERN POST GRID (MULTI-VARIANTS FOR home-test)
   -------------------------------------------------------------------------- */
.iccmd-modern-post-section {
    width: 100%;
    margin: 20px auto 40px;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    box-sizing: border-box;
}

.iccmd-modern-post-header {
    text-align: center;
    margin-bottom: 36px;
}

.iccmd-modern-post-badge {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 30px;
    background: rgba(0, 163, 137, 0.08);
    color: #00A389;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.iccmd-modern-post-heading {
    font-size: 34px;
    font-weight: 700;
    color: #111111;
    margin: 0;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

@media (max-width: 767px) {
    .iccmd-modern-post-heading {
        font-size: 26px;
    }
}

.iccmd-modern-grid-container {
    display: grid;
    grid-template-columns: repeat(var(--cols-desktop, 4), 1fr);
    gap: 22px;
    width: 100%;
    box-sizing: border-box;
}

.iccmd-modern-card:not(.is-clone),
article.iccmd-modern-card:not(.is-clone),
#pxl-main article.iccmd-modern-card:not(.is-clone) {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 20px !important;
    padding: 20px !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
}

.iccmd-modern-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.09);
    border-color: rgba(0, 163, 137, 0.35);
}

.iccmd-modern-card-media {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background: #f1f5f9;
}

.iccmd-modern-card-media a {
    display: block;
    width: 100%;
    height: 100%;
}

.iccmd-modern-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s ease;
}

.iccmd-modern-card:hover .iccmd-modern-card-media img {
    transform: scale(1.05);
}

.iccmd-modern-card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 14px;
}

.iccmd-modern-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    font-size: 12.5px;
    line-height: 1;
}

.iccmd-modern-card-by {
    color: #94a3b8;
    font-weight: 500;
}

.iccmd-modern-card-by strong {
    color: #00A389;
    font-weight: 600;
    margin-left: 3px;
}

.iccmd-modern-card-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

.iccmd-modern-card-date svg {
    color: #94a3b8;
    vertical-align: middle;
}

.iccmd-modern-post-header {
    display: none !important;
}

.iccmd-modern-card-title {
    font-family: "Public Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: calc(1.35em * 2);
}

.iccmd-modern-card-title a {
    font-family: "Public Sans", sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: inherit !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.iccmd-modern-card-title a:hover {
    color: #00A389 !important;
}

.iccmd-modern-card-desc {
    font-family: "Heebo", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #64748b !important;
    margin: 0 0 16px 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: calc(1.55em * 2) !important;
    max-height: calc(1.55em * 2) !important;
    flex-grow: 1;
}

.iccmd-modern-card-footer {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: auto !important;
    padding-top: 14px !important;
    padding-bottom: 2px !important;
}

/* Default Solid Accent Button (matching screenshot) */
.iccmd-modern-card-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border-radius: 26px;
    background: #00A389;
    border: 1px solid #00A389;
    color: #ffffff;
    font-family: "DM Sans", sans-serif;
    font-size: 12.5px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: 0 3px 10px rgba(0, 163, 137, 0.25);
}

.iccmd-modern-card-btn svg {
    width: 11px;
    height: 11px;
    transition: transform 0.25s ease;
}

.iccmd-modern-card-btn:hover {
    background: #09121d;
    border-color: #09121d;
    color: #ffffff;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.22);
    transform: translateY(-2px);
}

.iccmd-modern-card-btn:hover svg {
    transform: translate(2px, -2px);
}

/* --------------------------------------------------------------------------
   OPTION 1: HEADING COLOR MATCHING BUTTON BACKGROUND (.iccmd-variant-colored_title)
   -------------------------------------------------------------------------- */
.iccmd-variant-colored_title .iccmd-modern-card-title {
    color: #00A389;
}
.iccmd-variant-colored_title .iccmd-modern-card-title a {
    color: #00A389;
}
.iccmd-variant-colored_title .iccmd-modern-card-title a:hover {
    color: #09121d;
}
.iccmd-variant-colored_title .iccmd-modern-card {
    border-color: rgba(0, 163, 137, 0.2);
}
.iccmd-variant-colored_title .iccmd-modern-card:hover {
    border-color: #00A389;
    box-shadow: 0 16px 36px rgba(0, 163, 137, 0.16);
}

/* --------------------------------------------------------------------------
   OPTION 2: REDUCED PICTURE HEIGHT WITH COLORED TINTED CARD (.iccmd-variant-compact_colored)
   -------------------------------------------------------------------------- */
.iccmd-variant-compact_colored .iccmd-modern-card {
    background: #f7fbfb;
    border: 1px solid rgba(0, 163, 137, 0.18);
    box-shadow: 0 4px 16px rgba(0, 163, 137, 0.05);
}
.iccmd-variant-compact_colored .iccmd-modern-card:hover {
    background: #ffffff;
    border-color: #00A389;
    box-shadow: 0 16px 36px rgba(0, 163, 137, 0.14);
}
.iccmd-variant-compact_colored .iccmd-modern-card-media {
    aspect-ratio: 1 / 1; /* Square picture as requested */
}
.iccmd-variant-compact_colored .iccmd-modern-post-badge {
    background: #00A389;
    color: #ffffff;
}

/* --------------------------------------------------------------------------
   OPTION 3: REDUCED 4:3 PICTURE WITH CRISP SLEEK STYLE (.iccmd-variant-compact_minimal)
   -------------------------------------------------------------------------- */
.iccmd-variant-compact_minimal .iccmd-modern-card {
    background: #ffffff;
    border: 1.5px solid #e2e8f0;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.04);
}
.iccmd-variant-compact_minimal .iccmd-modern-card:hover {
    border-color: #00A389;
    box-shadow: 0 14px 34px rgba(0, 163, 137, 0.12);
}
.iccmd-variant-compact_minimal .iccmd-modern-card-media {
    aspect-ratio: 4 / 3; /* Reduced picture height (4:3) */
}

/* Responsive Breakpoints */
@media (max-width: 1180px) {
    .iccmd-modern-grid-container {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 680px) {
    .iccmd-modern-grid-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}


/* --------------------------------------------------------------------------
   OPTION 1B: BLACK TEXT & SOLID BLACK BUTTON (.iccmd-variant-black_style)
   Square image format like Option 1, but with black title and black button
   -------------------------------------------------------------------------- */
.iccmd-variant-black_style .iccmd-modern-card-title {
    color: #0f172a;
}
.iccmd-variant-black_style .iccmd-modern-card-title a {
    color: #0f172a;
}
.iccmd-variant-black_style .iccmd-modern-card-title a:hover {
    color: #00A389;
}
.iccmd-variant-black_style .iccmd-modern-card-btn {
    background: #0e1218;
    border-color: #0e1218;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(14, 18, 24, 0.22);
}
.iccmd-variant-black_style .iccmd-modern-card-btn:hover {
    background: #00A389;
    border-color: #00A389;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 163, 137, 0.3);
}
.iccmd-variant-black_style .iccmd-modern-post-badge {
    background: #0e1218;
    color: #ffffff;
}


/* --------------------------------------------------------------------------
   NO-BUTTON VARIANT CLEANUP
   -------------------------------------------------------------------------- */
.iccmd-no-button .iccmd-modern-card {
    padding-bottom: 22px;
}
.iccmd-no-button .iccmd-modern-card-desc {
    margin-bottom: 0;
}


/* --------------------------------------------------------------------------
   OPTION 1C: BLACK TITLE & COLORED TEAL BUTTON (.iccmd-variant-black_title_color_btn)
   White card, square image, crisp black title, and solid teal button (#00A389)
   -------------------------------------------------------------------------- */
.iccmd-variant-black_title_color_btn .iccmd-modern-card {
    background: #ffffff;
    border: 1px solid #edf2f7;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
}
.iccmd-variant-black_title_color_btn .iccmd-modern-card-media {
    aspect-ratio: 1 / 1;
}
.iccmd-variant-black_title_color_btn .iccmd-modern-card-title {
    color: #0f172a;
}
.iccmd-variant-black_title_color_btn .iccmd-modern-card-title a {
    color: #0f172a;
}
.iccmd-variant-black_title_color_btn .iccmd-modern-card-title a:hover {
    color: #00A389;
}
.iccmd-variant-black_title_color_btn .iccmd-modern-card-btn {
    background: #00A389;
    border-color: #00A389;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 163, 137, 0.28);
}
.iccmd-variant-black_title_color_btn .iccmd-modern-card-btn:hover {
    background: #0e1218;
    border-color: #0e1218;
    color: #ffffff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}
.iccmd-variant-black_title_color_btn .iccmd-modern-post-badge {
    background: rgba(0, 163, 137, 0.08);
    color: #00A389;
}


/* --------------------------------------------------------------------------
   HOME-TEST REDESIGN (https://iccmdcenter.org/home-test/)
   Sections 3, 4, 5: Thick Pill Buttons with Circular Icon Badge (Image 1 Style)
   .iccmd-pill-btn-dark (Organizations, Individuals, Report Disinformation)
   .iccmd-pill-btn-light (International Charter)
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   ICCMD MODERN PILL BUTTONS (With Circular Icon Badge)
   Allows full Elementor control over typography, colors, padding, etc.
   while keeping the modern circular icon badge structure.
   -------------------------------------------------------------------------- */
.iccmd-pill-btn-dark .elementor-button,
.iccmd-pill-btn-light .elementor-button {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 52px;
    box-sizing: border-box !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.iccmd-pill-btn-dark .elementor-button:hover,
.iccmd-pill-btn-light .elementor-button:hover {
    transform: translateY(-2px);
}

.iccmd-pill-btn-dark .elementor-button-content-wrapper,
.iccmd-pill-btn-light .elementor-button-content-wrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px;
    height: 100%;
}

.iccmd-pill-btn-dark .elementor-button-icon,
.iccmd-pill-btn-light .elementor-button-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #00A389;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, background 0.25s ease !important;
}

.iccmd-pill-btn-dark .elementor-button-icon i,
.iccmd-pill-btn-dark .elementor-button-icon svg,
.iccmd-pill-btn-light .elementor-button-icon i,
.iccmd-pill-btn-light .elementor-button-icon svg {
    transform: rotate(-45deg);
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
}

.iccmd-pill-btn-dark:hover .elementor-button-icon,
.iccmd-pill-btn-light:hover .elementor-button-icon {
    transform: rotate(45deg);
}

/* Let .elementor-button-text 100% inherit whatever typography/color is set in Elementor Style tab! */
.iccmd-pill-btn-dark .elementor-button-text,
.iccmd-pill-btn-light .elementor-button-text {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: inherit !important;
    font-style: inherit !important;
    color: inherit !important;
    white-space: nowrap;
}

.elementor-element-2266353 .iccmd-pill-btn-light,
.elementor-element-615e389 .iccmd-pill-btn-dark {
    display: flex !important;
    justify-content: center !important;
}

/* ==========================================================================
   ICCMD HOME-TEST: EXACT SUPERCOOL (parts.supercooluae.com) BANNER GAPS & RADIUS
   Applies to BOTH English (12702) and Arabic (13082) Home-Test Pages
   - Desktop: 28px each side (width: calc(100% - 56px)), 0 top/bottom
   - Tablet: 20px each side (width: calc(100% - 40px)), 0 top/bottom
   - Mobile: 12px each side (width: calc(100% - 24px)), 0 top/bottom
   ========================================================================== */
body.page-id-12702,
body.page-id-12702 #pxl-main,
body.page-id-12702 .pxl-content-area,
body.page-id-12702 .elementor-12702,
body.page-id-12702 .pxl-content-wrap,
body.page-id-13082,
body.page-id-13082 #pxl-main,
body.page-id-13082 .pxl-content-area,
body.page-id-13082 .elementor-13082,
body.page-id-13082 .pxl-content-wrap {
    background-color: #ffffff !important;
}

#pxl-main .elementor > .elementor-element.elementor-element-iccmd_rounded_video_banner,
#pxl-main .elementor > .iccmd-video-hero-banner,
body.page-id-12702 #pxl-main .elementor-element-iccmd_rounded_video_banner,
body.page-id-13082 #pxl-main .elementor-element-iccmd_rounded_video_banner,
body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner,
body.page-id-12702 .iccmd-video-hero-banner,
body.page-id-13082 .iccmd-video-hero-banner {
    width: calc(100% - 56px) !important;
    max-width: calc(100% - 56px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
    -webkit-mask-image: -webkit-radial-gradient(center, white, black);
    mask-image: -webkit-radial-gradient(center, white, black);
    transform: translateZ(0px);
    background-image: url('https://iccmdcenter.org/wp-content/uploads/2026/10/Banner-Fallback-scaled.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
body.page-id-12702 .iccmd-video-hero-banner .elementor-background-video-container,
body.page-id-13082 .iccmd-video-hero-banner .elementor-background-video-container {
    border-radius: 16px !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
body.page-id-12702 .iccmd-video-hero-banner video.elementor-background-video-hosted,
body.page-id-13082 .iccmd-video-hero-banner video.elementor-background-video-hosted {
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: 16px !important;
    width: 100% !important;
    height: 100% !important;
}

/* Ensure button and animated items inside banner are always clearly visible across all screen sizes */
body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-widget-pxl_button,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-widget-pxl_button,
body.page-id-12702 .iccmd-video-hero-banner .elementor-widget-pxl_button,
body.page-id-13082 .iccmd-video-hero-banner .elementor-widget-pxl_button {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .pxl-button,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .pxl-button,
body.page-id-12702 .iccmd-video-hero-banner .pxl-button,
body.page-id-13082 .iccmd-video-hero-banner .pxl-button {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .pxl-button a,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .pxl-button a,
body.page-id-12702 .iccmd-video-hero-banner .pxl-button a,
body.page-id-13082 .iccmd-video-hero-banner .pxl-button a,
body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .wow,
body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .wow {
    visibility: visible !important;
    opacity: 1 !important;
}

@media (max-width: 1024px) {
    #pxl-main .elementor > .elementor-element.elementor-element-iccmd_rounded_video_banner,
    #pxl-main .elementor > .iccmd-video-hero-banner,
    body.page-id-12702 #pxl-main .elementor-element-iccmd_rounded_video_banner,
    body.page-id-13082 #pxl-main .elementor-element-iccmd_rounded_video_banner,
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner,
    body.page-id-12702 .iccmd-video-hero-banner,
    body.page-id-13082 .iccmd-video-hero-banner {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 14px !important;
    }
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
    body.page-id-12702 .iccmd-video-hero-banner .elementor-background-video-container,
    body.page-id-13082 .iccmd-video-hero-banner .elementor-background-video-container {
        border-radius: 14px !important;
    }
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
    body.page-id-12702 .iccmd-video-hero-banner video.elementor-background-video-hosted,
    body.page-id-13082 .iccmd-video-hero-banner video.elementor-background-video-hosted {
        border-radius: 14px !important;
    }
}

@media (max-width: 767px) {
    #pxl-main .elementor > .elementor-element.elementor-element-iccmd_rounded_video_banner,
    #pxl-main .elementor > .iccmd-video-hero-banner,
    body.page-id-12702 #pxl-main .elementor-element-iccmd_rounded_video_banner,
    body.page-id-13082 #pxl-main .elementor-element-iccmd_rounded_video_banner,
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner,
    body.page-id-12702 .iccmd-video-hero-banner,
    body.page-id-13082 .iccmd-video-hero-banner {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        border-radius: 12px !important;
    }
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
    body.page-id-12702 .iccmd-video-hero-banner .elementor-background-video-container,
    body.page-id-13082 .iccmd-video-hero-banner .elementor-background-video-container {
        border-radius: 12px !important;
    }
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
    body.page-id-12702 .iccmd-video-hero-banner video.elementor-background-video-hosted,
    body.page-id-13082 .iccmd-video-hero-banner video.elementor-background-video-hosted {
        border-radius: 12px !important;
    }
    body.page-id-12702 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-hidden-mobile,
    body.page-id-13082 .elementor-element.elementor-element-iccmd_rounded_video_banner .elementor-hidden-mobile,
    body.page-id-12702 .iccmd-video-hero-banner .elementor-hidden-mobile,
    body.page-id-13082 .iccmd-video-hero-banner .elementor-hidden-mobile {
        display: block !important;
    }
}

/* ==========================================================================
   ELEMENTOR TYPOGRAPHY & STYLING FREEDOM FOR SECTION 0d4c79c & WIDGETS
   Allows Elementor's Typography & Color controls to directly style all <p>
   elements without being overridden by theme style.css declarations.
   ========================================================================== */
.elementor-widget-text-editor p,
.elementor-widget-text-editor .elementor-widget-container p,
.elementor-widget-pxl_text_editor p,
.elementor-widget-pxl_text_editor .pxl-text-editor p,
.elementor-widget-pxl_text_editor .pxl-item--inner p {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    color: inherit !important;
    text-transform: inherit !important;
    font-style: inherit !important;
}

.elementor-element-0d4c79c .elementor-widget-text-editor p:not(:last-child),
.elementor-element-0d4c79c .elementor-widget-pxl_text_editor p:not(:last-child) {
    margin-bottom: 16px;
}

.elementor-element-0d4c79c .elementor-widget-text-editor p:last-child,
.elementor-element-0d4c79c .elementor-widget-pxl_text_editor p:last-child {
    margin-bottom: 0;
}

.elementor-element-01f6056 .iccmd-accent-teal {
    color: #00A389;
}

/* --------------------------------------------------------------------------
   ICCMD HEADER "CONNECT WITH US" BUTTON
   Background #00A389, NO shine around corner (no shadow/glow),
   Round circle white, icon/arrow same teal color (#00A389)
   Text: Heebo 16 Semi-Bold White
   -------------------------------------------------------------------------- */
.elementor-9378 .elementor-element-64cdc7a a.btn,
.elementor-9525 .elementor-element-3e7116e a.btn {
    background-color: #00A389 !important;
    background-image: none !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    min-height: 48px !important;
    padding: 0 10px 0 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    filter: none !important;
    overflow: hidden !important;
    transition: background-color 0.25s ease, transform 0.25s ease !important;
}

.elementor-9525 .elementor-element-3e7116e a.btn {
    display: inline-flex !important;
    flex-direction: row !important; /* Icon on LEFT, Text on RIGHT */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 0 24px 0 10px !important;
}

.elementor-9525 .elementor-element-3e7116e a.btn i {
    order: 1 !important; /* Left */
}

.elementor-9525 .elementor-element-3e7116e a.btn .pxl--btn-text {
    order: 2 !important; /* Right */
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* Arrow icon in header button: Bolder */
.elementor-9525 .elementor-element-3e7116e a.btn i::before {
    content: "\f144" !important;
    font-family: "bootstrap-icons" !important;
    color: #00A389 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    display: inline-block !important;
    font-weight: 900 !important;
    -webkit-text-stroke: 0.65px #00A389 !important;
}

/* Remove all shine pseudo-elements / glossy animations */
.elementor-9378 .elementor-element-64cdc7a a.btn:before,
.elementor-9378 .elementor-element-64cdc7a a.btn:after,
.elementor-9525 .elementor-element-3e7116e a.btn:before,
.elementor-9525 .elementor-element-3e7116e a.btn:after {
    display: none !important;
    content: none !important;
    animation: none !important;
    box-shadow: none !important;
    background: none !important;
}

.elementor-9378 .elementor-element-64cdc7a a.btn:hover,
.elementor-9525 .elementor-element-3e7116e a.btn:hover {
    background-color: #008872 !important;
    box-shadow: none !important;
    filter: none !important;
    transform: translateY(-2px) !important;
}

.elementor-9378 .elementor-element-64cdc7a a.btn .pxl--btn-text {
    font-family: 'Heebo', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

/* White round circle badge */
.elementor-9378 .elementor-element-64cdc7a a.btn i,
.elementor-9525 .elementor-element-3e7116e a.btn i {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.25s ease !important;
}

/* Thick bold diagonal arrow matching Image 2 exactly (Crisp SVG vector arrow) */
.elementor-9378 .elementor-element-64cdc7a a.btn i,
.elementor-9525 .elementor-element-3e7116e a.btn i,
.elementor-9378 .elementor-element-90fa0db a.btn i,
.elementor-9525 .elementor-element-d0ded57 a.btn i {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.25s ease !important;
    position: relative !important;
}

.elementor-9378 .elementor-element-64cdc7a a.btn i::before,
.elementor-9525 .elementor-element-3e7116e a.btn i::before,
.elementor-9378 .elementor-element-90fa0db a.btn i::before,
.elementor-9525 .elementor-element-d0ded57 a.btn i::before {
    content: "" !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300A389' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center / contain !important;
    font-family: inherit !important;
    transform: none !important;
}

.elementor-9378 .elementor-element-64cdc7a a.btn:hover i,
.elementor-9525 .elementor-element-3e7116e a.btn:hover i,
.elementor-9378 .elementor-element-90fa0db a.btn:hover i,
.elementor-9525 .elementor-element-d0ded57 a.btn:hover i {
    transform: rotate(45deg) !important;
}

/* ==========================================================================
   ICCMD HOME-TEST: TABLET RESPONSIVE RULES (768px - 1340px)
   Applies to the screen range where the Header Connect With Us button is hidden.
   ========================================================================== */
@media (min-width: 768px) and (max-width: 1340px) {
    /* 1. Video Hero Banner Description: 80% width and centered */
    body.page-id-12702 .elementor-element-iccmd_rounded_video_banner .elementor-element-f2500f1 {
        width: 80% !important;
        max-width: 80% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }
    body.page-id-12702 .elementor-element-iccmd_rounded_video_banner .elementor-element-f2500f1 p {
        text-align: center !important;
    }


    /* 3. Reduce gap between About ICCMD and Our Services by 50% */
    body.page-id-12702 .elementor-element-9f10ae8 {
        padding-bottom: 20px !important;
    }
    body.page-id-12702 .elementor-element-iccmd_native_services {
        padding-top: 25px !important;
    }

    /* 4. Services: 2-2-1 layout on tablet (768px-1340px) */
    body.page-id-12702 .elementor-element-iccmd_native_services .elementor-element-4a023e7 {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 24px !important;
        width: 100% !important;
    }
    body.page-id-12702 .elementor-element-iccmd_native_services .elementor-element-4a023e7 > .elementor-element,
    body.page-id-12702 .elementor-element-iccmd_native_services .elementor-element-4a023e7 > .e-con,
    body.page-id-12702 .elementor-element-4a023e7 > .elementor-element {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        flex: 0 0 calc(50% - 12px) !important;
        box-sizing: border-box !important;
    }

    /* 5. Reduce gap top of How We Work by 50% */
    body.page-id-12702 .elementor-element-iccmd_native_services {
        padding-bottom: 35px !important;
    }
    body.page-id-12702 .elementor-element-2266353 {
        padding-top: 20px !important;
        padding-bottom: 25px !important;
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    body.page-id-12702 .elementor-element-3560cd5 {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_heading,
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_text_editor {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_heading .pxl-item--title,
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_heading .pxl-item--sub-title,
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_text_editor p {
        text-align: center !important;
    }
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-button {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        margin-top: 15px !important;
    }

    /* 6. Reduce gap after button (before Who Can Join) by 50% */
    body.page-id-12702 .elementor-element-e3674fd {
        padding-top: 0px !important;
    }

    /* 7. Who Can Join (1 col 100%), Org & Ind (50% 50% side-by-side) */
    body.page-id-12702 .elementor-element-e3674fd > .e-con-inner {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 24px !important;
        justify-content: space-between !important;
    }
    body.page-id-12702 .elementor-element-f834825 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
        padding: 30px 28px 36px 28px !important;
    }
    body.page-id-12702 .elementor-element-adfcb59,
    body.page-id-12702 .elementor-element-1fa0124 {
        width: calc(50% - 12px) !important;
        max-width: calc(50% - 12px) !important;
        flex: 0 0 calc(50% - 12px) !important;
        box-sizing: border-box !important;
        padding: 30px 28px 36px 28px !important;
    }
    body.page-id-12702 .elementor-element-f834825 .elementor-widget-heading,
    body.page-id-12702 .elementor-element-adfcb59 .elementor-widget-heading,
    body.page-id-12702 .elementor-element-1fa0124 .elementor-widget-heading {
        margin-top: 0 !important;
        margin-bottom: 16px !important;
    }

    /* 8. Help Us description 90% width */
    body.page-id-12702 .elementor-element-615e389 .elementor-element-3a92886 {
        width: 90% !important;
        max-width: 90% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    /* 9. Stay Connected News: 3 columns visible at once, infinite carousel */
    .iccmd-modern-post-section {
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container,
    body.page-id-13082 .iccmd-modern-grid-container,
    .iccmd-modern-grid-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        overflow: visible !important;
        touch-action: pan-y !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        gap: 18px !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        will-change: transform !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container::-webkit-scrollbar,
    body.page-id-13082 .iccmd-modern-grid-container::-webkit-scrollbar,
    .iccmd-modern-grid-container::-webkit-scrollbar {
        display: none !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container .iccmd-modern-card,
    body.page-id-13082 .iccmd-modern-grid-container .iccmd-modern-card,
    .iccmd-modern-grid-container .iccmd-modern-card {
        flex: 0 0 calc((100% - ((var(--cols-tablet, 3) - 1) * 18px)) / var(--cols-tablet, 3)) !important;
        width: calc((100% - ((var(--cols-tablet, 3) - 1) * 18px)) / var(--cols-tablet, 3)) !important;
        max-width: calc((100% - ((var(--cols-tablet, 3) - 1) * 18px)) / var(--cols-tablet, 3)) !important;
        min-width: calc((100% - ((var(--cols-tablet, 3) - 1) * 18px)) / var(--cols-tablet, 3)) !important;
        box-sizing: border-box !important;
        display: flex !important;
        padding: 20px !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container .iccmd-modern-card.is-clone,
    body.page-id-13082 .iccmd-modern-grid-container .iccmd-modern-card.is-clone,
    .iccmd-modern-grid-container .iccmd-modern-card.is-clone {
        display: flex !important;
    }
    .iccmd-modern-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        margin-top: 24px !important;
        padding: 0 !important;
        list-style: none !important;
    }
}

/* ==========================================================================
   ICCMD HOME-TEST: MOBILE SPECIFIC RULES (<= 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* 1. Hero Banner: Description full width matching title sides */
    body.page-id-12702 .elementor-element-iccmd_rounded_video_banner .elementor-element-f2500f1 {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
    body.page-id-12702 .elementor-element-iccmd_rounded_video_banner .elementor-element-f2500f1 p {
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* 1.5 About Section: Hide image on mobile, text container 100% width */
    body.page-id-12702 .elementor-element-21050cb,
    body.page-id-12702 .elementor-element-601f572 {
        display: none !important;
    }
    body.page-id-12702 .elementor-element-9c11301 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    body.page-id-12702 .elementor-element-9c11301 .elementor-element,
    body.page-id-12702 .elementor-element-9c11301 .elementor-widget,
    body.page-id-12702 .elementor-element-9c11301 .elementor-widget-container,
    body.page-id-12702 .elementor-element-9c11301 p {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Services: One column to show at once (100% width each, stacked) */
    body.page-id-12702 .elementor-element-iccmd_native_services .elementor-element-4a023e7 {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
        width: 100% !important;
        align-items: center !important;
    }
    body.page-id-12702 .elementor-element-iccmd_native_services .elementor-element-4a023e7 > .elementor-element,
    body.page-id-12702 .elementor-element-iccmd_native_services .elementor-element-4a023e7 > .e-con,
    body.page-id-12702 .elementor-element-4a023e7 > .elementor-element {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
    }

    /* 3. How We Work: Full width description */
    body.page-id-12702 .elementor-element-2266353,
    body.page-id-12702 .elementor-element-3560cd5,
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_text_editor,
    body.page-id-12702 .elementor-element-2266353 .elementor-widget-pxl_text_editor p {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body.page-id-12702 .elementor-element-2266353 {
        padding-left: 16px !important;
        padding-right: 16px !important;
        padding-top: 20px !important;
        padding-bottom: 25px !important;
    }

    /* 4. Organizations & Individuals: One by one column */
    body.page-id-12702 .elementor-element-e3674fd > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 20px !important;
        width: 100% !important;
    }
    body.page-id-12702 .elementor-element-f834825,
    body.page-id-12702 .elementor-element-adfcb59,
    body.page-id-12702 .elementor-element-1fa0124 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
        padding: 28px 20px !important;
    }


    /* 5. Endless Infinite Loop News Carousel on Mobile */
    .iccmd-modern-post-section {
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container,
    body.page-id-13082 .iccmd-modern-grid-container,
    .iccmd-modern-grid-container {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        overflow: visible !important;
        touch-action: pan-y !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        gap: 0 !important;
        padding: 10px 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
        will-change: transform !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container::-webkit-scrollbar,
    body.page-id-13082 .iccmd-modern-grid-container::-webkit-scrollbar,
    .iccmd-modern-grid-container::-webkit-scrollbar {
        display: none !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container .iccmd-modern-card,
    body.page-id-13082 .iccmd-modern-grid-container .iccmd-modern-card,
    .iccmd-modern-grid-container .iccmd-modern-card {
        flex: 0 0 calc((100% - ((var(--cols-mobile, 1) - 1) * 18px)) / var(--cols-mobile, 1)) !important;
        width: calc((100% - ((var(--cols-mobile, 1) - 1) * 18px)) / var(--cols-mobile, 1)) !important;
        max-width: calc((100% - ((var(--cols-mobile, 1) - 1) * 18px)) / var(--cols-mobile, 1)) !important;
        min-width: calc((100% - ((var(--cols-mobile, 1) - 1) * 18px)) / var(--cols-mobile, 1)) !important;
        box-sizing: border-box !important;
        display: flex !important;
        padding: 20px !important;
    }
    body.page-id-12702 .iccmd-modern-grid-container .iccmd-modern-card.is-clone,
    body.page-id-13082 .iccmd-modern-grid-container .iccmd-modern-card.is-clone,
    .iccmd-modern-grid-container .iccmd-modern-card.is-clone {
        display: flex !important;
    }

    /* Pagination Dots Container */
    .iccmd-modern-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        margin-top: 24px !important;
        padding: 0 !important;
        list-style: none !important;
    }
    .iccmd-dot {
        width: 16px !important;
        height: 16px !important;
        border-radius: 50% !important;
        border: 2px solid #94a3b8 !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        cursor: pointer !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        transition: all 0.25s ease !important;
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
        box-sizing: border-box !important;
    }
    .iccmd-dot.is-active {
        border-color: #00A389 !important;
        background: transparent !important;
    }
    .iccmd-dot.is-active::after {
        content: '' !important;
        width: 8px !important;
        height: 8px !important;
        border-radius: 50% !important;
        background-color: #00A389 !important;
        display: block !important;
    }
}



/* ==========================================================================
   BANNER VIDEO AUTOPLAY & CONTROLS SUPPRESSION (MOBILE / TABLET / ALL DEVICES)
   ========================================================================== */
.elementor-background-video-container video::-webkit-media-controls-start-playback-button,
.elementor-background-video-hosted::-webkit-media-controls-start-playback-button,
.elementor-element-iccmd_rounded_video_banner video::-webkit-media-controls-start-playback-button,
video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.elementor-background-video-container video::-webkit-media-controls,
.elementor-background-video-hosted::-webkit-media-controls,
.elementor-element-iccmd_rounded_video_banner video::-webkit-media-controls,
video::-webkit-media-controls {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

.elementor-background-video-container video::-webkit-media-controls-panel,
.elementor-background-video-hosted::-webkit-media-controls-panel,
.elementor-background-video-container video::-webkit-media-controls-play-button,
.elementor-background-video-hosted::-webkit-media-controls-play-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.elementor-element-iccmd_rounded_video_banner .elementor-background-video-container,
.elementor-element-iccmd_rounded_video_banner .elementor-background-video-hosted,
.elementor-element-iccmd_rounded_video_banner video {
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
}

/* ==========================================================================
   ARABIC HEADER NAVIGATION FONT (Avenir Next Arabic)
   ========================================================================== */
body.rtl .elementor-9525 .pxl-nav-menu > li > a,
body.rtl .elementor-9525 .elementor-nav-menu a,
body.rtl .header-wrap .pxl-nav-menu > li > a,
body.rtl .header-wrap .elementor-nav-menu a,
body.rtl .pxl-nav-menu > li > a,
body.rtl .elementor-nav-menu a,
.rtl .pxl-nav-menu > li > a,
.rtl .elementor-nav-menu a {
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
}

/* ==========================================================================
   ARABIC ABOUT SECTION TEAL VERTICAL ACCENT LINE (RIGHT SIDE)
   ========================================================================== */
body.rtl .elementor-element-c66044e,
html[dir="rtl"] .elementor-element-c66044e,
.rtl .elementor-element-c66044e {
    border-left: 0 !important;
    border-left-width: 0 !important;
    border-right: 5px solid #00A389 !important;
    padding-left: 0 !important;
    padding-right: 18px !important;
}

/* ==========================================================================
   ARABIC POST GRID RTL STYLING & EXACT IMAGE 2 TYPOGRAPHY
   ========================================================================== */
body.rtl .iccmd-modern-post-grid,
body.rtl .iccmd-modern-card-title,
body.rtl .iccmd-modern-card-title a,
body.rtl .iccmd-modern-card-desc,
body.rtl .iccmd-modern-card-meta,
body.rtl .iccmd-modern-card-btn,
body.rtl .iccmd-modern-post-heading,
body.rtl .iccmd-modern-post-badge {
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
}

/* Card Heading default styling (overridable by Elementor typography controls) */
body.rtl .iccmd-modern-card-title,
body.rtl .iccmd-modern-card-title a,
html[dir="rtl"] .iccmd-modern-card-title,
html[dir="rtl"] .iccmd-modern-card-title a {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    color: #0f172a;
}

/* Card Description default styling (overridable by Elementor typography controls) */
body.rtl .iccmd-modern-card-desc,
html[dir="rtl"] .iccmd-modern-card-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    color: #59585D;
}

/* Card Footer: Button aligned to the RIGHT side of the card in Arabic/RTL */
body.rtl .iccmd-modern-card-footer,
html[dir="rtl"] .iccmd-modern-card-footer,
.rtl .iccmd-modern-card-footer {
    display: flex !important;
    justify-content: flex-start !important;
    width: 100% !important;
}

/* Button with White Circle Badge and #00A389 Arrow */
.iccmd-modern-card-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 6px 8px 6px 20px !important;
    background-color: #00A389 !important;
    border: 1px solid #00A389 !important;
    border-radius: 50px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 12px rgba(0, 163, 137, 0.2) !important;
}

/* In RTL: Text on the Right, Circle on the Left, Aligned Right */
body.rtl .iccmd-modern-card-btn,
html[dir="rtl"] .iccmd-modern-card-btn,
.rtl .iccmd-modern-card-btn {
    padding: 6px 20px 6px 8px !important;
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif;
    font-size: 16px;
    font-weight: 700;
}

/* White Circle Badge around the Arrow */
.iccmd-modern-card-btn .iccmd-btn-circle-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    order: 2 !important; /* In RTL, order: 2 puts it on the left of text */
    transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.iccmd-modern-card-btn .iccmd-btn-text {
    order: 1 !important; /* In RTL, order: 1 puts it on the right */
    color: #ffffff !important;
    line-height: 1 !important;
}

/* Arrow Icon: Color #00A389, points UP-RIGHT (↗) exactly like Image 2 */
.iccmd-modern-card-btn .iccmd-btn-circle-icon svg,
.iccmd-modern-card-btn svg {
    width: 12px !important;
    height: 12px !important;
    stroke: #00A389 !important;
    color: #00A389 !important;
    stroke-width: 2.8 !important;
    transform: none !important; /* Strictly UP-RIGHT (↗), no flip */
}

/* Button Hover State */
.iccmd-modern-card-btn:hover {
    background-color: #008872 !important;
    border-color: #008872 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0, 163, 137, 0.3) !important;
}

.iccmd-modern-card-btn:hover .iccmd-btn-circle-icon {
    transform: rotate(45deg) !important;
}

/* ==========================================================================
   ARABIC FOOTER TYPOGRAPHY (Avenir Next Arabic)
   ========================================================================== */
body.rtl footer,
body.rtl .elementor-9617,
body.rtl .elementor-9617 *,
html[dir="rtl"] footer,
html[dir="rtl"] .elementor-9617,
html[dir="rtl"] .elementor-9617 *,
.rtl footer,
.rtl .elementor-9617,
.rtl .elementor-9617 * {
    font-family: 'Avenir Next Arabic', 'Avenir Arabic', sans-serif !important;
}


/* --------------------------------------------------------------------------
   GLOBAL WHITE BACKGROUND (NO GRAY #efefef)
   -------------------------------------------------------------------------- */
body,
body.rtl,
body.page-id-13082,
body.page-id-12702,
#pxl-main,
#pxl-wapper,
.elementor-13082,
.elementor-12702,
.iccmd-modern-post-section,
div[class*="iccmd_variant_"] {
    background-color: #ffffff !important;
}

/* In RTL carousel, grid track uses LTR coordinate space for reliable translate3d across browsers */
body.rtl .iccmd-modern-grid-container {
    direction: ltr !important;
}
body.rtl .iccmd-modern-card {
    direction: rtl !important;
    text-align: right !important;
}

    /* 4.5 Banner Video on Mobile: Always fully visible and playing */
    .elementor-element-iccmd_rounded_video_banner video.elementor-background-video-hosted,
    .iccmd-video-hero-banner video.elementor-background-video-hosted,
    .elementor-background-video-container video {
        opacity: 1 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: none !important;
        object-fit: cover !important;
        object-position: center center !important;
        width: 100% !important;
        height: 100% !important;
    }

.iccmd-modern-card.is-clone,
article.iccmd-modern-card.is-clone,
#pxl-main article.iccmd-modern-card.is-clone,
.iccmd-modern-grid-container .iccmd-modern-card.is-clone {
    display: none !important;
}

@media (min-width: 1341px) {
    .iccmd-modern-dots {
        display: none !important;
    }
    .iccmd-modern-card.is-clone,
    article.iccmd-modern-card.is-clone,
    #pxl-main article.iccmd-modern-card.is-clone,
    .iccmd-modern-grid-container .iccmd-modern-card.is-clone {
        display: none !important;
    }
}
@media (max-width: 1340px) {
    .iccmd-modern-dots {
        display: flex !important;
    }
    .iccmd-modern-card.is-clone,
    article.iccmd-modern-card.is-clone,
    #pxl-main article.iccmd-modern-card.is-clone,
    .iccmd-modern-grid-container .iccmd-modern-card.is-clone {
        display: flex !important;
    }
}

/* ==========================================================================
   ABOUT SECTION: FULL WIDTH TEXT & HIDE IMAGE (TABLET LANDSCAPE & BELOW <= 1200px)
   Applied to English (page-id-12702) and Arabic (page-id-13082)
   ========================================================================== */
@media (max-width: 1200px) {
    body.page-id-12702 .elementor-element-9f10ae8,
    body.page-id-13082 .elementor-element-9f10ae8,
    .elementor-element-9f10ae8 {
        flex-direction: column !important;
        width: 100% !important;
    }

    body.page-id-12702 .elementor-element-21050cb,
    body.page-id-13082 .elementor-element-21050cb,
    body.page-id-12702 .elementor-element-601f572,
    body.page-id-13082 .elementor-element-601f572,
    .elementor-element-9f10ae8 .elementor-element-21050cb,
    .elementor-element-9f10ae8 .elementor-element-601f572 {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.page-id-12702 .elementor-element-9c11301,
    body.page-id-13082 .elementor-element-9c11301,
    .elementor-element-9f10ae8 .elementor-element-9c11301 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        box-sizing: border-box !important;
    }

    body.page-id-12702 .elementor-element-9c11301 .elementor-element,
    body.page-id-13082 .elementor-element-9c11301 .elementor-element,
    body.page-id-12702 .elementor-element-9c11301 .elementor-widget,
    body.page-id-13082 .elementor-element-9c11301 .elementor-widget,
    body.page-id-12702 .elementor-element-9c11301 .elementor-widget-container,
    body.page-id-13082 .elementor-element-9c11301 .elementor-widget-container,
    body.page-id-12702 .elementor-element-9c11301 p,
    body.page-id-13082 .elementor-element-9c11301 p,
    .elementor-element-9f10ae8 .elementor-element-9c11301 p {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   ABOUT US PAGE HERO BANNER SHAPE (ENGLISH: 128 / ARABIC: 10903)
   - Matches Home Page Banner: side gaps, rounded corners, soft shadow, isolation
   - Preserves each page's own background image, overlay, text, and breadcrumbs
   ========================================================================== */
body.page-id-128,
body.page-id-128 .elementor-128,
body.page-id-128 #pxl-main,
body.page-id-128 .pxl-content-area,
body.page-id-128 .pxl-content-wrap,
body.page-id-10903,
body.page-id-10903 .elementor-10903,
body.page-id-10903 #pxl-main,
body.page-id-10903 .pxl-content-area,
body.page-id-10903 .pxl-content-wrap,
body.page-id-11627, body.page-id-11627 #pxl-main, body.page-id-11627 .pxl-content-area, body.page-id-11627 .pxl-content-wrap,
body.page-id-11660, body.page-id-11660 #pxl-main, body.page-id-11660 .pxl-content-area, body.page-id-11660 .pxl-content-wrap,
body.page-id-11744, body.page-id-11744 #pxl-main, body.page-id-11744 .pxl-content-area, body.page-id-11744 .pxl-content-wrap,
body.page-id-1760, body.page-id-1760 #pxl-main, body.page-id-1760 .pxl-content-area, body.page-id-1760 .pxl-content-wrap,
body.page-id-11277, body.page-id-11277 #pxl-main, body.page-id-11277 .pxl-content-area, body.page-id-11277 .pxl-content-wrap,
body.page-id-10119, body.page-id-10119 #pxl-main, body.page-id-10119 .pxl-content-area, body.page-id-10119 .pxl-content-wrap,
body.page-id-10130, body.page-id-10130 #pxl-main, body.page-id-10130 .pxl-content-area, body.page-id-10130 .pxl-content-wrap,
body.page-id-11086, body.page-id-11086 #pxl-main, body.page-id-11086 .pxl-content-area, body.page-id-11086 .pxl-content-wrap,
body.page-id-10103, body.page-id-10103 #pxl-main, body.page-id-10103 .pxl-content-area, body.page-id-10103 .pxl-content-wrap,
body.page-id-11091, body.page-id-11091 #pxl-main, body.page-id-11091 .pxl-content-area, body.page-id-11091 .pxl-content-wrap,
body.page-id-941, body.page-id-941 #pxl-main, body.page-id-941 .pxl-content-area, body.page-id-941 .pxl-content-wrap,
body.single-service, body.single-service #pxl-main, body.single-service .pxl-content-area, body.single-service .pxl-content-wrap,
body.postid-3288, body.postid-3288 #pxl-main, body.postid-3288 .pxl-content-area, body.postid-3288 .pxl-content-wrap,
body.postid-10594, body.postid-10594 #pxl-main, body.postid-10594 .pxl-content-area, body.postid-10594 .pxl-content-wrap,
body.postid-10595, body.postid-10595 #pxl-main, body.postid-10595 .pxl-content-area, body.postid-10595 .pxl-content-wrap,
body.postid-10582, body.postid-10582 #pxl-main, body.postid-10582 .pxl-content-area, body.postid-10582 .pxl-content-wrap,
body.postid-10601, body.postid-10601 #pxl-main, body.postid-10601 .pxl-content-area, body.postid-10601 .pxl-content-wrap,
body.page-id-12264, body.page-id-12264 #pxl-main, body.page-id-12264 .pxl-content-area, body.page-id-12264 .pxl-content-wrap,
body.page-id-12220, body.page-id-12220 #pxl-main, body.page-id-12220 .pxl-content-area, body.page-id-12220 .pxl-content-wrap,
body.page-id-11677, body.page-id-11677 #pxl-main, body.page-id-11677 .pxl-content-area, body.page-id-11677 .pxl-content-wrap,
body.page-id-11512, body.page-id-11512 #pxl-main, body.page-id-11512 .pxl-content-area, body.page-id-11512 .pxl-content-wrap,
body.page-id-11543, body.page-id-11543 #pxl-main, body.page-id-11543 .pxl-content-area, body.page-id-11543 .pxl-content-wrap,
body.page-id-11542, body.page-id-11542 #pxl-main, body.page-id-11542 .pxl-content-area, body.page-id-11542 .pxl-content-wrap,
body.page-id-11563, body.page-id-11563 #pxl-main, body.page-id-11563 .pxl-content-area, body.page-id-11563 .pxl-content-wrap,
body.page-id-11461, body.page-id-11461 #pxl-main, body.page-id-11461 .pxl-content-area, body.page-id-11461 .pxl-content-wrap,
body.page-id-11313, body.page-id-11313 #pxl-main, body.page-id-11313 .pxl-content-area, body.page-id-11313 .pxl-content-wrap,
body.page-id-11020, body.page-id-11020 #pxl-main, body.page-id-11020 .pxl-content-area, body.page-id-11020 .pxl-content-wrap,
body.page-id-11125, body.page-id-11125 #pxl-main, body.page-id-11125 .pxl-content-area, body.page-id-11125 .pxl-content-wrap,
body.page-id-11120, body.page-id-11120 #pxl-main, body.page-id-11120 .pxl-content-area, body.page-id-11120 .pxl-content-wrap,
body.page-id-11115, body.page-id-11115 #pxl-main, body.page-id-11115 .pxl-content-area, body.page-id-11115 .pxl-content-wrap,
body.page-id-11107, body.page-id-11107 #pxl-main, body.page-id-11107 .pxl-content-area, body.page-id-11107 .pxl-content-wrap,
body.page-id-11096, body.page-id-11096 #pxl-main, body.page-id-11096 .pxl-content-area, body.page-id-11096 .pxl-content-wrap,
body.page-id-10989, body.page-id-10989 #pxl-main, body.page-id-10989 .pxl-content-area, body.page-id-10989 .pxl-content-wrap,
body.page-id-10981, body.page-id-10981 #pxl-main, body.page-id-10981 .pxl-content-area, body.page-id-10981 .pxl-content-wrap,
body.page-id-10955, body.page-id-10955 #pxl-main, body.page-id-10955 .pxl-content-area, body.page-id-10955 .pxl-content-wrap,
body.page-id-11210, body.page-id-11210 #pxl-main, body.page-id-11210 .pxl-content-area, body.page-id-11210 .pxl-content-wrap,
body.page-id-10930, body.page-id-10930 #pxl-main, body.page-id-10930 .pxl-content-area, body.page-id-10930 .pxl-content-wrap,
body.page-id-11034, body.page-id-11034 #pxl-main, body.page-id-11034 .pxl-content-area, body.page-id-11034 .pxl-content-wrap {
    background-color: #ffffff !important;
}

#pxl-main .elementor > .elementor-element.elementor-element-7e3e217,
#pxl-main .elementor > .iccmd-page-hero-banner,
body.page-id-128 #pxl-main .elementor-element-7e3e217,
body.page-id-10903 #pxl-main .elementor-element-7e3e217,
body.page-id-128 .elementor-element.elementor-element-7e3e217,
body.page-id-10903 .elementor-element.elementor-element-7e3e217,
body.page-id-128 .iccmd-page-hero-banner,
body.page-id-10903 .iccmd-page-hero-banner,
.elementor-element.elementor-element-7e3e217,
.iccmd-page-hero-banner,
body.page-id-12264 #pxl-main .elementor > .e-parent:first-child,
body.page-id-12220 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11677 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11512 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11543 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11542 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11563 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11461 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11313 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11020 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11125 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11120 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11115 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11107 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11096 #pxl-main .elementor > .e-parent:first-child,
body.page-id-10989 #pxl-main .elementor > .e-parent:first-child,
body.page-id-10981 #pxl-main .elementor > .e-parent:first-child,
body.page-id-10955 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11210 #pxl-main .elementor > .e-parent:first-child,
body.page-id-10930 #pxl-main .elementor > .e-parent:first-child,
body.page-id-11034 #pxl-main .elementor > .e-parent:first-child {
    width: calc(100% - 56px) !important;
    max-width: calc(100% - 56px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important; /* Zero padding on outer container to prevent doubling */
    border-radius: 16px !important;
    overflow: hidden !important;
    position: relative !important;
    box-sizing: border-box !important;
    isolation: isolate !important;
    -webkit-mask-image: -webkit-radial-gradient(center, white, black);
    mask-image: -webkit-radial-gradient(center, white, black);
    transform: translateZ(0px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

@media (max-width: 1024px) {
    #pxl-main .elementor > .elementor-element.elementor-element-7e3e217,
    #pxl-main .elementor > .iccmd-page-hero-banner,
    body.page-id-128 #pxl-main .elementor-element-7e3e217,
    body.page-id-10903 #pxl-main .elementor-element-7e3e217,
    body.page-id-128 .elementor-element.elementor-element-7e3e217,
    body.page-id-10903 .elementor-element.elementor-element-7e3e217,
    body.page-id-128 .iccmd-page-hero-banner,
    body.page-id-10903 .iccmd-page-hero-banner,
    .elementor-element.elementor-element-7e3e217,
    .iccmd-page-hero-banner,
    body.page-id-12264 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-12220 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11677 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11512 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11543 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11542 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11563 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11461 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11313 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11020 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11125 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11120 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11115 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11107 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11096 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10989 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10981 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10955 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11210 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10930 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11034 #pxl-main .elementor > .e-parent:first-child {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border-radius: 14px !important;
    }
}

@media (max-width: 767px) {
    #pxl-main .elementor > .elementor-element.elementor-element-7e3e217,
    #pxl-main .elementor > .iccmd-page-hero-banner,
    body.page-id-128 #pxl-main .elementor-element-7e3e217,
    body.page-id-10903 #pxl-main .elementor-element-7e3e217,
    body.page-id-128 .elementor-element.elementor-element-7e3e217,
    body.page-id-10903 .elementor-element.elementor-element-7e3e217,
    body.page-id-128 .iccmd-page-hero-banner,
    body.page-id-10903 .iccmd-page-hero-banner,
    .elementor-element.elementor-element-7e3e217,
    .iccmd-page-hero-banner,
    body.page-id-12264 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-12220 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11677 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11512 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11543 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11542 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11563 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11461 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11313 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11020 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11125 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11120 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11115 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11107 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11096 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10989 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10981 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10955 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11210 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-10930 #pxl-main .elementor > .e-parent:first-child,
    body.page-id-11034 #pxl-main .elementor > .e-parent:first-child {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
    }
}

/* Ensure Hero Banner inner container dynamically maps Elementor padding CSS variables */
.elementor-element-7e3e217 > .e-con-inner,
.iccmd-page-hero-banner > .e-con-inner {
    padding-top: var(--padding-top, 200px) !important;
    padding-bottom: var(--padding-bottom, 200px) !important;
}

@media (max-width: 1024px) {
    .elementor-element-7e3e217 > .e-con-inner,
    .iccmd-page-hero-banner > .e-con-inner {
        padding-top: var(--padding-top, 150px) !important;
        padding-bottom: var(--padding-bottom, 150px) !important;
    }
}

@media (max-width: 767px) {
    .elementor-element-7e3e217 > .e-con-inner,
    .iccmd-page-hero-banner > .e-con-inner {
        padding-top: var(--padding-top, 120px) !important;
        padding-bottom: var(--padding-bottom, 120px) !important;
    }
}

/* Hero Banner Breadcrumbs styling */
.iccmd-page-hero-banner .pxl-breadcrumb,
.iccmd-page-hero-banner .pxl-breadcrumb a,
.iccmd-page-hero-banner .pxl-breadcrumb span,
.iccmd-page-hero-banner .pxl-breadcrumb li {
    color: #ffffff !important;
    font-family: "DM Sans", sans-serif !important;
}


/* ==========================================================================
   REMOVE GAP ABOVE FOOTER ON ABOUT US (ENGLISH: 128 / ARABIC: 10903)
   Eliminates all padding and margin between the bottom section and footer
   ========================================================================== */
body.page-id-128 #pxl-main,
body.page-id-10903 #pxl-main,
body.page-id-128.elementor-page #pxl-main,
body.page-id-10903.elementor-page #pxl-main,
body.page-id-128 .elementor-container,
body.page-id-10903 .elementor-container,
body.page-id-128 .pxl-content-wrap,
body.page-id-10903 .pxl-content-wrap,
body.page-id-128 #pxl-content-area,
body.page-id-10903 #pxl-content-area,
body.page-id-128 #pxl-content-main,
body.page-id-10903 #pxl-content-main,
body.page-id-128 article,
body.page-id-10903 article,
body.page-id-128 .pxl-entry-content,
body.page-id-10903 .pxl-entry-content,
body.page-id-128 .elementor-128,
body.page-id-10903 .elementor-10903 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    min-height: 0 !important;
}

body.page-id-128 #pxl-footer-elementor,
body.page-id-10903 #pxl-footer-elementor,
body.page-id-128 .elementor-9441,
body.page-id-10903 .elementor-9617,
body.page-id-10903 .elementor-location-footer {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media screen and (max-width: 1200px) {
    body.page-id-128 #pxl-main,
    body.page-id-10903 #pxl-main,
    body.page-id-128.elementor-page #pxl-main,
    body.page-id-10903.elementor-page #pxl-main,
    body.page-id-128 .elementor-container,
    body.page-id-10903 .elementor-container,
    body.page-id-128 #pxl-content-area,
    body.page-id-10903 #pxl-content-area {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media screen and (max-width: 1024px) {
    body.page-id-128 #pxl-main,
    body.page-id-10903 #pxl-main,
    body.page-id-128.elementor-page #pxl-main,
    body.page-id-10903.elementor-page #pxl-main,
    body.page-id-128 .elementor-container,
    body.page-id-10903 .elementor-container,
    body.page-id-128 #pxl-content-area,
    body.page-id-10903 #pxl-content-area {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
}

@media (max-width: 767px), (max-width: 1000px) and (orientation: landscape) and (max-height: 500px) {
    body.page-id-128 #pxl-main,
    body.page-id-10903 #pxl-main,
    body.page-id-128.elementor-page #pxl-main,
    body.page-id-10903.elementor-page #pxl-main,
    body.page-id-128 .elementor-container,
    body.page-id-10903 .elementor-container,
    body.page-id-128 #pxl-content-area,
    body.page-id-10903 #pxl-content-area {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    body.page-id-128 #pxl-footer-elementor,
    body.page-id-10903 #pxl-footer-elementor,
    body.page-id-128 .elementor-9441,
    body.page-id-10903 .elementor-9617,
    body.page-id-10903 .elementor-location-footer {
        margin-top: 0 !important;
    }
}

/* ==========================================================================
   ICCMD MODERN POST GRID (NEWS & ARCHIVE PAGES)
   4 Columns Desktop, 3 Columns Tablet, 1 Column Mobile with Pagination
   ========================================================================== */
.iccmd-modern-post-section.iccmd-layout-grid {
    width: 100% !important;
    max-width: 100% !important;
    background-color: transparent !important;
}

/* Full-width container alignment matching page banner */
body.page-id-11313 #pxl-main .elementor > .e-parent:not(:first-child),
body.page-id-11313 .elementor-element.elementor-element-f29ae48,
body.page-id-11277 #pxl-main .elementor > .e-parent:not(:first-child),
body.page-id-11277 .elementor-element.elementor-element-5529549 {
    width: calc(100% - 56px) !important;
    max-width: calc(100% - 56px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    --container-max-width: 100% !important;
    --content-width: 100% !important;
}

@media (max-width: 1024px) {
    body.page-id-11313 #pxl-main .elementor > .e-parent:not(:first-child),
    body.page-id-11313 .elementor-element.elementor-element-f29ae48,
    body.page-id-11277 #pxl-main .elementor > .e-parent:not(:first-child),
    body.page-id-11277 .elementor-element.elementor-element-5529549 {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
    }
}

@media (max-width: 767px) {
    body.page-id-11313 #pxl-main .elementor > .e-parent:not(:first-child),
    body.page-id-11313 .elementor-element.elementor-element-f29ae48,
    body.page-id-11277 #pxl-main .elementor > .e-parent:not(:first-child),
    body.page-id-11277 .elementor-element.elementor-element-5529549 {
        width: calc(100% - 32px) !important;
        max-width: calc(100% - 32px) !important;
    }
}

.iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-grid-container,
.iccmd-modern-grid-container.iccmd-is-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--cols-desktop, 4), minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 10px 0 !important;
    overflow: visible !important;
    transform: none !important;
    direction: ltr !important;
    touch-action: auto !important;
    user-select: auto !important;
}

body.rtl .iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-grid-container,
body.rtl .iccmd-modern-grid-container.iccmd-is-grid {
    direction: rtl !important;
}

.iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-card,
.iccmd-modern-grid-container.iccmd-is-grid .iccmd-modern-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 20px !important;
    padding: 18px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-card:hover,
.iccmd-modern-grid-container.iccmd-is-grid .iccmd-modern-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;
}

/* Dots and clones hidden in Grid mode */
.iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-dots,
.iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-card.is-clone,
.iccmd-modern-grid-container.iccmd-is-grid .iccmd-modern-dots,
.iccmd-modern-grid-container.iccmd-is-grid .iccmd-modern-card.is-clone {
    display: none !important;
}

/* Tablet: 3 columns (max-width: 1024px) */
@media (max-width: 1024px) {
    .iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-grid-container,
    .iccmd-modern-grid-container.iccmd-is-grid {
        grid-template-columns: repeat(var(--cols-tablet, 3), minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

/* Mobile: 1 column (max-width: 767px) */
@media (max-width: 767px) {
    .iccmd-modern-post-section.iccmd-layout-grid .iccmd-modern-grid-container,
    .iccmd-modern-grid-container.iccmd-is-grid {
        grid-template-columns: repeat(var(--cols-mobile, 1), minmax(0, 1fr)) !important;
        gap: 18px !important;
    }
}

/* ==========================================================================
   ICCMD PAGINATION (IMAGE 2 DESIGN)
   Circular #00A389 Prev/Next buttons + Frosted Glass Center Pill
   ========================================================================== */
.iccmd-pagination-wrap {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    margin-top: 50px !important;
    margin-bottom: 20px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.iccmd-pagination-wrap.is-visible,
.iccmd-pagination-wrap[data-preview="true"] {
    display: flex !important;
}

[dir="rtl"] .iccmd-pagination-wrap .iccmd-page-prev svg,
body.rtl .iccmd-pagination-wrap .iccmd-page-prev svg {
    transform: rotate(180deg) !important;
}
[dir="rtl"] .iccmd-pagination-wrap .iccmd-page-next svg,
body.rtl .iccmd-pagination-wrap .iccmd-page-next svg {
    transform: rotate(180deg) !important;
}

/* Circular Prev & Next Buttons: Glass Effect + Black/Dark Icon (Matching Image 4) */
.iccmd-page-nav, .elementor-element .iccmd-page-nav, .elementor-widget-iccmd_post_grid .iccmd-page-nav {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    border-radius: 50% !important;
    background-color: #f3f4f6 !important;
    background: rgba(243, 244, 246, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: #4b5563 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
    cursor: pointer !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.iccmd-page-nav svg, .elementor-element .iccmd-page-nav svg, .elementor-widget-iccmd_post_grid .iccmd-page-nav svg {
    width: 18px !important;
    height: 18px !important;
    stroke: #4b5563 !important;
    color: #4b5563 !important;
    stroke-width: 2.6 !important;
    display: block !important;
    transition: stroke 0.2s ease !important;
}

.iccmd-page-nav:hover:not(.is-disabled) {
    background-color: #ffffff !important;
    transform: scale(1.06) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.iccmd-page-nav:hover:not(.is-disabled) svg {
    stroke: #111827 !important;
    color: #111827 !important;
}

.iccmd-page-nav.is-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    box-shadow: none !important;
}

/* Center Frosted Glass Pill */
.iccmd-page-numbers-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background-color: #f3f4f6 !important;
    background: rgba(243, 244, 246, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border-radius: 50px !important;
    padding: 6px 14px !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

/* Page Numbers Inside Pill */
.iccmd-page-num {
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'DM Sans', 'Public Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    user-select: none !important;
    border: none !important;
}

.iccmd-page-num:hover:not(.is-active) {
    background-color: rgba(0, 0, 0, 0.06) !important;
    color: #00A389 !important;
}

/* Active Page Number (Image 2 style: White circle with grey border) */
.iccmd-page-num.is-active {
    background-color: #ffffff !important;
    color: #111827 !important;
    border: 1.5px solid #d1d5db !important;
    font-weight: 600 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06) !important;
}

/* Dots (...) */
.iccmd-page-dots {
    color: #9ca3af !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    padding: 0 4px !important;
    user-select: none !important;
}

/* Mobile: Compact single-line pagination */
@media (max-width: 767px) {
    .iccmd-pagination-wrap {
        gap: 8px !important;
        flex-wrap: nowrap !important;
        margin-top: 35px !important;
    }
    .iccmd-page-nav, .elementor-element .iccmd-page-nav, .elementor-widget-iccmd_post_grid .iccmd-page-nav {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }
    .iccmd-page-nav svg, .elementor-element .iccmd-page-nav svg, .elementor-widget-iccmd_post_grid .iccmd-page-nav svg {
        width: 15px !important;
        height: 15px !important;
    }
    .iccmd-page-numbers-pill {
        padding: 4px 10px !important;
        gap: 4px !important;
    }
    .iccmd-page-num {
        min-width: 30px !important;
        height: 30px !important;
        font-size: 13px !important;
    }
    .iccmd-hide-mbl {
        display: none !important;
    }
}


/* --------------------------------------------------------------------------
   ICCMD SUBMIT BUTTONS (MATCHING IMAGE 2: DARK PILL + GREEN CIRCLE ARROW)
   Applies to Single Service Sidebar Contact Forms and Contact Us Page Form
   -------------------------------------------------------------------------- */
.single-service .wpcf7-submit,
.page-id-1760 .wpcf7-submit,
.wpcf7-form .wpcf7-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row-reverse !important;
    gap: 14px !important;
    background-color: #161a1f !important;
    background: #161a1f !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 9999px !important;
    padding: 6px 26px 6px 8px !important;
    height: 52px !important;
    min-height: 52px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
}

.single-service .wpcf7-submit br,
.page-id-1760 .wpcf7-submit br,
.wpcf7-form .wpcf7-submit br {
    display: none !important;
}

.wpcf7-submit .iccmd-btn-text {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

.wpcf7-submit .iccmd-btn-circle-badge {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background-color: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, background-color 0.25s ease !important;
}

.wpcf7-submit .iccmd-btn-circle-badge i {
    transform: rotate(-45deg) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    display: inline-block !important;
    transition: transform 0.25s ease !important;
}

.single-service .wpcf7-submit:hover,
.page-id-1760 .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:hover {
    background-color: #1f252d !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    transform: translateY(-2px) !important;
}

.single-service .wpcf7-submit:hover .iccmd-btn-circle-badge,
.page-id-1760 .wpcf7-submit:hover .iccmd-btn-circle-badge,
.wpcf7-form .wpcf7-submit:hover .iccmd-btn-circle-badge {
    background-color: #008772 !important;
}

.single-service .wpcf7-submit:hover .iccmd-btn-circle-badge i,
.page-id-1760 .wpcf7-submit:hover .iccmd-btn-circle-badge i,
.wpcf7-form .wpcf7-submit:hover .iccmd-btn-circle-badge i {
    transform: rotate(45deg) !important;
}

.single-service .wpcf7-submit svg,
.page-id-1760 .wpcf7-submit svg,
.wpcf7-form .wpcf7-submit svg {
    display: none !important;
}

/* --------------------------------------------------------------------------
   ICCMD OUR SERVICES PAGE BUTTONS (MATCHING HOMEPAGE EXACTLY - IMAGE 2)
   Green circular badge on LEFT, Learn More text on RIGHT, smooth hover
   -------------------------------------------------------------------------- */
.page-id-941 .elementor-widget-button .elementor-button {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 40px !important;
    padding: 10px 22px 10px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.page-id-941 .elementor-widget-button .elementor-button:hover {
    background-color: #00A389 !important;
    border-color: #00A389 !important;
    color: #ffffff !important;
}

.page-id-941 .elementor-widget-button .elementor-button .elementor-button-content-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
}

.page-id-941 .elementor-widget-button .elementor-button .elementor-button-icon {
    order: 1 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    background: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 300ms ease !important;
}

.page-id-941 .elementor-widget-button .elementor-button .elementor-button-icon i {
    transform: rotate(-45deg) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.page-id-941 .elementor-widget-button .elementor-button:hover .elementor-button-icon {
    background: #ffffff !important;
}

.page-id-941 .elementor-widget-button .elementor-button:hover .elementor-button-icon i {
    color: #00A389 !important;
}

.page-id-941 .elementor-widget-button .elementor-button .elementor-button-text {
    order: 2 !important;
    color: #ffffff !important;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

/* --------------------------------------------------------------------------
   ICCMD ARABIC SERVICE PAGES "تواصل معنا" BUTTON (MATCHING IMAGE 2 EXACTLY)
   Teal pill + White circular badge with bold diagonal arrow on RIGHT, Avenir font on LEFT
   -------------------------------------------------------------------------- */
body.rtl.single-service .elementor-element-0d20578 a.btn,
body.rtl.single-service .elementor-element-a9fcc95 a.btn,
body.rtl.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn {
    display: inline-flex !important;
    flex-direction: row !important; /* In RTL: first child (i) is on RIGHT, second child (text) is on LEFT */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    padding: 0 10px 0 24px !important; /* 10px on RIGHT (icon side), 24px on LEFT (text side) */
    background-color: #00A389;
    color: #ffffff;
    border: none !important;
    border-radius: 50px !important;
    min-height: 50px !important;
    box-shadow: none !important;
    filter: none !important;
    transition: background-color 0.25s ease, transform 0.25s ease !important;
}

body.rtl.single-service .elementor-element-0d20578 a.btn:hover,
body.rtl.single-service .elementor-element-a9fcc95 a.btn:hover,
body.rtl.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn:hover {
    background-color: #008872 !important;
    transform: translateY(-2px) !important;
}

body.rtl.single-service .elementor-element-0d20578 a.btn .pxl--btn-text,
body.rtl.single-service .elementor-element-a9fcc95 a.btn .pxl--btn-text,
body.rtl.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn .pxl--btn-text {
    order: 2 !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: inherit !important;
    text-decoration: inherit !important;
    color: inherit;
    white-space: nowrap !important;
}

body.rtl.single-service .elementor-element-0d20578 a.btn i,
body.rtl.single-service .elementor-element-a9fcc95 a.btn i,
body.rtl.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn i {
    order: 1 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.25s ease !important;
    position: relative !important;
}

body.rtl.single-service .elementor-element-0d20578 a.btn i::before,
body.rtl.single-service .elementor-element-a9fcc95 a.btn i::before,
body.rtl.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn i::before {
    content: "" !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300A389' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center / contain !important;
    font-family: inherit !important;
    transform: none !important;
}

body.rtl.single-service .elementor-element-0d20578 a.btn:hover i,
body.rtl.single-service .elementor-element-a9fcc95 a.btn:hover i,
body.rtl.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn:hover i {
    transform: rotate(45deg) !important;
}

body.rtl.single-service .elementor-widget-pxl_button a.btn:before,
body.rtl.single-service .elementor-widget-pxl_button a.btn:after {
    display: none !important;
    content: none !important;
    animation: none !important;
    box-shadow: none !important;
    background: none !important;
}

/* --------------------------------------------------------------------------
   ICCMD SERVICE PAGES "CONNECT WITH US" BUTTON (ENGLISH)
   Visible across ALL screens (Desktop, Laptop, Tablet, Mobile)
   -------------------------------------------------------------------------- */
body:not(.rtl).single-service .elementor-element-0d20578,
body:not(.rtl).single-service .elementor-element-pxl_contact_btn_3288,
body:not(.rtl).single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

body:not(.rtl).single-service .elementor-element-0d20578 a.btn,
body:not(.rtl).single-service .elementor-element-pxl_contact_btn_3288 a.btn,
body:not(.rtl).single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn {
    background-color: #00A389;
    color: #ffffff;
    border: none !important;
    border-radius: 50px !important;
    min-height: 50px !important;
    height: auto !important;
    padding: 0 10px 0 24px !important;
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    filter: none !important;
    transition: background-color 0.25s ease, transform 0.25s ease !important;
}

body:not(.rtl).single-service .elementor-element-0d20578 a.btn:hover,
body:not(.rtl).single-service .elementor-element-pxl_contact_btn_3288 a.btn:hover,
body:not(.rtl).single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn:hover {
    background-color: #008872 !important;
    transform: translateY(-2px) !important;
}

body:not(.rtl).single-service .elementor-element-0d20578 a.btn .pxl--btn-text,
body:not(.rtl).single-service .elementor-element-pxl_contact_btn_3288 a.btn .pxl--btn-text,
body:not(.rtl).single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn .pxl--btn-text {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    font-style: inherit !important;
    letter-spacing: inherit !important;
    line-height: inherit !important;
    text-transform: inherit !important;
    text-decoration: inherit !important;
    color: inherit;
    white-space: nowrap !important;
}

.single-service .elementor-element-0d20578 a.btn svg,
.single-service .elementor-element-pxl_contact_btn_3288 a.btn svg,
.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn svg,
.single-service .elementor-element-0d20578 a.btn i,
.single-service .elementor-element-pxl_contact_btn_3288 a.btn i,
.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn i {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 9px !important;
    box-sizing: border-box !important;
    border: none !important;
    box-shadow: none !important;
    transition: transform 0.25s ease !important;
}

.single-service .elementor-element-0d20578 a.btn svg path,
.single-service .elementor-element-pxl_contact_btn_3288 a.btn svg path,
.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn svg path {
    fill: #00A389 !important;
}

.single-service .elementor-element-0d20578 a.btn i::before,
.single-service .elementor-element-pxl_contact_btn_3288 a.btn i::before,
.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn i::before {
    content: "" !important;
    display: block !important;
    width: 14px !important;
    height: 14px !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300A389' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='7' y1='17' x2='17' y2='7'%3E%3C/line%3E%3Cpolyline points='7 7 17 7 17 17'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center center / contain !important;
    font-family: inherit !important;
    transform: none !important;
}

.single-service .elementor-element-0d20578 a.btn:hover svg,
.single-service .elementor-element-pxl_contact_btn_3288 a.btn:hover svg,
.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn:hover svg,
.single-service .elementor-element-0d20578 a.btn:hover i,
.single-service .elementor-element-pxl_contact_btn_3288 a.btn:hover i,
.single-service .elementor-widget-pxl_button:not(.elementor-element-90fa0db):not(.elementor-element-64cdc7a):not(.elementor-element-3e7116e) a.btn:hover i {
    transform: rotate(45deg) !important;
}

/* --------------------------------------------------------------------------
   ICCMD ARABIC OUR SERVICES PAGE BUTTONS (MATCHING HOMEPAGE EXACTLY - IMAGE 2)
   Green circular badge on LEFT, اعرف المزيد text on RIGHT, smooth hover
   -------------------------------------------------------------------------- */
.page-id-11034 .elementor-widget-button .elementor-button {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 40px !important;
    padding: 10px 18px 10px 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    color: #ffffff !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
}

.page-id-11034 .elementor-widget-button .elementor-button:hover {
    background-color: #00A389 !important;
    border-color: #00A389 !important;
    color: #ffffff !important;
}

.page-id-11034 .elementor-widget-button .elementor-button .elementor-button-content-wrapper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    width: auto !important;
}

.page-id-11034 .elementor-widget-button .elementor-button .elementor-button-icon {
    order: 2 !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    background: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 300ms ease !important;
}

.page-id-11034 .elementor-widget-button .elementor-button .elementor-button-icon i {
    transform: rotate(-45deg) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    display: inline-block !important;
    line-height: 1 !important;
}

.page-id-11034 .elementor-widget-button .elementor-button:hover .elementor-button-icon {
    background: #ffffff !important;
}

.page-id-11034 .elementor-widget-button .elementor-button:hover .elementor-button-icon i {
    color: #00A389 !important;
}

.page-id-11034 .elementor-widget-button .elementor-button .elementor-button-text {
    order: 1 !important;
    color: #ffffff !important;
    font-family: "Avenir Next Arabic", "Avenir Arabic", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}


/* ==========================================================================
   ICCMD ARABIC CONTACT FORMS (SERVICE SIDEBAR & CONTACT US PAGE)
   Avenir Next Arabic typography, Right-aligned button, Sleek arrow badge
   ========================================================================== */

/* 1. Input Fields & Textareas Typography */
body.rtl .wrap-ctf-contact input,
body.rtl .wrap-ctf-contact textarea,
body.rtl .wrap-ctf-contact select,
body.rtl .wrap-ctf-service input,
body.rtl .wrap-ctf-service textarea,
body.rtl .wrap-ctf-service select,
body.rtl .wpcf7-form input[type="text"],
body.rtl .wpcf7-form input[type="email"],
body.rtl .wpcf7-form input[type="tel"],
body.rtl .wpcf7-form textarea,
.page-id-11020 .wpcf7-form input,
.page-id-11020 .wpcf7-form textarea {
    font-family: "Avenir Next Arabic", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-align: right !important;
    direction: rtl !important;
}

/* 2. Placeholders Typography */
body.rtl .wrap-ctf-contact ::placeholder,
body.rtl .wrap-ctf-service ::placeholder,
body.rtl .wpcf7-form ::placeholder,
.page-id-11020 .wpcf7-form ::placeholder,
.page-id-11020 ::placeholder {
    font-family: "Avenir Next Arabic", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: right !important;
    direction: rtl !important;
    opacity: 0.75 !important;
}

body.rtl .wrap-ctf-contact input::-webkit-input-placeholder,
body.rtl .wrap-ctf-contact textarea::-webkit-input-placeholder,
body.rtl .wrap-ctf-service input::-webkit-input-placeholder,
body.rtl .wrap-ctf-service textarea::-webkit-input-placeholder,
body.rtl .wpcf7-form input::-webkit-input-placeholder,
body.rtl .wpcf7-form textarea::-webkit-input-placeholder,
.page-id-11020 .wpcf7-form input::-webkit-input-placeholder,
.page-id-11020 .wpcf7-form textarea::-webkit-input-placeholder {
    font-family: "Avenir Next Arabic", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-align: right !important;
    direction: rtl !important;
    opacity: 0.75 !important;
}

/* 3. Submit Button Container: Aligned to the RIGHT */
body.rtl .wpcf7-form p,
body.rtl .wrap-ctf-contact p,
body.rtl .wrap-ctf-service p,
.page-id-11020 .wpcf7-form p {
    text-align: right !important;
    direction: rtl !important;
}

body.rtl .wpcf7-form p:has(.wpcf7-submit),
.page-id-11020 .wpcf7-form p:has(.wpcf7-submit) {
    display: flex !important;
    justify-content: flex-start !important; /* In RTL flex-start is on the right */
    width: 100% !important;
    text-align: right !important;
    margin-top: 15px !important;
}

/* 4. Arabic Submit Button Styling (Dark Pill + Green Circle on Left + Avenir Font) */
body.rtl .wpcf7-submit,
.page-id-11020 .wpcf7-submit,
body.rtl .wrap-ctf-contact .wpcf7-submit,
body.rtl .wrap-ctf-service .wpcf7-submit {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-direction: row !important; /* Text on right, badge on left in RTL */
    gap: 14px !important;
    background-color: #161a1f !important;
    background: #161a1f !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 9999px !important;
    padding: 6px 26px 6px 8px !important; /* 26px right padding for text, 8px left padding for circle badge */
    height: 52px !important;
    min-height: 52px !important;
    line-height: 1 !important;
    color: #ffffff !important;
    font-family: "Avenir Next Arabic", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important;
    float: right !important; /* Stays aligned to the right */
    margin-right: 0 !important;
    margin-left: auto !important;
}

body.rtl .wpcf7-submit br,
.page-id-11020 .wpcf7-submit br {
    display: none !important;
}

body.rtl .wpcf7-submit .iccmd-btn-text,
.page-id-11020 .wpcf7-submit .iccmd-btn-text {
    order: 1 !important;
    font-family: "Avenir Next Arabic", -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1 !important;
}

body.rtl .wpcf7-submit .iccmd-btn-circle-badge,
.page-id-11020 .wpcf7-submit .iccmd-btn-circle-badge {
    order: 2 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background-color: #00A389 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    transition: transform 0.25s ease, background-color 0.25s ease !important;
}

body.rtl .wpcf7-submit .iccmd-btn-circle-badge i,
.page-id-11020 .wpcf7-submit .iccmd-btn-circle-badge i {
    transform: rotate(-45deg) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    display: inline-block !important;
    transition: transform 0.25s ease !important;
}

body.rtl .wpcf7-submit:hover,
.page-id-11020 .wpcf7-submit:hover {
    background-color: #1f252d !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    transform: translateY(-2px) !important;
}

body.rtl .wpcf7-submit:hover .iccmd-btn-circle-badge,
.page-id-11020 .wpcf7-submit:hover .iccmd-btn-circle-badge {
    background-color: #008772 !important;
}

body.rtl .wpcf7-submit:hover .iccmd-btn-circle-badge i,
.page-id-11020 .wpcf7-submit:hover .iccmd-btn-circle-badge i {
    transform: rotate(45deg) !important;
}

body.rtl .wpcf7-submit svg,
.page-id-11020 .wpcf7-submit svg {
    display: none !important;
}


/* ==========================================================================
   ICCMD ARABIC SERVICE BOTTOM CONTACT BUTTON
   White Circle Badge with #00A389 Icon (Everything else remains identical)
   ========================================================================== */
body.rtl.single-service .iccmd-pill-btn-light .elementor-button-icon,
body.single-service .elementor-element-955397c .elementor-button-icon,
.elementor-element-955397c .elementor-button-icon {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body.rtl.single-service .iccmd-pill-btn-light .elementor-button-icon i,
body.rtl.single-service .iccmd-pill-btn-light .elementor-button-icon svg,
body.single-service .elementor-element-955397c .elementor-button-icon i,
body.single-service .elementor-element-955397c .elementor-button-icon svg,
.elementor-element-955397c .elementor-button-icon i,
.elementor-element-955397c .elementor-button-icon svg {
    color: #00A389 !important;
    fill: #00A389 !important;
    stroke: #00A389 !important;
}

body.rtl.single-service .iccmd-pill-btn-light .elementor-button:hover .elementor-button-icon,
body.single-service .elementor-element-955397c .elementor-button:hover .elementor-button-icon,
.elementor-element-955397c .elementor-button:hover .elementor-button-icon {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

body.rtl.single-service .iccmd-pill-btn-light .elementor-button:hover .elementor-button-icon i,
body.rtl.single-service .iccmd-pill-btn-light .elementor-button:hover .elementor-button-icon svg,
body.single-service .elementor-element-955397c .elementor-button:hover .elementor-button-icon i,
body.single-service .elementor-element-955397c .elementor-button:hover .elementor-button-icon svg,
.elementor-element-955397c .elementor-button:hover .elementor-button-icon i,
.elementor-element-955397c .elementor-button:hover .elementor-button-icon svg {
    color: #00A389 !important;
    fill: #00A389 !important;
    stroke: #00A389 !important;
}

/* ==========================================================================
   ICCMD BLOG / SINGLE POST FULL-WIDTH LAYOUT & SIDEBAR STYLING
   Align content starting boundary exactly with Header Logo:
   - Header Logo starts at 40px left padding on laptops/desktops (>1024px)
   - Blog container: width: 100%, padding-left: 40px, padding-right: 40px
   - Reset bootstrap row margins and column paddings inside single-post
   - Reset Elementor nested content padding inside post-content
   ========================================================================== */

/* 1. Full-Width Main Container matching Header Padding */
body.single-post #pxl-main,
body.single-post .pxl-content-wrap {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.single-post .container,
body.single-post > .container,
body.single-post #pxl-wapper .container,
body.single-post #pxl-main .container,
body.single-post div.container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}
body.single-post .container > .row,
body.single-post .row.pxl-content-wrap {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
}

/* Desktop/Tablet (> 767px): Content Area & Sidebar side padding */
@media (min-width: 768px) {
    body.single-post #pxl-content-area,
    body.single-post #pxl-content-area.col-lg-8 {
        padding-left: 0 !important;
        padding-right: 30px !important;
    }
    body.single-post #pxl-sidebar-area {
        padding-right: 0 !important;
        padding-left: 15px !important;
    }
    body.rtl.single-post #pxl-content-area,
    body.rtl.single-post #pxl-content-area.col-lg-8 {
        padding-right: 0 !important;
        padding-left: 30px !important;
    }
    body.rtl.single-post #pxl-sidebar-area {
        padding-left: 0 !important;
        padding-right: 15px !important;
    }
}

/* Zero out any Elementor container padding inside single post article content */
body.single-post .post-content,
body.single-post .post-content .content-inner,
body.single-post .post-content .elementor,
body.single-post .post-content .elementor > .e-con,
body.single-post .post-content .elementor > .e-con.e-parent,
body.single-post .post-content .elementor > .e-con > .e-con-inner,
body.single-post .post-content .elementor-widget-container,
body.single-post .pxl-heading,
body.single-post .pxl-heading--inner {
    padding-left: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box !important;
}

body.rtl.single-post .post-content,
body.rtl.single-post .post-content .content-inner,
body.rtl.single-post .post-content .elementor,
body.rtl.single-post .post-content .elementor > .e-con,
body.rtl.single-post .post-content .elementor > .e-con.e-parent,
body.rtl.single-post .post-content .elementor > .e-con > .e-con-inner,
body.rtl.single-post .post-content .elementor-widget-container,
body.rtl.single-post .pxl-heading,
body.rtl.single-post .pxl-heading--inner {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Responsive side spacing matching Header Responsive Rules */
@media (min-width: 768px) and (max-width: 1054px) {
    body.single-post #pxl-main > .container,
    body.single-post .pxl-content-wrap > .container,
    body.single-post #pxl-wapper .container {
        padding-left: 25px !important;
        padding-right: 25px !important;
    }
}

@media (max-width: 767px) {
    body.single-post .container,
    body.single-post > .container,
    body.single-post #pxl-wapper .container,
    body.single-post #pxl-main .container,
    body.single-post div.container {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
    body.single-post #pxl-content-area,
    body.rtl.single-post #pxl-content-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.widget_pxl_recent_posts .pxl-item--date {
    display: none !important;
}

/* 3. Sidebar Latest Blogs Widget: Square & Rounded Image */
.widget_pxl_recent_posts .pxl-item--img {
    width: 90px !important;
    min-width: 90px !important;
    height: 90px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    position: relative !important;
}

.widget_pxl_recent_posts .pxl-item--img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

/* 4. Sidebar Items Flex Alignment & Gap */
.widget_pxl_recent_posts .pxl--item {
    display: flex !important;
    align-items: flex-start !important;
    column-gap: 16px !important;
    padding-bottom: 22px !important;
    margin-bottom: 0 !important;
}

.widget_pxl_recent_posts .pxl-item--holder {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* 5. Heading Title: Public Sans, 4 Lines Clamp with Ellipsis (...) */
.widget_pxl_recent_posts .pxl-item--title,
.widget_pxl_recent_posts .pxl-item--title a {
    font-family: "Public Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #111827 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.widget_pxl_recent_posts .pxl-item--title {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-height: calc(1.4em * 4) !important;
}

.widget_pxl_recent_posts .pxl-item--title a:hover {
    color: #00A389 !important;
}

/* 6. Sidebar Widget Titles (Search & Latest Blogs): Public Sans */
.pxl-sidebar-sticky .widget .widget-title,
.pxl-sidebar-sticky .widget .widget-title span,
.pxl-sidebar-area .widget-title,
.pxl-sidebar-area .widget-title span,
.pxl-sidebar-post .widget-title,
.pxl-sidebar-post .widget-title span {
    font-family: "Public Sans", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #0f172a !important;
}

/* Search input field: Public Sans */
.pxl-sidebar-area .widget_search .search-field {
    font-family: "Public Sans", sans-serif !important;
    font-size: 15px !important;
}

/* RTL / Arabic specific adjustments for sidebar */
body.rtl .widget_pxl_recent_posts .pxl--item {
    column-gap: 16px !important;
}

body.rtl .widget_pxl_recent_posts .pxl-item--title,
body.rtl .widget_pxl_recent_posts .pxl-item--title a,
body.rtl .pxl-sidebar-sticky .widget .widget-title,
body.rtl .pxl-sidebar-sticky .widget .widget-title span {
    font-family: "Public Sans", 'Avenir Next Arabic', sans-serif !important;
}

/* ==========================================================================
   FORCE POST CONTENT ZERO INNER PADDING IN SINGLE POST
   Override global .elementor > .e-con.e-parent 40px padding inside #pxl-content-area
   ========================================================================== */
/* Always zero out inner Elementor section/container padding on single posts */
body.single-post #pxl-content-area .elementor > .e-con.e-parent,
body.single-post #pxl-content-area .elementor > .elementor-section,
body.single-post #pxl-content-area .elementor > .elementor-top-section,
body.single-post .post-content .elementor > .e-con.e-parent,
body.single-post .post-content .elementor > .elementor-section,
body.single-post .post-content .elementor > .elementor-top-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==========================================================================
   ICCMD SINGLE POST TOP HERO BANNER STYLING
   Matches About Us Hero Banner with Breadcrumbs:
   - Half height on Laptop & Desktop (padding: 100px top & bottom instead of 200px)
   - Half height on Tablet (padding: 75px top & bottom instead of 150px)
   - Standard full height on Mobile (< 768px: padding: 120px top & bottom)
   - Uses the exact Board of Directors image from About Us page
   - Displays breadcrumb only (no page/post title)
   - Side boundaries match top header side spacing
   ========================================================================== */

.iccmd-single-post-hero-container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 40px !important;
}

.iccmd-single-post-hero-banner {
    position: relative !important;
    background-image: url('https://iccmdcenter.org/wp-content/uploads/2026/08/Board-of-Directors-scaled-1.webp') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% - 56px) !important;
    max-width: calc(100% - 56px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 28px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    -webkit-mask-image: -webkit-radial-gradient(center, white, black);
    mask-image: -webkit-radial-gradient(center, white, black);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
}

.iccmd-single-post-hero-overlay {
    position: absolute !important;
    inset: 0 !important;
    background-color: #000000 !important;
    opacity: 0.18 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.iccmd-single-post-hero-inner {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 1340px !important;
    padding-top: 200px !important;
    padding-bottom: 200px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.iccmd-single-post-hero-inner .pxl-breadcrumb-wrap {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
}

.iccmd-single-post-hero-inner .pxl-breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    gap: 8px !important;
}

.iccmd-single-post-hero-inner .pxl-breadcrumb li,
.iccmd-single-post-hero-inner .pxl-breadcrumb a,
.iccmd-single-post-hero-inner .pxl-breadcrumb span {
    color: #ffffff !important;
    font-family: 'DM Sans', 'Public Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

.iccmd-single-post-hero-inner .pxl-breadcrumb a:hover {
    color: #00A389 !important;
}

/* RTL Support for Arabic Single Post */
body.rtl .iccmd-single-post-hero-inner .pxl-breadcrumb li,
body.rtl .iccmd-single-post-hero-inner .pxl-breadcrumb a,
body.rtl .iccmd-single-post-hero-inner .pxl-breadcrumb span {
    font-family: 'Avenir Next Arabic', 'DM Sans', sans-serif !important;
}

/* Tablet Responsive: Half Height (75px top/bottom) */
@media (min-width: 768px) and (max-width: 1024px) {
    .iccmd-single-post-hero-banner {
        width: calc(100% - 40px) !important;
        max-width: calc(100% - 40px) !important;
        border-radius: 22px !important;
    }
    .iccmd-single-post-hero-inner {
        padding-top: 150px !important;
        padding-bottom: 150px !important;
    }
}

/* Mobile Responsive: Standard Full Height (120px top/bottom) */
@media (max-width: 767px) {
    .iccmd-single-post-hero-container {
        margin-bottom: 25px !important;
    }
    .iccmd-single-post-hero-banner {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        border-radius: 18px !important;
        background-position: center right !important;
    }
    .iccmd-single-post-hero-inner {
        padding-top: 120px !important;
        padding-bottom: 120px !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .iccmd-single-post-hero-inner .pxl-breadcrumb li,
    .iccmd-single-post-hero-inner .pxl-breadcrumb a,
    .iccmd-single-post-hero-inner .pxl-breadcrumb span {
        font-size: 14px !important;
    }
}

/* ==========================================================================
   SINGLE POST CONTENT & IMAGE MOBILE SIDE GAP FIX
   Matches exactly the header logo / side spacing (18px left & right):
   - Unconstrains Elementor nested padding inside post-content on mobile
   - Ensures images and content fill the 100% column width inside the 18px padded container
   ========================================================================== */
@media (max-width: 767px) {
    body.single-post #pxl-main .container,
    body.single-post .container {
        padding-left: 18px !important;
        padding-right: 18px !important;
        max-width: 100% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }
    body.single-post #pxl-content-area,
    body.rtl.single-post #pxl-content-area {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    body.single-post .single-post-inner,
    body.single-post .post-content,
    body.single-post .content-inner,
    body.single-post .single-elementor-content,
    body.single-post .single-elementor-content .elementor,
    body.single-post .single-elementor-content .e-con,
    body.single-post .single-elementor-content .e-con.e-parent,
    body.single-post .single-elementor-content .e-con > .e-con-inner,
    body.single-post .single-elementor-content .elementor-widget-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    body.single-post .elementor-widget-image,
    body.single-post .elementor-widget-image .elementor-widget-container,
    body.single-post .elementor-widget-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 12px !important;
    }
}

/* ==========================================================================
   UNIFIED GLOBAL STYLING FOR ALL SINGLE BLOG POSTS (ENGLISH & ARABIC)
   Matches post 13481 (English) and 13374 (Arabic) styling across all posts
   ========================================================================== */

/* 1. ENGLISH BLOG POST TYPOGRAPHY (LTR) */
body:not(.rtl).single-post #pxl-content-area h1,
body:not(.rtl).single-post #pxl-content-area h2,
body:not(.rtl).single-post #pxl-content-area h3,
body:not(.rtl).single-post #pxl-content-area .pxl-item--title,
body:not(.rtl).single-post #pxl-content-area .elementor-heading-title,
body:not(.rtl).single-post #pxl-content-area .entry-title {
    font-family:  Public Sans, sans-serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    color: #000000 !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
}

body:not(.rtl).single-post #pxl-content-area h2:not(:first-child),
body:not(.rtl).single-post #pxl-content-area h3:not(:first-child) {
    font-size: 24px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

body:not(.rtl).single-post #pxl-content-area p,
body:not(.rtl).single-post #pxl-content-area .pxl-text-editor,
body:not(.rtl).single-post #pxl-content-area .pxl-text-editor p,
body:not(.rtl).single-post #pxl-content-area .entry-content p,
body:not(.rtl).single-post #pxl-content-area li,
body:not(.rtl).single-post #pxl-content-area ul {
    font-family: Public Sans, sans-serif !important;
    font-size: 16px !important;
    line-height: 28px !important;
    color: #111827 !important;
}

body:not(.rtl).single-post #pxl-content-area p strong,
body:not(.rtl).single-post #pxl-content-area p b {
    font-weight: 600 !important;
    color: #000000 !important;
}

body:not(.rtl).single-post #pxl-content-area blockquote {
    border-left: 3px solid #00A389 !important;
    padding-left: 20px !important;
    margin: 25px 0 !important;
    font-style: italic !important;
}

/* 2. ARABIC BLOG POST TYPOGRAPHY (RTL) */
body.rtl.single-post #pxl-content-area h1,
body.rtl.single-post #pxl-content-area h2,
body.rtl.single-post #pxl-content-area h3,
body.rtl.single-post #pxl-content-area .pxl-item--title,
body.rtl.single-post #pxl-content-area .elementor-heading-title,
body.rtl.single-post #pxl-content-area .entry-title {
    font-family: Avenir Next Arabic, 'Avenir Next Arabic Bold', sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #000000 !important;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
    text-align: right !important;
}

body.rtl.single-post #pxl-content-area h2:not(:first-child),
body.rtl.single-post #pxl-content-area h3:not(:first-child) {
    font-size: 26px !important;
    margin-top: 30px !important;
    margin-bottom: 20px !important;
}

body.rtl.single-post #pxl-content-area p,
body.rtl.single-post #pxl-content-area .pxl-text-editor,
body.rtl.single-post #pxl-content-area .pxl-text-editor p,
body.rtl.single-post #pxl-content-area .entry-content p,
body.rtl.single-post #pxl-content-area li,
body.rtl.single-post #pxl-content-area ul {
    font-family: Avenir Next Arabic, 'Avenir Next Arabic Book', sans-serif !important;
    font-size: 19px !important;
    line-height: 38px !important;
    color: #111827 !important;
    text-align: right !important;
    direction: rtl !important;
}

body.rtl.single-post #pxl-content-area p strong,
body.rtl.single-post #pxl-content-area p b {
    font-weight: 700 !important;
    color: #000000 !important;
}

body.rtl.single-post #pxl-content-area blockquote {
    border-right: 3px solid #00A389 !important;
    border-left: none !important;
    padding-right: 20px !important;
    padding-left: 0 !important;
    margin: 25px 0 !important;
    font-style: italic !important;
    text-align: right !important;
}

/* 3. RESPONSIVE ADJUSTMENTS FOR HEADINGS ACROSS DEVICES */
@media (max-width: 1024px) {
    body:not(.rtl).single-post #pxl-content-area h1,
    body:not(.rtl).single-post #pxl-content-area h2,
    body:not(.rtl).single-post #pxl-content-area h3,
    body:not(.rtl).single-post #pxl-content-area .pxl-item--title,
    body:not(.rtl).single-post #pxl-content-area .elementor-heading-title {
        font-size: 24px !important;
    }
    body.rtl.single-post #pxl-content-area h1,
    body.rtl.single-post #pxl-content-area h2,
    body.rtl.single-post #pxl-content-area h3,
    body.rtl.single-post #pxl-content-area .pxl-item--title,
    body.rtl.single-post #pxl-content-area .elementor-heading-title {
        font-size: 27px !important;
    }
}

@media (max-width: 767px) {
    body:not(.rtl).single-post #pxl-content-area h1,
    body:not(.rtl).single-post #pxl-content-area h2,
    body:not(.rtl).single-post #pxl-content-area h3,
    body:not(.rtl).single-post #pxl-content-area .pxl-item--title,
    body:not(.rtl).single-post #pxl-content-area .elementor-heading-title {
        font-size: 20px !important;
        line-height: 1.5 !important;
    }
    body.rtl.single-post #pxl-content-area h1,
    body.rtl.single-post #pxl-content-area h2,
    body.rtl.single-post #pxl-content-area h3,
    body.rtl.single-post #pxl-content-area .pxl-item--title,
    body.rtl.single-post #pxl-content-area .elementor-heading-title {
        font-size: 23px !important;
        line-height: 1.5 !important;
    }
    body.rtl.single-post #pxl-content-area p,
    body.rtl.single-post #pxl-content-area .pxl-text-editor p {
        font-size: 17px !important;
        line-height: 34px !important;
    }
}