.elementor-4449 .elementor-element.elementor-element-6a1e382{--display:flex;--position:absolute;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-4449 .elementor-element.elementor-element-6a1e382{left:0px;}body.rtl .elementor-4449 .elementor-element.elementor-element-6a1e382{right:0px;}.elementor-4449 .elementor-element.elementor-element-a3656fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4449 .elementor-element.elementor-element-a3656fe.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-4449 .elementor-element.elementor-element-a3d9fea{width:100%;max-width:100%;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 31px) 0px;z-index:11;}.elementor-4449 .elementor-element.elementor-element-a3d9fea.elementor-element{--align-self:center;}.elementor-4449 .elementor-element.elementor-element-96122c1{--display:flex;}.elementor-4449 .elementor-element.elementor-element-96122c1:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-96122c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F4F4;}.elementor-4449 .elementor-element.elementor-element-adc0c3f .elementor-heading-title{font-family:"yekan-bakh", Sans-serif;font-weight:200;}.elementor-4449 .elementor-element.elementor-element-17e1d05 .elementor-heading-title{font-family:"yekan-bakh", Sans-serif;font-weight:200;}.elementor-4449 .elementor-element.elementor-element-c80d8ee{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4449 .elementor-element.elementor-element-9cc6fc8{--display:flex;--overlay-opacity:0.5;}.elementor-4449 .elementor-element.elementor-element-9cc6fc8::before, .elementor-4449 .elementor-element.elementor-element-9cc6fc8 > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-9cc6fc8 > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-9cc6fc8 > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-9cc6fc8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-9cc6fc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-4a84823 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.52);color:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-ec3db07{--display:flex;--overlay-opacity:0.5;}.elementor-4449 .elementor-element.elementor-element-ec3db07::before, .elementor-4449 .elementor-element.elementor-element-ec3db07 > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-ec3db07 > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-ec3db07 > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-ec3db07 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-ec3db07 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-3d31e33 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.52);color:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-a270d2e{--display:flex;--overlay-opacity:0.5;}.elementor-4449 .elementor-element.elementor-element-a270d2e::before, .elementor-4449 .elementor-element.elementor-element-a270d2e > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-a270d2e > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-a270d2e > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-a270d2e > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-a270d2e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-3ef6d94 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.52);color:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-c67eeab{--display:flex;--overlay-opacity:0.5;}.elementor-4449 .elementor-element.elementor-element-c67eeab::before, .elementor-4449 .elementor-element.elementor-element-c67eeab > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-c67eeab > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-c67eeab > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-c67eeab > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-c67eeab > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-d5a73a5 .elementor-heading-title{text-shadow:0px 0px 10px rgba(0, 0, 0, 0.52);color:#FFFFFF;}.elementor-4449 .elementor-element.elementor-element-aaf5697{background-color:#F4F4F4;}.elementor-4449 .elementor-element.elementor-element-02a4aef{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4449 .elementor-element.elementor-element-bb9d403{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4449 .elementor-element.elementor-element-e3cc401{--display:flex;--overlay-opacity:0.57;}.elementor-4449 .elementor-element.elementor-element-e3cc401:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-e3cc401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://visspan.com/wp-content/uploads/2025/10/aleksander-stypczynski-WiLoTWa2A4-unsplash-scaled.webp");background-position:center center;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-e3cc401::before, .elementor-4449 .elementor-element.elementor-element-e3cc401 > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-e3cc401 > .e-con-inner > .elementor-background-video-container::before, .elementor-4449 .elementor-element.elementor-element-e3cc401 > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-e3cc401 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4449 .elementor-element.elementor-element-e3cc401 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#02010194;--background-overlay:'';}.elementor-4449 .elementor-element.elementor-element-eae561e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(min-width:768px){.elementor-4449 .elementor-element.elementor-element-6a1e382{--content-width:100vw;}}@media(min-width:1025px){.elementor-4449 .elementor-element.elementor-element-e3cc401:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-e3cc401 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-4449 .elementor-element.elementor-element-c80d8ee{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4449 .elementor-element.elementor-element-a3656fe{--width:100vw;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4449 .elementor-element.elementor-element-a3d9fea{margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4449 .elementor-element.elementor-element-96122c1{--padding-top:0px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-4449 .elementor-element.elementor-element-adc0c3f{text-align:center;}.elementor-4449 .elementor-element.elementor-element-adc0c3f .elementor-heading-title{font-size:35px;}.elementor-4449 .elementor-element.elementor-element-17e1d05{text-align:center;}.elementor-4449 .elementor-element.elementor-element-17e1d05 .elementor-heading-title{font-size:16px;line-height:1.7em;}.elementor-4449 .elementor-element.elementor-element-c80d8ee{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-4449 .elementor-element.elementor-element-9cc6fc8:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-9cc6fc8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://visspan.com/wp-content/uploads/2025/11/photo_2025-11-11_21-58-46-rotated.jpg");background-position:center center;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-9cc6fc8{--min-height:332px;--justify-content:center;--overlay-opacity:0.28;--border-radius:18px 18px 18px 18px;}.elementor-4449 .elementor-element.elementor-element-4a84823{text-align:center;}.elementor-4449 .elementor-element.elementor-element-ec3db07:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-ec3db07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://visspan.com/wp-content/uploads/2025/11/photo_2025-11-11_22-11-15-Copy.jpg");background-position:center center;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-ec3db07{--min-height:332px;--justify-content:center;--overlay-opacity:0;--border-radius:18px 18px 18px 18px;}.elementor-4449 .elementor-element.elementor-element-3d31e33{text-align:center;}.elementor-4449 .elementor-element.elementor-element-a270d2e:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-a270d2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://visspan.com/wp-content/uploads/2025/11/photo_2025-11-11_21-58-29-Copy-rotated.jpg");background-position:center center;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-a270d2e{--min-height:332px;--justify-content:center;--overlay-opacity:0.17;--border-radius:18px 18px 18px 18px;}.elementor-4449 .elementor-element.elementor-element-3ef6d94{text-align:center;}.elementor-4449 .elementor-element.elementor-element-c67eeab:not(.elementor-motion-effects-element-type-background), .elementor-4449 .elementor-element.elementor-element-c67eeab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://visspan.com/wp-content/uploads/2025/11/photo_2025-11-11_21-58-49-rotated.jpg");background-position:center center;background-size:cover;}.elementor-4449 .elementor-element.elementor-element-c67eeab{--min-height:332px;--justify-content:center;--overlay-opacity:0.29;--border-radius:18px 18px 18px 18px;}.elementor-4449 .elementor-element.elementor-element-d5a73a5{text-align:center;}.elementor-4449 .elementor-element.elementor-element-e3cc401{--overlay-opacity:1;}}/* Start custom CSS for html, class: .elementor-element-5e65148 *//*
==============================================
DREAM HOME SECTION (WITH SVG BACKGROUND)
==============================================
*/
.dream-home-section {
    padding: 80px 50px;
    background-color: #f4f4f4;
}

.dream-home-text-content {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 40px;
}

.dream-home-text-content h2 {
    font-size: 2.8rem;
    line-height: 1.2;
    color: #333;
    font-weight: 700;
}

.dream-home-visual-content {
    display: flex;
    gap: 14%;
    background: linear-gradient(-45deg, #004f71, #03736D);
    background-size: 400% 400%;
    animation: moveGradient 5s ease-in-out infinite;
    border-radius: 15px;
    padding: 50px;
    color: #fff;
    min-height: 500px;
    align-items: center;

    /* ▼▼▼ CSS FOR SVG BACKGROUND ▼▼▼ */
    position: relative;
    /* Needed for absolute positioning of SVG */
    overflow: hidden;
    /* This is critical to clip the SVG to the rounded corners */
    /* ▲▲▲ END OF CSS FOR SVG BACKGROUND ▲▲▲ */
}

/* Gradient Animation */
@keyframes moveGradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


/* ▼▼▼ NEW: SVG BACKGROUND STYLES ▼▼▼ */
.dream-home-svg-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* object-fit: cover; */ /* REMOVED - This is for <img>/video, not inline SVG */
    z-index: 1;
    /* Behind content (z-index 2), above gradient (z-index 0) */
    opacity: 0.1;
    /* Make it a subtle background pattern */
    pointer-events: none;
    /* So it doesn't block clicks */
    stroke: #FFFFFF;
    /* Make lines white */
}

/* Copied SVG animation styles */
.dream-home-svg-bg path {
    stroke-dasharray: 5000;
    stroke-dashoffset: 5000;
    /* animation: draw 5s ease-in-out forwards; */ /* <-- REMOVED: JS will handle this */
}

/* @keyframes draw { ... } */ /* <-- This is no longer needed, but we can leave it */
@keyframes draw {
    to {
        stroke-dashoffset: 0;
    }
}

/* Stagger the line animation */
.dream-home-svg-bg path:nth-child(1) {
    animation-delay: 0s;
}

.dream-home-svg-bg path:nth-child(2) {
    animation-delay: 0.1s;
}

.dream-home-svg-bg path:nth-child(3) {
    animation-delay: 0.2s;
}

.dream-home-svg-bg path:nth-child(4) {
    animation-delay: 0.3s;
}

.dream-home-svg-bg path:nth-child(5) {
    animation-delay: 0.4s;
}

.dream-home-svg-bg path:nth-child(6) {
    animation-delay: 0.5s;
}

.dream-home-svg-bg path:nth-child(7) {
    animation-delay: 0.6s;
}

.dream-home-svg-bg path:nth-child(8) {
    animation-delay: 0.7s;
}

.dream-home-svg-bg path:nth-child(9) {
    animation-delay: 0.8s;
}

/* Slogan text styles (now inside SVG) */
.dream-home-svg-bg .slogan-text {
    font-size: 72px;
    font-weight: bold;
    font-family: var(--font-farsi);
    /* Ensure it uses the Farsi font */
    fill: #FFFFFF;
    /* Make text white */
    opacity: 0;
    transform: translateY(20px);
    /* animation: fadeUpSlogan 1.2s ease-out forwards; */ /* <-- REMOVED: JS will handle this */
    /* animation-delay: 3.5s; */ /* <-- REMOVED: JS will handle this */
}

/* @keyframes fadeUpSlogan { ... } */ /* <-- This is no longer needed, but we can leave it */
@keyframes fadeUpSlogan {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ▲▲▲ END OF SVG BACKGROUND STYLES ▲▲▲ */


/*
==============================================
DREAM HOME SECTION - CONTENT
==============================================
*/

.left-panel,
.center-arrows,
.right-panel {
    /* ▼▼▼ Make sure content is on top of the SVG ▼▼▼ */
    position: relative;
    z-index: 2;
}

.left-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.quality-box h3 {
    font-size: 2rem;
    margin-bottom: 10px;
    transition: opacity 0.3s ease;
}

.quality-box p {
    font-size: 1rem;
    line-height: 1.6;
    max-width: 400px;
    color: #bbb;
    transition: opacity 0.3s ease;
}

.projects-count {
    margin-top: auto;
}

.projects-count h4 {
    font-size: 3.5rem;
    margin-bottom: 5px;
    font-weight: 700;
    transition: opacity 0.3s ease;
}

.projects-count p {
    font-size: 1rem;
    color: #bbb;
}

.right-panel {
    flex: 1.5;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.center-arrows {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.arrow-btn {
    background: none;
    border: 1px solid #777;
    color: #bbb;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.5rem;
    transition: background-color 0.3s, color 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrow-btn:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

.circle-graphic {
    width: 300px;
    height: 300px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: 80px;
}

.outer-circle {
    width: 100%;
    height: 100%;
    border: 1px solid #444;
    border-radius: 50%;
    position: absolute;
}

.inner-circle {
    width: 50%;
    height: 50%;
    background-color: transparent;
    border: 1px solid #777;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.inner-circle-logo {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.indicator-dot {
    width: 15px;
    height: 15px;
    background-color: #e7764f;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    transition: top 0.5s cubic-bezier(0.76, 0, 0.24, 1), left 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}

.label-btn {
    position: absolute;
    background: none;
    border: none;
    color: #bbb;
    cursor: pointer;
    font-size: 0.9rem;
    padding: 5px 10px;
    white-space: nowrap;
    transition: color 0.3s ease;
    font-family: var(--font-farsi);
    /* Ensure Farsi font */
}

.label-btn.active {
    color: #FFFFFF;
    /* Brighter color when active */
    font-weight: 700;
}

.label-left {
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    text-align: right;
}

.label-top {
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
}

.label-right {
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    text-align: left;
}

.label-bottom {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
}

/*
==============================================
DREAM HOME SECTION - CONTENT
DREAM HOME SECTION - LAYOUT ORDER
==============================================
*/
.dream-home-visual-content .right-panel {
    order: 1;
}

.dream-home-visual-content .center-arrows {
    order: 2;
}

.dream-home-visual-content .left-panel {
    order: 3;
}

/*
==============================================
DREAM HOME SECTION - RESPONSIVE (TABLET)
==============================================
*/
@media (max-width: 1024px) {
    .dream-home-visual-content {
        flex-direction: column;
        padding: 30px;
    }

    .left-panel,
    .right-panel {
        width: 100%;
        text-align: center !important; /* ADDED !important */
        align-items: center !important; /* ADDED !important */
    }

    .quality-box p {
        max-width: none;
    }

    .projects-count {
        margin-top: 30px;
    }

    .circle-graphic {
        margin: 40px auto;
    }

    .label-final,
    .label-ongoing,
    .label-quality {
        position: static;
        transform: none;
        margin-top: 10px;
        display: block;
    }
}

/*
==============================================
DREAM HOME SECTION - RESPONSIVE (MOBILE)
==============================================
*/
@media (max-width: 768px) {
    .dream-home-section {
        padding: 60px 20px;
    }

    .dream-home-text-content {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .dream-home-visual-content {
        /* height: 100vh; */
        /* Removed fixed height to allow content to flow */
        min-height: 100vh;
        /* Use min-height instead */
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        align-items: center !important; /* ADDED THIS LINE */
    }

    .center-arrows {
        flex-direction: row;
    }

    .circle-graphic {
        width: 190px;
        height: 190px;
    }

    .dream-home-text-content h2 {
        font-size: 2rem;
    }

    .quality-box {
        position: relative;
        top: 50px;
        text-align: center !important; /* ADDED THIS LINE */
    }
}

/* --- FIX: Mobile Text Overlap --- */
@media (max-width: 768px) {
    .left-panel {
        height: auto;
        /* Allow the panel to size to its content */
        justify-content: center;
        /* Center the items vertically */
        gap: 25px;
        /* Add some space between the text blocks */
    }

    .quality-box {
        position: static;
        /* This resets the problematic positioning */
        top: auto;
        /* This resets the push-down effect */
        text-align: center !important; /* ADDED !important */
    }

    #project-count {
        margin-bottom: -20px;
        margin-top: 20px;
    }
}

/*
==============================================
DREAM HOME SECTION - RTL STYLES
==============================================
*/
html[dir="rtl"] .quality-box {
    text-align: right;
}

html[dir="rtl"] .dream-home-text-content {
    text-align: center;
    /* Keep centered text as-is */
}

html[dir="rtl"] .dream-home-visual-content .right-panel {
    order: -1;
    /* Flips the order of the panels */
    align-items: flex-start;
    /* Align content to the right (flex-start in RTL) */
}

html[dir="rtl"] .dream-home-visual-content .left-panel {
    align-items: flex-start;
    /* Align content to the right (flex-start in RTL) */
}

html[dir="rtl"] .circle-graphic {
    margin-left: 80px;
    margin-right: auto;
}

html[dir="rtl"] .label-left {
    transform: translate(100%, -50%);
    text-align: left;
    right: 0;
    left: auto;
}

html[dir="rtl"] .label-right {
    transform: translate(-100%, -50%);
    text-align: right;
    left: 0;
    right: auto;
}

/* --- MOBILE FIXES for RTL --- */
@media (max-width: 1024px) {

    html[dir="rtl"] .left-panel,
    html[dir="rtl"] .right-panel {
        align-items: center !important; /* ADDED !important */
    }

    /* ▼▼▼ THIS IS THE FIX ▼▼▼ */
    /* This rule overrides the desktop RTL margin and centers the circle on tablet and mobile */
    html[dir="rtl"] .circle-graphic {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a3d9fea */.elementor-4449 .elementor-element.elementor-element-a3d9fea{
    text-align: center !important;
}
.partner-link {
    display: block;
    text-decoration: none;
    color: inherit;
    flex: 1;
    height: 400px;
    perspective: 1000px;
    border-radius: 15px;
}
.partner-card {
    background-color: transparent;
    width: 100%;
    height: 100%; /* Changed from 400px to 100% */
    /* perspective, border-radius, flex, and height were moved to .partner-link */
}

P{
    font-weight: 300;
    
}

.partners-header h3 {
    max-width:800px;
    text-align: center; /* Centers the text */
    margin-left: auto;   /* Centers the block */
    margin-right: auto;  /* Centers the block */
}

@media (max-width: 768px) {
    .partners-header p {
        max-width: 80%; /* Was 800px, now it's 90% of the screen width */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9cc6fc8 */.elementor-4449 .elementor-element.elementor-element-9cc6fc8{
    overflow: hidden   
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec3db07 */.elementor-4449 .elementor-element.elementor-element-ec3db07{
    overflow: hidden   
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a270d2e */.elementor-4449 .elementor-element.elementor-element-a270d2e{
    overflow: hidden   
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c67eeab */.elementor-4449 .elementor-element.elementor-element-c67eeab{
    overflow: hidden   
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb9d403 */#showrooms .projects-header {
    display: grid !important;
    
    /* Col 1 (Right): Takes all the space
       Col 2 (Left):  Is as wide as the link
    */
    grid-template-columns: 1fr auto !important;
    
    /* Vertically center the link with the text block */

    direction: rtl !important;
    row-gap: 8px !important;
    padding-bottom: 20px !important;
}

#showrooms .projects-title {
    /* Place title in Col 1 (Right) */
    grid-column: 1 !important;
    grid-row: 1 !important; /* First row */
    margin: 0 !important;
    
    /* Aligns it to the start (right) of its cell */
    justify-self: start !important; 
}

#showrooms .projects-subtitle {
    /* Place subtitle in Col 1 (Right) */
    grid-column: 1 !important;
    grid-row: 2 !important; /* Second row */
    margin: 0 !important;
    
    /* Aligns it to the start (right) of its cell */
    justify-self: start !important;
}

#showrooms .leftside {
    /* Place link in Col 2 (Left) */
    grid-column: 1 !important; 
    
    /* Make it span both rows to center it */
    grid-row: 1 / 3 !important; 
    
    margin: 0 !important;
    
    /* Aligns it to the end (left) of its cell */
    justify-self: end !important; 
    
    text-decoration: none !important;
    color: #337ab7 !important;
}

#showrooms .leftside .arrow-icon {
    margin-right: 5px !important;
}
/* --- Mobile Styles (screens <= 767px) --- */
@media (max-width: 767px) {
    #showrooms .projects-header {
        /* 1. Change to a vertical stack */
        display: flex !important;
        flex-direction: column !important;
        
        /* 2. Center all items */
        align-items: center !important; 
        
        /* 3. Add vertical spacing back */
        gap: 8px !important; 
        padding-bottom: 20px !important;
        
        /* 4. Reset desktop grid layout */
        grid-template-columns: unset !important;
    }

    /* 5. Reset all desktop grid positions */
    #showrooms .projects-title,
    #showrooms .projects-subtitle,
    #showrooms .leftside {
        grid-column: unset !important;
        grid-row: unset !important;
        justify-self: center !important;
        
        /* Fix margin for flex layout */
        margin: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e3cc401 *//* Fixes 'background-attachment: fixed' on mobile */
@media (max-width: 1024px) {
    .elementor-4449 .elementor-element.elementor-element-e3cc401 {
        /* Hide the original mobile background */
        background-image: none !important;
    }


    .elementor-4449 .elementor-element.elementor-element-e3cc401::before {
        content: "";
        position: fixed; /* This is the key */
        top: 0;
        left: 0;
        width: 100vw; /* Full viewport width */
        height: 100vh; /* Full viewport height */
        z-index: -1; /* Puts it behind your content */
        
        /* Re-apply your background image here */
        background-image: url("https://visspan.com/newweb/wp-content/uploads/2025/10/aleksander-stypczynski-WiLoTWa2A4-unsplash-scaled.webp");
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        filter:brightness(50%);
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'yekan-bakh';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://visspan.com/newweb/wp-content/uploads/2025/10/YekanBakh-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */