/* =========================
   SECTION
========================= */

#home-about-section.home-about-section {

    width: 100% !important;

    min-height: 100vh !important;

    height: 100vh !important;

    background: #ffffff !important;

    padding: 36px 28px 28px !important;

    overflow: hidden !important;

    display: flex !important;

    align-items: center !important;

    direction: rtl !important;

}

body.translatepress-en_US
#home-about-section.home-about-section {

    direction: ltr !important;

}

#home-about-section * {

    box-sizing: border-box !important;

}


/* =========================
   LAYOUT
========================= */

#home-about-section .home-about-section-inner {

    width: 100% !important;

    max-width: 1360px !important;

    margin: 0 auto !important;

    display: grid !important;

    grid-template-columns:
        1.05fr .95fr !important;

    grid-template-areas:

        "images content" !important;

    column-gap: 80px !important;

    row-gap: 0 !important;

    align-items: center !important;

    direction: ltr !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-inner {

    grid-template-areas:

        "content images" !important;

}


/* =========================
   IMAGES
========================= */

#home-about-section .home-about-section-images {

    grid-area: images !important;

    height: clamp(260px, 52vh, 420px) !important;

    position: relative !important;

    display: flex !important;

    gap: 14px !important;

    direction: ltr !important;

}


#home-about-section .home-about-section-img {

    height: 100% !important;

    overflow: hidden !important;

    border-radius: 9px !important;

    position: relative !important;

}


#home-about-section .home-about-section-img img {

    width: 100% !important;

    height: 100% !important;

    object-fit: cover !important;

    display: block !important;

    transition:
        transform .8s cubic-bezier(.16,1,.3,1) !important;

}


/* SAME IMAGE - LEFT CUT */

#home-about-section .home-about-section-img-small {

    width: 30% !important;

    clip-path: polygon(

        0 0,

        100% 0,

        72% 100%,

        0 100%

    ) !important;

}

#home-about-section .home-about-section-img-small img {

    object-position:
        10% center !important;

    transform:
        scale(1.14) !important;

}


/* SAME IMAGE - MAIN CUT */

#home-about-section .home-about-section-img-main {

    width: 70% !important;

    clip-path: polygon(

        11% 0,

        100% 0,

        87% 100%,

        0 100%

    ) !important;

}

#home-about-section .home-about-section-img-main img {

    object-position:
        72% center !important;

    transform:
        scale(1.08) !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-img-small {

    order: 2 !important;

    clip-path: polygon(

        0 0,

        100% 0,

        100% 100%,

        28% 100%

    ) !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-img-main {

    order: 1 !important;

    clip-path: polygon(

        0 0,

        89% 0,

        100% 100%,

        13% 100%

    ) !important;

}


#home-about-section .home-about-section-img-small:hover img {

    transform:
        scale(1.20) !important;

}

#home-about-section .home-about-section-img-main:hover img {

    transform:
        scale(1.14) !important;

}


/* =========================
   CIRCULAR TEXT PATH
   Arabic = right | English = left
========================= */

#home-about-section .home-about-section-round-badge {

    width: 120px !important;

    height: 120px !important;

    position: absolute !important;

    right: -26px !important;

    left: auto !important;

    top: 66% !important;

    transform:
        translateY(-50%) !important;

    background: #ffffff !important;

    border-radius: 50% !important;

    overflow: visible !important;

    z-index: 20 !important;

    box-shadow:

        0 12px 32px rgba(0,0,0,.12) !important;

    pointer-events: none !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-round-badge {

    right: auto !important;

    left: -26px !important;

}


#home-about-section .home-about-section-round-spin {

    position: absolute !important;

    inset: 4px !important;

    z-index: 2 !important;

    border-radius: 50% !important;

    overflow: visible !important;

    animation:

        homeAboutMarquee
        14s
        linear
        infinite !important;

    will-change: transform !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-round-spin {

    animation-name:
        homeAboutMarqueeReverse !important;

}


#home-about-section .home-about-section-round-svg {

    width: 100% !important;

    height: 100% !important;

    display: block !important;

    overflow: visible !important;

}


#home-about-section .home-about-section-round-badge text,
#home-about-section .home-about-section-round-badge textPath {

    fill: #111111 !important;

    color: #111111 !important;

    font-family: inherit !important;

    text-transform: none !important;

    letter-spacing: 0.02em !important;

    word-spacing: 0.08em !important;

    unicode-bidi: normal !important;

}

#home-about-section
.home-about-section-round-text-ar,
#home-about-section
.home-about-section-round-text-ar textPath {

    letter-spacing: 0 !important;

    word-spacing: normal !important;

}

#home-about-section
.home-about-section-round-text-en,
#home-about-section
.home-about-section-round-text-en textPath {

    letter-spacing: 1px !important;

}


