#home-contact-section.home-contact-section {

    --contact-red: #c71920;

    width: 100% !important;

    max-width: 100% !important;

    position: relative !important;

    overflow: visible !important;

    padding: 80px 28px 90px !important;

    direction: rtl !important;

    background:
        radial-gradient(
            ellipse 48% 40% at 0% 0%,
            rgba(199, 25, 32, .10) 0%,
            transparent 55%
        ),
        radial-gradient(
            ellipse 42% 36% at 100% 8%,
            rgba(199, 25, 32, .08) 0%,
            transparent 50%
        ),
        linear-gradient(
            180deg,
            #fafafa 0%,
            #ffffff 55%,
            #f7f7f7 100%
        ) !important;

    color: #111111 !important;

}

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

    direction: ltr !important;

}

#home-contact-section *,
#home-contact-section *::before,
#home-contact-section *::after {

    box-sizing: border-box !important;

}

#home-contact-section .home-contact-section-inner {

    width: 100% !important;

    max-width: 1200px !important;

    margin: 0 auto !important;

    position: relative !important;

    z-index: 2 !important;

}


/* header */

#home-contact-section .home-contact-section-header {

    max-width: 640px !important;

    margin: 0 auto 48px !important;

    text-align: center !important;

}

#home-contact-section .home-contact-section-eyebrow {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 10px !important;

    margin: 0 0 14px !important;

    color: #666666 !important;

    font-size: 12px !important;

    font-weight: 700 !important;

}

#home-contact-section .home-contact-section-eyebrow-line {
    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;
}

#home-contact-section .home-contact-section-heading {

    margin: 0 0 12px !important;

    color: #111111 !important;

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

    font-weight: 900 !important;

    line-height: 1.25 !important;

}

#home-contact-section .home-contact-section-heading-highlight {

    color: var(--contact-red) !important;

}

#home-contact-section .home-contact-section-text {

    margin: 0 auto !important;

    color: #6b6b6b !important;

    font-size: 14px !important;

    line-height: 1.7 !important;

}


#home-contact-section .home-contact-section-copy-en {

    display: none !important;

}

body.translatepress-en_US
#home-contact-section .home-contact-section-copy-ar {

    display: none !important;

}

body.translatepress-en_US
#home-contact-section .home-contact-section-copy-en {

    display: inline !important;

}


/* SAME LINE: form + sidebar */
#home-contact-section .home-contact-section-grid {

    display: flex !important;

    flex-direction: row !important;

    flex-wrap: nowrap !important;

    align-items: stretch !important;

    gap: 24px !important;

    width: 100% !important;

}

#home-contact-section .home-contact-form-panel {

    flex: 1 1 0 !important;

    width: auto !important;

    min-width: 0 !important;

    max-width: none !important;

    order: 1 !important;

    align-self: stretch !important;

    background: #ffffff !important;

    border: 1px solid rgba(0, 0, 0, .06) !important;

    border-radius: 20px !important;

    padding: 28px 26px 30px !important;

    box-shadow: 0 16px 40px rgba(0, 0, 0, .05) !important;

}

#home-contact-section .home-contact-aside {

    flex: 0 0 360px !important;

    width: 360px !important;

    max-width: 360px !important;

    min-width: 300px !important;

    order: 2 !important;

    margin: 0 !important;

    padding: 0 !important;

    align-self: stretch !important;

}

#home-contact-section .home-contact-form-title {

    margin: 0 0 20px !important;

    color: #111111 !important;

    font-size: 18px !important;

    font-weight: 800 !important;

}

#home-contact-section .home-contact-form-wrap {

    width: 100% !important;

}


/* Quform */
#home-contact-section .quform-form,
#home-contact-section .quform-elements,
#home-contact-section form {

    width: 100% !important;

}

#home-contact-section .quform-element,
#home-contact-section .quform-input,
#home-contact-section .quform-spacer {

    margin-bottom: 14px !important;

}

#home-contact-section .quform-label > label,
#home-contact-section label {

    color: #222222 !important;

    font-size: 13px !important;

    font-weight: 700 !important;

}

