/*
|--------------------------------------------------------------------------
| SHENDY TECH — HOME COMPACT DENSITY
|--------------------------------------------------------------------------
|
| هذا الملف يجب أن يتم تحميله بعد:
| hero.css
| products.css
| services.css
| why-us.css
| technology.css
|
*/


/* ==========================================================================
   GLOBAL
   ========================================================================== */

body.st-site
#main-content {

    overflow-x: hidden;
}


body.st-site
.st-home-section-slot {

    width: 100%;

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;
}


body.st-site
.st-home-section-slot > section {

    height: auto !important;

    min-height: 0 !important;

    max-height: none !important;

    margin: 0 !important;
}


/* ==========================================================================
   PRODUCTS
   ========================================================================== */

body.st-site
.st-home-products-slot > section {

    padding-block:
        68px !important;
}


body.st-site
.st-home-products-slot
.st-section-heading {

    margin-block-end:
        35px !important;
}


body.st-site
.st-home-products-slot h2 {

    margin-block-end:
        12px !important;
}


/* ==========================================================================
   SERVICES
   ========================================================================== */

body.st-site
.st-home-services-slot
.st-svc {

    padding-block:
        72px !important;

    min-height:
        0 !important;
}


body.st-site
.st-home-services-slot
.st-svc-top {

    margin-block-end:
        40px !important;

    padding-block-end:
        16px !important;
}


body.st-site
.st-home-services-slot
.st-svc-layout {

    align-items:
        start !important;

    gap:
        55px !important;
}


/* --------------------------------------------------------------------------
   Services Copy
   -------------------------------------------------------------------------- */

body.st-site
.st-home-services-slot
.st-svc-copy-inner {

    top:
        100px !important;
}


body.st-site
.st-home-services-slot
.st-svc-eyebrow {

    margin-block-end:
        16px !important;
}


body.st-site
.st-home-services-slot
.st-svc-title {

    max-width:
        520px !important;

    margin-block-end:
        18px !important;

    font-size:
        clamp(
            38px,
            3.6vw,
            56px
        ) !important;
}


html[dir="rtl"]
body.st-site
.st-home-services-slot
.st-svc-title {

    line-height:
        1.32 !important;
}


body.st-site
.st-home-services-slot
.st-svc-description {

    max-width:
        520px !important;

    font-size:
        13px !important;

    line-height:
        1.85 !important;
}


body.st-site
.st-home-services-slot
.st-svc-main-btn {

    min-height:
        50px !important;

    margin-block-start:
        23px !important;
}


body.st-site
.st-home-services-slot
.st-svc-process {

    margin-block-start:
        32px !important;

    padding-block-start:
        17px !important;
}


/* --------------------------------------------------------------------------
   Services Cards
   -------------------------------------------------------------------------- */

body.st-site
.st-home-services-slot
.st-svc-list {

    gap:
        9px !important;
}


body.st-site
.st-home-services-slot
.st-svc-card-link {

    min-height:
        112px !important;

    grid-template-columns:
        52px
        minmax(0, 1fr)
        43px !important;

    gap:
        15px !important;

    padding:
        18px
        20px !important;

    border-radius:
        18px !important;
}


body.st-site
.st-home-services-slot
.st-svc-card-number > i {

    height:
        25px !important;
}


body.st-site
.st-home-services-slot
.st-svc-card-label {

    margin-block-end:
        5px !important;
}


body.st-site
.st-home-services-slot
.st-svc-card-content h3 {

    margin-block-end:
        5px !important;

    font-size:
        20px !important;
}


body.st-site
.st-home-services-slot
.st-svc-card-content p {

    font-size:
        9.5px !important;

    line-height:
        1.65 !important;
}


body.st-site
.st-home-services-slot
.st-svc-card-arrow {

    width:
        40px !important;

    height:
        40px !important;
}


/* ==========================================================================
   WHY US
   ========================================================================== */