#home-about-section
.home-about-section-round-text-en {

    display: none !important;

}

body.translatepress-en_US
#home-about-section
.home-about-section-round-text-ar {

    display: none !important;

}

body.translatepress-en_US
#home-about-section
.home-about-section-round-text-en {

    display: inline !important;

}


#home-about-section .home-about-section-round-icon {

    width: 52px !important;

    height: 52px !important;

    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    transform:

        translate(-50%, -50%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    z-index: 3 !important;

    pointer-events: none !important;

}

#home-about-section .home-about-section-round-icon img {

    width: 44px !important;

    height: auto !important;

    max-width: 100% !important;

    display: block !important;

    filter: drop-shadow(0 6px 14px rgba(199,25,32,.22)) !important;

}

#home-about-section .home-about-section-round-dot {

    width: 18px !important;

    height: 18px !important;

    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    transform:

        translate(-50%, -50%) !important;

    background: #c71920 !important;

    border-radius: 50% !important;

    box-shadow:

        0 0 0 12px rgba(199,25,32,.10),
        0 0 0 26px rgba(199,25,32,.07),
        0 0 0 38px rgba(199,25,32,.045) !important;

    z-index: 3 !important;

}

#home-about-section .home-about-section-round-badge::before {

    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    border-radius: 50% !important;

    background: #ffffff !important;

    z-index: 0 !important;

    pointer-events: none !important;

}

#home-about-section .home-about-section-round-badge::after {

    content: "" !important;

    position: absolute !important;

    left: 50% !important;

    top: 50% !important;

    width: 68% !important;

    height: 68% !important;

    transform:
        translate(-50%, -50%) !important;

    border-radius: 50% !important;

    background:
        radial-gradient(
            circle,
            rgba(199,25,32,.16) 0%,
            rgba(199,25,32,.09) 45%,
            rgba(199,25,32,.03) 68%,
            transparent 72%
        ) !important;

    z-index: 1 !important;

    pointer-events: none !important;

}


@keyframes homeAboutMarquee {

    from {

        transform:
            rotate(0deg);

    }

    to {

        transform:
            rotate(360deg);

    }

}

@keyframes homeAboutMarqueeReverse {

    from {

        transform:
            rotate(0deg);

    }

    to {

        transform:
            rotate(-360deg);

    }

}


/* =========================
   CONTENT
========================= */

#home-about-section .home-about-section-content {

    grid-area: content !important;

    max-width: 500px !important;

    direction: rtl !important;

    text-align: right !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-content {

    direction: ltr !important;

    text-align: left !important;

}


#home-about-section .home-about-section-mini-title {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin-bottom: 14px !important;

    color: #111111 !important;

    font-size: 12px !important;

    font-weight: 900 !important;

}


#home-about-section .home-about-section-mini-lines {
    width: 26px !important;
    height: 8px !important;
    display: inline-block !important;
    flex: 0 0 26px !important;
    border-radius: 0 !important;
    background:
      linear-gradient(
        90deg,
        var(--solarpro-red, #c71920) 0 22%,
        transparent 22% 39%,
        var(--solarpro-red, #c71920) 39% 61%,
        transparent 61% 78%,
        var(--solarpro-red, #c71920) 78% 100%
      ) !important;
    transform: skewX(-18deg) !important;
    box-shadow: none !important;
}


/* =========================
   HEADING
========================= */

#home-about-section .home-about-section-heading {

    margin:
        0 0 16px !important;

    color:
        #111111 !important;

    font-size:
        clamp(28px, 2.8vw, 38px) !important;

    line-height:
        1.25 !important;

    font-weight:
        900 !important;

    letter-spacing:
        -1px !important;

}


/* boxed highlight */

#home-about-section .home-about-section-heading-highlight-box {

    display:
        inline-block !important;

    margin-top:
        10px !important;

    padding:
        7px 18px 9px !important;

    background:
        #f5e5e5 !important;

    color:
        #c71920 !important;

    border-radius:
        14px !important;

    line-height:
        1.06 !important;

    opacity:
        0 !important;

    transform:
        translateY(15px)
        scale(.96) !important;

    transition:

        opacity .5s ease,

        transform .7s
        cubic-bezier(.16,1,.3,1) !important;

}


#home-about-section
.home-about-section-heading-highlight-box.is-visible {

    opacity:
        1 !important;

    transform:
        translateY(0)
        scale(1) !important;

}


/* =========================
   TEXT
========================= */

#home-about-section .home-about-section-text {

    margin:
        0 0 18px !important;

    color:
        #626262 !important;

    font-size:
        15px !important;

    line-height:
        1.85 !important;

    font-weight:
        400 !important;

}


/* =========================
   NORMAL HERO CTA
========================= */