#home-contact-section input[type="text"],
#home-contact-section input[type="email"],
#home-contact-section input[type="tel"],
#home-contact-section input[type="url"],
#home-contact-section input[type="number"],
#home-contact-section textarea,
#home-contact-section select,
#home-contact-section .quform-field {

    width: 100% !important;

    max-width: 100% !important;

    min-height: 48px !important;

    padding: 12px 14px !important;

    border: 1px solid #e6e6e6 !important;

    border-radius: 12px !important;

    background: #fafafa !important;

    color: #111111 !important;

    font-size: 14px !important;

    font-family: inherit !important;

    box-shadow: none !important;

    outline: none !important;

}

#home-contact-section textarea,
#home-contact-section .quform-field-textarea {

    min-height: 120px !important;

    resize: vertical !important;

}

#home-contact-section input:focus,
#home-contact-section textarea:focus,
#home-contact-section select:focus,
#home-contact-section .quform-field:focus {

    border-color: rgba(199, 25, 32, .45) !important;

    background: #ffffff !important;

}

#home-contact-section .quform-button-submit,
#home-contact-section button[type="submit"],
#home-contact-section input[type="submit"],
#home-contact-section .quform-submit button {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 50px !important;

    width: 100% !important;

    padding: 0 22px !important;

    margin-top: 6px !important;

    border: 0 !important;

    border-radius: 12px !important;

    background: var(--contact-red) !important;

    color: #ffffff !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    cursor: pointer !important;

}

#home-contact-section .quform-button-submit:hover,
#home-contact-section button[type="submit"]:hover,
#home-contact-section input[type="submit"]:hover,
#home-contact-section .quform-submit button:hover {

    background: #a9151b !important;

}

#home-contact-section .quform-edit-form,
#home-contact-section a.quform-edit-form {

    display: none !important;

}


/* =========================
   SIDEBAR UI
========================= */

#home-contact-section .home-contact-sidebar {

    height: 100% !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

    padding: 14px !important;

    border-radius: 22px !important;

    background:
        radial-gradient(
            ellipse 90% 55% at 100% 0%,
            rgba(199, 25, 32, .38) 0%,
            transparent 55%
        ),
        radial-gradient(
            ellipse 70% 45% at 0% 100%,
            rgba(199, 25, 32, .22) 0%,
            transparent 50%
        ),
        linear-gradient(
            165deg,
            #1a1012 0%,
            #0f0f0f 42%,
            #161010 100%
        ) !important;

    border: 1px solid rgba(199, 25, 32, .28) !important;

    box-shadow: 0 18px 40px rgba(0, 0, 0, .18) !important;

    text-align: start !important;

}

#home-contact-section .home-contact-aside a,
#home-contact-section .home-contact-aside a:link,
#home-contact-section .home-contact-aside a:visited,
#home-contact-section .home-contact-aside a:hover,
#home-contact-section .home-contact-aside a:active,
#home-contact-section .home-contact-aside a:focus,
#home-contact-section a[href^="tel"],
#home-contact-section a[href^="tel"]:hover,
#home-contact-section a[href^="mailto"],
#home-contact-section a[href^="mailto"]:hover {

    text-decoration: none !important;

    box-shadow: none !important;

    outline: none !important;

    background-image: none !important;

    -webkit-tap-highlight-color: transparent !important;

    cursor: pointer !important;

}

#home-contact-section .home-contact-hotline-number,
#home-contact-section .home-contact-branch-phone,
#home-contact-section .home-contact-hours-value[dir="ltr"] {

    direction: ltr !important;

    unicode-bidi: isolate !important;

}


/* hotline */

#home-contact-section a.home-contact-hotline,
#home-contact-section a.home-contact-hotline:link,
#home-contact-section a.home-contact-hotline:visited {

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 14px 12px !important;

    border: 0 !important;

    border-radius: 16px !important;

    background:
        linear-gradient(
            135deg,
            #e01f28 0%,
            #c71920 45%,
            #9e1218 100%
        ) !important;

    color: #ffffff !important;

    box-shadow: 0 10px 24px rgba(199, 25, 32, .35) !important;

    transition: transform .2s ease, filter .2s ease !important;

}

#home-contact-section a.home-contact-hotline:hover,
#home-contact-section a.home-contact-hotline:focus {

    color: #ffffff !important;

    filter: brightness(1.06) !important;

    transform: translateY(-1px) !important;

}