body.st-site
.st-home-why-slot
.st-why {

    padding-block:
        72px !important;

    min-height:
        0 !important;
}


body.st-site
.st-home-why-slot
.st-why-top {

    margin-block-end:
        40px !important;

    padding-block-end:
        16px !important;
}


body.st-site
.st-home-why-slot
.st-why-layout {

    gap:
        60px !important;
}


/* --------------------------------------------------------------------------
   Why Copy
   -------------------------------------------------------------------------- */

body.st-site
.st-home-why-slot
.st-why-eyebrow {

    margin-block-end:
        15px !important;
}


body.st-site
.st-home-why-slot
.st-why-title {

    max-width:
        620px !important;

    margin-block-end:
        18px !important;

    font-size:
        clamp(
            40px,
            3.8vw,
            58px
        ) !important;
}


html[dir="rtl"]
body.st-site
.st-home-why-slot
.st-why-title {

    line-height:
        1.32 !important;
}


body.st-site
.st-home-why-slot
.st-why-description {

    max-width:
        590px !important;

    font-size:
        13px !important;

    line-height:
        1.85 !important;
}


/* --------------------------------------------------------------------------
   Reasons
   -------------------------------------------------------------------------- */

body.st-site
.st-home-why-slot
.st-why-reasons {

    gap:
        8px !important;

    margin-block-start:
        25px !important;
}


body.st-site
.st-home-why-slot
.st-why-reason {

    min-height:
        68px !important;

    grid-template-columns:
        36px
        minmax(0, 1fr) !important;

    gap:
        9px !important;

    padding:
        10px
        12px !important;

    border-radius:
        14px !important;
}


body.st-site
.st-home-why-slot
.st-why-reason-icon {

    width:
        35px !important;

    height:
        35px !important;

    border-radius:
        11px !important;
}


body.st-site
.st-home-why-slot
.st-why-reason > div:last-child > strong {

    font-size:
        9px !important;

    line-height:
        1.55 !important;
}


/* --------------------------------------------------------------------------
   Why Visual
   -------------------------------------------------------------------------- */

body.st-site
.st-home-why-slot
.st-why-visual {

    min-height:
        460px !important;
}


body.st-site
.st-home-why-slot
.st-why-command {

    width:
        min(
            100%,
            430px
        ) !important;

    min-height:
        415px !important;

    padding:
        19px !important;

    border-radius:
        26px !important;
}


body.st-site
.st-home-why-slot
.st-why-command-brand {

    width:
        185px !important;
}


body.st-site
.st-home-why-slot
.st-why-core {

    height:
        185px !important;

    margin-block:
        12px
        5px !important;
}


body.st-site
.st-home-why-slot
.st-why-core::before {

    width:
        145px !important;

    height:
        145px !important;
}


body.st-site
.st-home-why-slot
.st-why-core::after {

    width:
        100px !important;

    height:
        100px !important;
}


body.st-site
.st-home-why-slot
.st-why-core-center {

    width:
        72px !important;

    height:
        72px !important;

    border-radius:
        21px !important;
}


body.st-site
.st-home-why-slot
.st-why-core-center strong {

    font-size:
        23px !important;
}


body.st-site
.st-home-why-slot
.st-why-core-node {

    min-width:
        78px !important;

    padding:
        7px
        8px !important;
}


body.st-site
.st-home-why-slot
.st-why-system-bars {

    gap:
        7px !important;
}


body.st-site
.st-home-why-slot
.st-why-command-footer {

    margin-block-start:
        14px !important;

    padding-block-start:
        12px !important;
}


/* --------------------------------------------------------------------------
   Why Process
   -------------------------------------------------------------------------- */

body.st-site
.st-home-why-slot
.st-why-process {

    margin-block-start:
        45px !important;

    padding:
        16px
        21px !important;
}


/* ==========================================================================
   TECHNOLOGY
   ========================================================================== */

body.st-site
.st-home-technology-slot
.st-tech {

    padding-block:
        70px !important;

    min-height:
        0 !important;
}