#home-about-section .home-about-section-button {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        10px !important;

    min-height:
        49px !important;

    padding:
        0 24px !important;

    background:
        #c71920 !important;

    color:
        #ffffff !important;

    border-radius:
        8px !important;

    text-decoration:
        none !important;

    font-size:
        14px !important;

    font-weight:
        800 !important;

    border:
        2px solid #c71920 !important;

    transition:
        all .3s ease !important;

}


#home-about-section .home-about-section-button span {

    color:
        #ffffff !important;

}


#home-about-section .home-about-section-button-arrow {

    width:
        16px !important;

    height:
        16px !important;

    flex-shrink:
        0 !important;

    fill:
        none !important;

    stroke:
        #ffffff !important;

    stroke-width:
        2.2 !important;

    stroke-linecap:
        round !important;

    stroke-linejoin:
        round !important;

    transition:
        transform .3s ease !important;

}


#home-about-section .home-about-section-button:hover {

    background:
        #111111 !important;

    border-color:
        #111111 !important;

    transform:
        translateY(-2px) !important;

}


#home-about-section .home-about-section-button:hover
.home-about-section-button-arrow {

    transform:
        translateX(-4px) !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-button-arrow {

    transform:
        scaleX(-1) !important;

}

body.translatepress-en_US
#home-about-section .home-about-section-button:hover
.home-about-section-button-arrow {

    transform:
        scaleX(-1)
        translateX(-4px) !important;

}


/* =========================
   ENTRY ANIMATION
========================= */

#home-about-section .home-about-section-images,
#home-about-section .home-about-section-content {

    opacity:
        0 !important;

    transform:
        translateY(25px) !important;

    transition:

        opacity .75s ease,

        transform .8s
        cubic-bezier(.16,1,.3,1) !important;

}


#home-about-section .home-about-section-images.is-visible,
#home-about-section .home-about-section-content.is-visible {

    opacity:
        1 !important;

    transform:
        translateY(0) !important;

}


/* =========================
   RESPONSIVE
========================= */

@media (max-width: 1024px) {

    #home-about-section.home-about-section {

        height: auto !important;

        min-height: 100vh !important;

        padding: 40px 24px 32px !important;

    }

    #home-about-section .home-about-section-inner {

        column-gap:
            40px !important;

    }

    #home-about-section .home-about-section-images {

        height:
            clamp(240px, 42vh, 380px) !important;

    }

    #home-about-section .home-about-section-heading {

        font-size:
            30px !important;

    }

}


@media (max-width: 767px) {

    #home-about-section.home-about-section {

        height: auto !important;

        min-height: 0 !important;

        padding:
            42px 16px 40px !important;

        display: block !important;

        overflow: hidden !important;

    }


    #home-about-section .home-about-section-inner {

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            22px !important;

        max-width:
            100% !important;

    }


    #home-about-section .home-about-section-images {

        width:
            100% !important;

        height:
            320px !important;

        gap:
            10px !important;

    }


    #home-about-section .home-about-section-content {

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 2px !important;

    }


    #home-about-section .home-about-section-mini-title {

        margin-bottom:
            12px !important;

        font-size:
            11px !important;

    }


    #home-about-section .home-about-section-heading {

        font-size:
            25px !important;

        margin:
            0 0 14px !important;

        letter-spacing:
            -.5px !important;

    }


    #home-about-section .home-about-section-text {

        font-size:
            14px !important;

        line-height:
            1.8 !important;

        margin:
            0 0 18px !important;

    }


    #home-about-section .home-about-section-button {

        min-height:
            46px !important;

        font-size:
            13px !important;

    }


    #home-about-section .home-about-section-round-badge {

        width:
            92px !important;

        height:
            92px !important;

        right:
            -10px !important;

        left:
            auto !important;

        border-radius:
            50% !important;

    }

    body.translatepress-en_US
    #home-about-section .home-about-section-round-badge {

        right:
            auto !important;

        left:
            -10px !important;

    }

}


@media (max-width: 480px) {

    #home-about-section.home-about-section {

        padding:
            36px 14px 0 !important;

    }


    #home-about-section .home-about-section-inner {

        gap:
            18px !important;

    }


    #home-about-section .home-about-section-images {

        height:
            280px !important;

        gap:
            7px !important;

    }


    #home-about-section .home-about-section-heading {

        font-size:
            22px !important;

    }


    #home-about-section .home-about-section-round-badge {

        width:
            84px !important;

        height:
            84px !important;

        right:
            -6px !important;

        left:
            auto !important;

        border-radius:
            50% !important;

    }

    body.translatepress-en_US
    #home-about-section .home-about-section-round-badge {

        right:
            auto !important;

        left:
            -6px !important;

    }

}