#home-contact-section .home-contact-hotline-icon {

    flex: 0 0 auto !important;

    width: 40px !important;

    height: 40px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: rgba(255, 255, 255, .18) !important;

    color: #ffffff !important;

}

#home-contact-section .home-contact-hotline-icon svg,
#home-contact-section .home-contact-branch-icon svg,
#home-contact-section .home-contact-branch-phone svg,
#home-contact-section .home-contact-hours-icon svg {

    width: 18px !important;

    height: 18px !important;

    display: block !important;

    stroke: currentColor !important;

    fill: none !important;

}

#home-contact-section .home-contact-hotline-copy {

    flex: 1 1 auto !important;

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 2px !important;

    text-align: start !important;

}

#home-contact-section .home-contact-hotline-label {

    color: rgba(255, 255, 255, .8) !important;

    font-size: 11px !important;

    font-weight: 700 !important;

}

#home-contact-section .home-contact-hotline-number {

    color: #ffffff !important;

    font-size: 18px !important;

    font-weight: 900 !important;

    letter-spacing: .04em !important;

}

#home-contact-section .home-contact-hotline-action {

    flex: 0 0 auto !important;

    padding: 7px 11px !important;

    border-radius: 999px !important;

    background: rgba(255, 255, 255, .16) !important;

    color: #ffffff !important;

    font-size: 11px !important;

    font-weight: 800 !important;

}


/* blocks */

#home-contact-section .home-contact-sidebar-block {

    border-radius: 16px !important;

    padding: 14px 12px !important;

    background:
        linear-gradient(
            160deg,
            rgba(255, 255, 255, .06) 0%,
            rgba(255, 255, 255, .02) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, .07) !important;

}

#home-contact-section .home-contact-hours {

    background:
        linear-gradient(
            155deg,
            rgba(199, 25, 32, .22) 0%,
            rgba(255, 255, 255, .04) 45%,
            rgba(255, 255, 255, .02) 100%
        ) !important;

    border: 1px solid rgba(199, 25, 32, .28) !important;

}

#home-contact-section .home-contact-aside-heading {

    display: flex !important;

    align-items: center !important;

    gap: 8px !important;

    margin: 0 0 12px !important;

    color: #ffffff !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    text-align: start !important;

}

#home-contact-section .home-contact-aside-heading-line {
    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;
}


/* branches */

#home-contact-section .home-contact-branches {

    list-style: none !important;

    margin: 0 !important;

    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;

}

#home-contact-section .home-contact-branches > li {

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;

}

#home-contact-section a.home-contact-branch,
#home-contact-section a.home-contact-branch:link,
#home-contact-section a.home-contact-branch:visited {

    display: flex !important;

    align-items: flex-start !important;

    gap: 10px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 12px !important;

    border: 1px solid rgba(255, 255, 255, .06) !important;

    border-radius: 14px !important;

    background:
        linear-gradient(
            135deg,
            rgba(199, 25, 32, .18) 0%,
            rgba(255, 255, 255, .04) 48%,
            rgba(255, 255, 255, .02) 100%
        ) !important;

    color: #ffffff !important;

    transition:
        transform .2s ease,
        border-color .2s ease,
        background .2s ease !important;

}

#home-contact-section .home-contact-branches > li:nth-child(2) a.home-contact-branch {

    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, .07) 0%,
            rgba(199, 25, 32, .12) 55%,
            rgba(255, 255, 255, .03) 100%
        ) !important;

}

#home-contact-section .home-contact-branches > li:nth-child(3) a.home-contact-branch {

    background:
        linear-gradient(
            155deg,
            rgba(199, 25, 32, .12) 0%,
            rgba(255, 255, 255, .05) 40%,
            rgba(0, 0, 0, .15) 100%
        ) !important;

}

#home-contact-section a.home-contact-branch:hover,
#home-contact-section a.home-contact-branch:focus {

    color: #ffffff !important;

    border-color: rgba(199, 25, 32, .5) !important;

    transform: translateY(-1px) !important;

    background:
        linear-gradient(
            135deg,
            rgba(199, 25, 32, .32) 0%,
            rgba(255, 255, 255, .06) 100%
        ) !important;

}

#home-contact-section .home-contact-branch-icon {

    flex: 0 0 auto !important;

    width: 36px !important;

    height: 36px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            145deg,
            rgba(199, 25, 32, .9) 0%,
            rgba(140, 16, 22, .95) 100%
        ) !important;

    color: #ffffff !important;

    box-shadow: 0 6px 14px rgba(199, 25, 32, .3) !important;

}