body.st-site
.st-home-technology-slot
.st-tech-top {

    margin-block-end:
        35px !important;

    padding-block-end:
        15px !important;
}


/* --------------------------------------------------------------------------
   Technology Heading
   -------------------------------------------------------------------------- */

body.st-site
.st-home-technology-slot
.st-tech-heading {

    margin-block-end:
        40px !important;

    gap:
        45px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-eyebrow {

    margin-block-end:
        14px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-heading h2 {

    max-width:
        710px !important;

    font-size:
        clamp(
            42px,
            4vw,
            60px
        ) !important;
}


html[dir="rtl"]
body.st-site
.st-home-technology-slot
.st-tech-heading h2 {

    line-height:
        1.32 !important;
}


body.st-site
.st-home-technology-slot
.st-tech-heading-description > p {

    font-size:
        12.5px !important;

    line-height:
        1.8 !important;
}


/* --------------------------------------------------------------------------
   Technology Layout
   -------------------------------------------------------------------------- */

body.st-site
.st-home-technology-slot
.st-tech-layout {

    gap:
        55px !important;
}


/* --------------------------------------------------------------------------
   Technology Core
   -------------------------------------------------------------------------- */

body.st-site
.st-home-technology-slot
.st-tech-core-wrap {

    min-height:
        430px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-core {

    width:
        min(
            100%,
            390px
        ) !important;

    min-height:
        365px !important;

    padding:
        18px !important;

    border-radius:
        25px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-core-center {

    height:
        235px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-core-ring {

    width:
        150px !important;

    height:
        150px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-core-circle {

    width:
        100px !important;

    height:
        100px !important;

    border-radius:
        29px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-core-circle > strong {

    font-size:
        31px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-orbit-a {

    width:
        430px !important;

    height:
        430px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-orbit-b {

    width:
        340px !important;

    height:
        340px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-orbit-c {

    width:
        260px !important;

    height:
        260px !important;
}


/* --------------------------------------------------------------------------
   Technology Cards
   -------------------------------------------------------------------------- */

body.st-site
.st-home-technology-slot
.st-tech-grid {

    gap:
        8px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-card {

    min-height:
        118px !important;

    padding:
        10px !important;

    border-radius:
        15px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-card-icon {

    width:
        36px !important;

    height:
        36px !important;

    margin-block:
        10px
        7px !important;

    border-radius:
        11px !important;

    font-size:
        9px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-card h3 {

    min-height:
        23px !important;

    font-size:
        9px !important;
}


body.st-site
.st-home-technology-slot
.st-tech-card-bottom {

    margin-block-start:
        6px !important;

    padding-block-start:
        7px !important;
}


/* --------------------------------------------------------------------------
   Capabilities
   -------------------------------------------------------------------------- */

body.st-site
.st-home-technology-slot
.st-tech-capabilities {

    margin-block-start:
        42px !important;

    padding:
        15px
        20px !important;
}


/* ==========================================================================
   CLIENTS / OTHER WHITE SECTIONS
   ========================================================================== */

body.st-site
.st-home-clients-slot > section {

    padding-block:
        65px !important;

    min-height:
        0 !important;
}


body.st-site
.st-home-cta-slot > section {

    padding-block:
        55px !important;

    min-height:
        0 !important;
}


/* ==========================================================================
   REMOVE EMPTY / GHOST SPACE
   ========================================================================== */

body.st-site
.st-home-clients-slot:has(> section:empty),

body.st-site
.st-home-technology-slot:has(> section:empty),

body.st-site
.st-home-why-slot:has(> section:empty),

body.st-site
.st-home-services-slot:has(> section:empty),

body.st-site
.st-home-cta-slot:has(> section:empty) {

    display: none !important;
}


/*
|--------------------------------------------------------------------------
| إزالة أي Full Screen قديم
|--------------------------------------------------------------------------
*/

body.st-site
.st-home-section-slot
.full-height,

body.st-site
.st-home-section-slot
.full-screen,

body.st-site
.st-home-section-slot
.screen-height {

    height:
        auto !important;

    min-height:
        0 !important;
}


/* ==========================================================================
   TABLET
   ========================================================================== */

@media (max-width: 980px) {

    body.st-site
    .st-home-products-slot > section,

    body.st-site
    .st-home-services-slot > section,

    body.st-site
    .st-home-why-slot > section,

    body.st-site
    .st-home-technology-slot > section,

    body.st-site
    .st-home-clients-slot > section {

        padding-block:
            58px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Services
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-services-slot
    .st-svc-copy-inner {

        position:
            relative !important;

        top:
            auto !important;
    }


    body.st-site
    .st-home-services-slot
    .st-svc-layout {

        gap:
            40px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Why
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-why-slot
    .st-why-layout {

        gap:
            42px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-visual {

        min-height:
            420px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Technology
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-technology-slot
    .st-tech-layout {

        gap:
            38px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-core-wrap {

        min-height:
            400px !important;
    }

}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width: 700px) {

    /*
    |--------------------------------------------------------------------------
    | Standard Spacing
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-products-slot > section,

    body.st-site
    .st-home-services-slot > section,

    body.st-site
    .st-home-why-slot > section,

    body.st-site
    .st-home-technology-slot > section,

    body.st-site
    .st-home-clients-slot > section {

        padding-block:
            44px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Services
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-services-slot
    .st-svc-top {

        margin-block-end:
            27px !important;
    }


    body.st-site
    .st-home-services-slot
    .st-svc-layout {

        gap:
            32px !important;
    }


    body.st-site
    .st-home-services-slot
    .st-svc-title {

        max-width:
            320px !important;

        font-size:
            30px !important;
    }


    body.st-site
    .st-home-services-slot
    .st-svc-description {

        max-width:
            320px !important;

        font-size:
            11.5px !important;
    }


    body.st-site
    .st-home-services-slot
    .st-svc-card-link {

        min-height:
            0 !important;

        padding:
            14px
            12px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Why
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-why-slot
    .st-why-top {

        margin-block-end:
            28px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-layout {

        gap:
            32px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-title {

        max-width:
            320px !important;

        font-size:
            30px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-description {

        max-width:
            320px !important;

        font-size:
            11.5px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-reasons {

        margin-block-start:
            20px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-visual {

        min-height:
            0 !important;

        padding-block:
            5px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-command {

        max-width:
            315px !important;

        min-height:
            0 !important;

        padding:
            14px !important;
    }


    body.st-site
    .st-home-why-slot
    .st-why-process {

        margin-block-start:
            30px !important;
    }


    /*
    |--------------------------------------------------------------------------
    | Technology
    |--------------------------------------------------------------------------
    */

    body.st-site
    .st-home-technology-slot
    .st-tech-top {

        margin-block-end:
            27px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-heading {

        margin-block-end:
            30px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-heading h2 {

        max-width:
            320px !important;

        font-size:
            30px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-heading-description p {

        max-width:
            320px !important;

        font-size:
            11.5px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-layout {

        gap:
            27px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-core-wrap {

        min-height:
            0 !important;

        padding-block:
            5px
            15px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-core {

        max-width:
            315px !important;

        min-height:
            0 !important;

        padding:
            14px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-core-center {

        height:
            200px !important;
    }


    body.st-site
    .st-home-technology-slot
    .st-tech-capabilities {

        margin-block-start:
            28px !important;
    }

}


/* ==========================================================================
   SMALL MOBILE
   ========================================================================== */

@media (max-width: 420px) {

    body.st-site
    .st-home-products-slot > section,

    body.st-site
    .st-home-services-slot > section,

    body.st-site
    .st-home-why-slot > section,

    body.st-site
    .st-home-technology-slot > section,

    body.st-site
    .st-home-clients-slot > section {

        padding-block:
            38px !important;
    }

}