#home-contact-section .home-contact-branch-body {

    flex: 1 1 auto !important;

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 4px !important;

    text-align: start !important;

}

#home-contact-section .home-contact-branch-body strong {

    color: #ffffff !important;

    font-size: 13.5px !important;

    font-weight: 800 !important;

    line-height: 1.35 !important;

}

#home-contact-section .home-contact-branch-desc {

    color: rgba(255, 255, 255, .55) !important;

    font-size: 11.5px !important;

    line-height: 1.45 !important;

}

#home-contact-section .home-contact-branch-phone {

    display: inline-flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    align-self: flex-start !important;

    gap: 6px !important;

    width: auto !important;

    max-width: 100% !important;

    margin-top: 4px !important;

    color: #ff7a82 !important;

    font-size: 13px !important;

    font-weight: 800 !important;

    letter-spacing: .02em !important;

    direction: ltr !important;

    unicode-bidi: isolate !important;

    text-align: left !important;

}

#home-contact-section .home-contact-branch-phone svg {

    width: 14px !important;

    height: 14px !important;

    flex: 0 0 auto !important;

    color: #ff7a82 !important;

}

#home-contact-section a.home-contact-branch:hover .home-contact-branch-phone,
#home-contact-section a.home-contact-branch:focus .home-contact-branch-phone {

    color: #ffb0b5 !important;

}


/* hours */

#home-contact-section .home-contact-hours-list {

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;

}

#home-contact-section .home-contact-hours-item {

    display: flex !important;

    align-items: flex-start !important;

    gap: 10px !important;

    padding: 10px !important;

    border-radius: 12px !important;

    background:
        linear-gradient(
            140deg,
            rgba(255, 255, 255, .07) 0%,
            rgba(255, 255, 255, .02) 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, .05) !important;

    text-align: start !important;

}

#home-contact-section a.home-contact-hours-item.is-link,
#home-contact-section a.home-contact-hours-item.is-link:link,
#home-contact-section a.home-contact-hours-item.is-link:visited {

    color: inherit !important;

    transition: border-color .2s ease, background .2s ease !important;

}

#home-contact-section a.home-contact-hours-item.is-link:hover,
#home-contact-section a.home-contact-hours-item.is-link:focus {

    border-color: rgba(199, 25, 32, .4) !important;

    background:
        linear-gradient(
            140deg,
            rgba(199, 25, 32, .2) 0%,
            rgba(255, 255, 255, .04) 100%
        ) !important;

    color: inherit !important;

}

#home-contact-section .home-contact-hours-icon {

    flex: 0 0 auto !important;

    width: 32px !important;

    height: 32px !important;

    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 9px !important;

    background: rgba(199, 25, 32, .22) !important;

    color: #ff8a90 !important;

}

#home-contact-section .home-contact-hours-text {

    flex: 1 1 auto !important;

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 2px !important;

    text-align: start !important;

}

#home-contact-section .home-contact-hours-label {

    color: rgba(255, 255, 255, .5) !important;

    font-size: 11px !important;

    font-weight: 700 !important;

}

#home-contact-section .home-contact-hours-value {

    color: #ffffff !important;

    font-size: 13px !important;

    font-weight: 700 !important;

    word-break: break-word !important;

}

#home-contact-section a.home-contact-hours-item.is-link:hover .home-contact-hours-value {

    color: #ffb3b7 !important;

}


@media (max-width: 980px) {

    #home-contact-section .home-contact-section-grid {

        flex-wrap: wrap !important;

    }

    #home-contact-section .home-contact-form-panel,
    #home-contact-section .home-contact-aside {

        flex: 1 1 100% !important;

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

    }

}

@media (max-width: 640px) {

    #home-contact-section.home-contact-section {

        padding: 56px 16px 64px !important;

    }

    #home-contact-section .home-contact-section-header {

        margin-bottom: 28px !important;

    }

    #home-contact-section .home-contact-form-panel,
    #home-contact-section .home-contact-sidebar {

        padding: 16px 14px !important;

        border-radius: 16px !important;

    }

    #home-contact-section .home-contact-hotline-number {

        font-size: 16px !important;

    }

}