.elementor-24772 .elementor-element.elementor-element-ec61c3e{--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;}.elementor-24772 .elementor-element.elementor-element-883b786{--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;}.elementor-24772 .elementor-element.elementor-element-0b325ef{--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;}.elementor-24772 .elementor-element.elementor-element-14ca457{--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;}.elementor-24772 .elementor-element.elementor-element-a4e11a5{--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;}.elementor-24772 .elementor-element.elementor-element-f800ead{--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;}.elementor-24772 .elementor-element.elementor-element-a3e4805{--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;}.elementor-24772 .elementor-element.elementor-element-0d2f50f{--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;}.elementor-24772 .elementor-element.elementor-element-59faf9c .elementor-button{background-color:#BD1D27;}.elementor-24772 .elementor-element.elementor-element-59faf9c .elementor-button:hover, .elementor-24772 .elementor-element.elementor-element-59faf9c .elementor-button:focus{background-color:var( --e-global-color-text );}.elementor-24772 .elementor-element.elementor-element-ae93d7b{--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;}.elementor-24772 .elementor-element.elementor-element-5fecdd0{--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;}@media(min-width:768px){.elementor-24772 .elementor-element.elementor-element-ec61c3e{--width:100%;}.elementor-24772 .elementor-element.elementor-element-883b786{--width:100%;}.elementor-24772 .elementor-element.elementor-element-0b325ef{--width:100%;}.elementor-24772 .elementor-element.elementor-element-14ca457{--width:100%;}.elementor-24772 .elementor-element.elementor-element-a4e11a5{--width:100%;}.elementor-24772 .elementor-element.elementor-element-f800ead{--width:100%;}.elementor-24772 .elementor-element.elementor-element-a3e4805{--content-width:1300px;}.elementor-24772 .elementor-element.elementor-element-ae93d7b{--content-width:1300px;}.elementor-24772 .elementor-element.elementor-element-5fecdd0{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-04c8116 *//*====================================*
* Fereshteh Project Hero
*====================================*/

.vc-fereshteh-hero{

    width:100%;
    max-width:1300px;

    margin:0 auto 90px;

    padding-inline:20px;

    box-sizing:border-box;

}

.vc-fereshteh-hero-inner{

    display:grid;

    /* تصویر راست / متن چپ */

    grid-template-columns:500px minmax(0,1fr);

    align-items:center;

    gap:65px;

}


/*====================================*
* Hero Image
*====================================*/

.vc-fereshteh-hero-image{

    grid-column:1;
    grid-row:1;

    width:100%;

}

.vc-fereshteh-hero-image figure{

    margin:0;

    overflow:hidden;

    border-radius:22px;

    background:#f3f3f3;

}

.vc-fereshteh-hero-image img{

    display:block;

    width:100%;

    height:auto;

    max-height:650px;

    object-fit:cover;

    transition:transform .5s ease;

}

.vc-fereshteh-hero-image figure:hover img{

    transform:scale(1.025);

}


/*====================================*
* Hero Content
*====================================*/

.vc-fereshteh-hero-content{

    grid-column:2;
    grid-row:1;

    max-width:650px;

}

.vc-fereshteh-hero-label{

    display:inline-block;

    margin-bottom:18px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;

    color:#777;

}

.vc-fereshteh-hero-content h1{

    margin:0 0 24px;

    font-size:31px;

    line-height:1.7;

    font-weight:700;

    color:#111;

}

.vc-fereshteh-hero-content > p{

    margin:0 0 35px;

    font-size:16px;

    line-height:2.2;

    color:#555;

}


/*====================================*
* Project Meta
*====================================*/

.vc-fereshteh-hero-meta{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:18px 35px;

    padding-top:25px;

    border-top:1px solid #e8e8e8;

}

.vc-fereshteh-hero-meta div{

    display:flex;

    flex-direction:column;

    gap:6px;

}

.vc-fereshteh-hero-meta span{

    font-size:12px;

    color:#999;

}

.vc-fereshteh-hero-meta strong{

    font-size:15px;

    font-weight:600;

    color:#222;

}


/*====================================*
* Tablet
*====================================*/

@media(max-width:991px){

    .vc-fereshteh-hero{

        margin-bottom:70px;

    }

    .vc-fereshteh-hero-inner{

        grid-template-columns:380px minmax(0,1fr);

        gap:40px;

    }

    .vc-fereshteh-hero-content h1{

        font-size:27px;

    }

    .vc-fereshteh-hero-content > p{

        font-size:15px;

        line-height:2.1;

    }

    .vc-fereshteh-hero-image figure{

        border-radius:19px;

    }

}


/*====================================*
* Mobile
*====================================*/

@media(max-width:576px){

    .vc-fereshteh-hero{

        margin-bottom:55px;

        padding-inline:18px;

    }

    .vc-fereshteh-hero-inner{

        display:flex;

        flex-direction:column;

        gap:30px;

        align-items:stretch;

    }

    .vc-fereshteh-hero-content{

        order:1;

        max-width:100%;

    }

    .vc-fereshteh-hero-image{

        order:2;

    }

    .vc-fereshteh-hero-label{

        font-size:9px;

        margin-bottom:13px;

    }

    .vc-fereshteh-hero-content h1{

        font-size:24px;

        line-height:1.75;

        margin-bottom:18px;

    }

    .vc-fereshteh-hero-content > p{

        font-size:14px;

        line-height:2.05;

        margin-bottom:28px;

    }

    .vc-fereshteh-hero-meta{

        grid-template-columns:1fr 1fr;

        gap:18px 20px;

    }

    .vc-fereshteh-hero-meta span{

        font-size:11px;

    }

    .vc-fereshteh-hero-meta strong{

        font-size:13px;

        line-height:1.7;

    }

    .vc-fereshteh-hero-image figure{

        border-radius:17px;

    }

    .vc-fereshteh-hero-image img{

        max-height:none;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2223216 *//*====================================*
* Fereshteh Project Introduction
*====================================*/

.vc-fereshteh-intro{

    width:100%;

    max-width:1300px;

    margin:0 auto 85px;

    padding-inline:20px;

    box-sizing:border-box;

}


.vc-fereshteh-intro-inner{

    display:grid;

    grid-template-columns:360px minmax(0,1fr);

    align-items:center;

    gap:80px;

    max-width:1100px;

    margin:0 auto;

    padding:38px 0;

    border-top:1px solid #e5e5e5;

    border-bottom:1px solid #e5e5e5;

}


/*====================================*
* Title
*====================================*/

.vc-fereshteh-intro-title{

    position:relative;

    padding-right:25px;

}


.vc-fereshteh-intro-title::before{

    content:"";

    position:absolute;

    right:0;

    top:5px;

    width:3px;

    height:55px;

    background:#bb1e28;

}


.vc-fereshteh-intro-title span{

    display:block;

    margin-bottom:12px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.14em;

    text-transform:uppercase;

    color:#999;

}


.vc-fereshteh-intro-title h2{

    margin:0;

    font-size:26px;

    line-height:1.8;

    font-weight:700;

    color:#151515;

}


/*====================================*
* Text
*====================================*/

.vc-fereshteh-intro-text{

    max-width:700px;

}


.vc-fereshteh-intro-text p{

    margin:0 0 17px;

    font-size:15px;

    line-height:2.2;

    color:#555;

}


.vc-fereshteh-intro-text p:last-child{

    margin-bottom:0;

}


/*====================================*
* Tablet
*====================================*/

@media(max-width:991px){

    .vc-fereshteh-intro{

        margin-bottom:70px;

    }


    .vc-fereshteh-intro-inner{

        grid-template-columns:300px minmax(0,1fr);

        gap:45px;

        padding:32px 0;

    }


    .vc-fereshteh-intro-title h2{

        font-size:23px;

    }


    .vc-fereshteh-intro-text p{

        font-size:14px;

        line-height:2.1;

    }

}


/*====================================*
* Mobile
*====================================*/

@media(max-width:576px){

    .vc-fereshteh-intro{

        margin-bottom:55px;

        padding-inline:18px;

    }


    .vc-fereshteh-intro-inner{

        display:block;

        padding:28px 0;

    }


    .vc-fereshteh-intro-title{

        padding-right:18px;

        margin-bottom:25px;

    }


    .vc-fereshteh-intro-title::before{

        width:3px;

        height:45px;

        top:4px;

    }


    .vc-fereshteh-intro-title span{

        font-size:9px;

        margin-bottom:8px;

    }


    .vc-fereshteh-intro-title h2{

        font-size:21px;

        line-height:1.75;

    }


    .vc-fereshteh-intro-text p{

        font-size:14px;

        line-height:2.05;

        margin-bottom:15px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c1f7ec *//*====================================*
* Fereshteh Before Section
*====================================*/

.vc-fereshteh-before{

    width:100%;

    max-width:1300px;

    margin:0 auto 90px;

    padding-inline:20px;

    box-sizing:border-box;

}


/*====================================*
* Header
*====================================*/

.vc-fereshteh-before-head{

    max-width:850px;

    margin:0 auto 30px;

    text-align:center;

}


.vc-fereshteh-before-label{

    display:inline-block;

    margin-bottom:12px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#999;

}


.vc-fereshteh-before-head h2{

    margin:0 0 20px;

    font-size:29px;

    line-height:1.7;

    font-weight:700;

    color:#151515;

}


.vc-fereshteh-before-text{

    max-width:760px;

    margin:0 auto;

}


.vc-fereshteh-before-text p{

    margin:0 0 14px;

    font-size:15px;

    line-height:2.15;

    color:#5b5b5b;

}


.vc-fereshteh-before-text p:last-child{

    margin-bottom:0;

}


/*====================================*
* Gallery Heading
*====================================*/

.vc-fereshteh-before-gallery-head{

    max-width:1100px;

    margin:0 auto 18px;

}


.vc-fereshteh-before-gallery-head h3{

    margin:0;

    font-size:17px;

    line-height:1.8;

    font-weight:600;

    color:#333;

}


/*====================================*
* Gallery
*====================================*/

.vc-fereshteh-before-gallery{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:18px;

    max-width:1100px;

    margin:0 auto;

}


.vc-fereshteh-before-gallery figure{

    margin:0;

    overflow:hidden;

    border-radius:17px;

    background:#f3f3f3;

}


.vc-fereshteh-before-gallery img{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:3 / 4;

    object-fit:cover;

    transition:transform .45s ease;

}


.vc-fereshteh-before-gallery figure:hover img{

    transform:scale(1.025);

}


/*====================================*
* Tablet
*====================================*/

@media(max-width:991px){

    .vc-fereshteh-before{

        margin-bottom:70px;

    }


    .vc-fereshteh-before-head h2{

        font-size:27px;

    }


    .vc-fereshteh-before-text p{

        font-size:14px;

        line-height:2.1;

    }


    .vc-fereshteh-before-gallery{

        gap:14px;

    }

}


/*====================================*
* Mobile
*====================================*/

@media(max-width:576px){

    .vc-fereshteh-before{

        margin-bottom:55px;

        padding-inline:18px;

    }


    .vc-fereshteh-before-head{

        margin-bottom:30px;

    }


    .vc-fereshteh-before-label{

        font-size:9px;

    }


    .vc-fereshteh-before-head h2{

        font-size:22px;

        line-height:1.75;

        margin-bottom:16px;

    }


    .vc-fereshteh-before-text p{

        font-size:14px;

        line-height:2.05;

    }


    .vc-fereshteh-before-gallery-head{

        margin-bottom:14px;

    }


    .vc-fereshteh-before-gallery-head h3{

        font-size:15px;

    }


    .vc-fereshteh-before-gallery{

        grid-template-columns:1fr;

        gap:14px;

    }


    .vc-fereshteh-before-gallery img{

        aspect-ratio:3 / 4;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8053c6f *//*====================================*
* Fereshteh Execution
*====================================*/

.vc-fereshteh-execution{

    width:100%;

    max-width:1300px;

    margin:0 auto 90px;

    padding-inline:20px;

    box-sizing:border-box;

}


.vc-fereshteh-execution-inner{

    display:grid;

    grid-template-columns:minmax(0,1fr) 360px;

    align-items:center;

    gap:75px;

    max-width:1100px;

    margin:0 auto;

}


/*====================================*
* Content
*====================================*/

.vc-fereshteh-execution-content{

    max-width:650px;

}


.vc-fereshteh-execution-label{

    display:inline-block;

    margin-bottom:14px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#999;

}


.vc-fereshteh-execution-content h2{

    margin:0 0 32px;

    font-size:29px;

    line-height:1.7;

    font-weight:700;

    color:#151515;

}


/*====================================*
* Story
*====================================*/

.vc-fereshteh-execution-story{

    display:grid;

    grid-template-columns:44px minmax(0,1fr);

    gap:18px;

}


.vc-fereshteh-execution-icon{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border:1px solid #dedede;

    border-radius:50%;

    color:#999;

    font-size:18px;

}


.vc-fereshteh-execution-story h3{

    margin:0 0 15px;

    font-size:20px;

    line-height:1.7;

    font-weight:700;

    color:#222;

}


.vc-fereshteh-execution-story p{

    margin:0 0 17px;

    font-size:15px;

    line-height:2.2;

    color:#555;

}


.vc-fereshteh-execution-story p:last-child{

    margin-bottom:0;

}


/*====================================*
* Video Caption
*====================================*/

.vc-fereshteh-execution-caption{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:32px;

    padding-top:22px;

    border-top:1px solid #e7e7e7;

    font-size:13px;

    line-height:1.8;

    color:#555;

}


.vc-fereshteh-execution-caption-icon{

    flex:0 0 auto;

    width:30px;

    height:30px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#f3f3f3;

    color:#555;

    font-size:10px;

}


/*====================================*
* Vertical Video
*====================================*/

.vc-fereshteh-execution-video{

    width:100%;

}


.vc-fereshteh-execution-video-frame{

    width:100%;

    max-width:360px;

    margin:0 auto;

    overflow:hidden;

    border-radius:20px;

    background:#111;

    box-shadow:0 15px 40px rgba(0,0,0,.09);

}


.vc-fereshteh-execution-video video{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:9 / 16;

    object-fit:cover;

}


/*====================================*
* Tablet
*====================================*/

@media(max-width:991px){

    .vc-fereshteh-execution{

        margin-bottom:70px;

    }


    .vc-fereshteh-execution-inner{

        grid-template-columns:minmax(0,1fr) 300px;

        gap:45px;

    }


    .vc-fereshteh-execution-content h2{

        font-size:26px;

    }


    .vc-fereshteh-execution-story p{

        font-size:14px;

        line-height:2.1;

    }


    .vc-fereshteh-execution-video-frame{

        max-width:300px;

    }

}


/*====================================*
* Mobile
*====================================*/

@media(max-width:576px){

    .vc-fereshteh-execution{

        margin-bottom:55px;

        padding-inline:18px;

    }


    .vc-fereshteh-execution-inner{

        display:flex;

        flex-direction:column;

        gap:32px;

        align-items:stretch;

    }


    .vc-fereshteh-execution-content{

        max-width:100%;

    }


    .vc-fereshteh-execution-label{

        font-size:9px;

        margin-bottom:12px;

    }


    .vc-fereshteh-execution-content h2{

        font-size:22px;

        line-height:1.75;

        margin-bottom:25px;

    }


    .vc-fereshteh-execution-story{

        grid-template-columns:38px minmax(0,1fr);

        gap:14px;

    }


    .vc-fereshteh-execution-icon{

        width:38px;

        height:38px;

        font-size:15px;

    }


    .vc-fereshteh-execution-story h3{

        font-size:18px;

        margin-bottom:12px;

    }


    .vc-fereshteh-execution-story p{

        font-size:14px;

        line-height:2.05;

        margin-bottom:14px;

    }


    .vc-fereshteh-execution-caption{

        margin-top:25px;

        padding-top:18px;

        font-size:12px;

    }


    .vc-fereshteh-execution-video{

        width:100%;

    }


    .vc-fereshteh-execution-video-frame{

        width:100%;

        max-width:300px;

        margin:0 auto;

        border-radius:17px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d09105 *//*====================================
  Fereshteh Before / After
====================================*/

.vc-fereshteh-before-after{

    width:100%;
    max-width:1300px;

    margin:0 auto 90px;

    padding-inline:20px;

    box-sizing:border-box;

}


/* Header */

.vc-fereshteh-ba-header{

    max-width:820px;

    margin:0 auto 45px;

    text-align:right;

}

.vc-fereshteh-ba-label{

    display:inline-block;

    margin-bottom:12px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#b51f28;

}

.vc-fereshteh-ba-header h2{

    margin:0 0 20px;

    font-size:30px;

    line-height:1.7;

    color:#151515;

}

.vc-fereshteh-ba-header p{

    margin:0 0 15px;

    font-size:15px;

    line-height:2.15;

    color:#555;

}


/* Gallery Title */

.vc-fereshteh-ba-title{

    max-width:1100px;

    margin:0 auto 25px;

    padding-bottom:16px;

    border-bottom:1px solid #e7e7e7;

}

.vc-fereshteh-ba-title h3{

    margin:0;

    font-size:21px;

    line-height:1.7;

    color:#222;

}


/* Gallery */

.vc-fereshteh-ba-gallery{

    display:flex;

    flex-direction:column;

    gap:35px;

    max-width:1100px;

    margin:0 auto;

}


/* Before / After Pair */

.vc-fereshteh-ba-pair{

    display:grid;

    grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);

    align-items:center;

    gap:20px;

}


/* Images */

.vc-fereshteh-ba-image{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    background:#f3f3f3;

}

.vc-fereshteh-ba-image img{

    display:block;

    width:100%;

    height:520px;

    object-fit:cover;

}


/* Badge */

.vc-fereshteh-ba-badge{

    position:absolute;

    right:15px;

    bottom:15px;

    padding:7px 13px;

    border-radius:30px;

    background:rgba(0,0,0,.72);

    color:#fff;

    font-size:11px;

    line-height:1.5;

}


/* Arrow */

.vc-fereshteh-ba-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    width:55px;

    height:55px;

    border-radius:50%;

    background:#f5f5f3;

    color:#222;

    font-size:25px;

    font-weight:400;

}


/*====================================
  Tablet
====================================*/

@media(max-width:991px){

    .vc-fereshteh-before-after{

        margin-bottom:70px;

    }

    .vc-fereshteh-ba-header h2{

        font-size:27px;

    }

    .vc-fereshteh-ba-pair{

        grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);

        gap:14px;

    }

    .vc-fereshteh-ba-arrow{

        width:45px;

        height:45px;

        font-size:21px;

    }

    .vc-fereshteh-ba-image img{

        height:240px;

    }

}


/*====================================
  Mobile
====================================*/

@media(max-width:576px){

    .vc-fereshteh-before-after{

        margin-bottom:55px;

        padding-inline:18px;

    }

    .vc-fereshteh-ba-header{

        margin-bottom:35px;

    }

    .vc-fereshteh-ba-label{

        font-size:9px;

    }

    .vc-fereshteh-ba-header h2{

        font-size:23px;

        line-height:1.7;

    }

    .vc-fereshteh-ba-header p{

        font-size:14px;

        line-height:2.05;

    }

    .vc-fereshteh-ba-title{

        margin-bottom:20px;

    }

    .vc-fereshteh-ba-title h3{

        font-size:18px;

    }

    .vc-fereshteh-ba-gallery{

        gap:25px;

    }

    .vc-fereshteh-ba-pair{

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

        gap:8px;

    }

    .vc-fereshteh-ba-image{

        border-radius:12px;

    }

    .vc-fereshteh-ba-image img{

        height:150px;

    }

    .vc-fereshteh-ba-arrow{

        width:36px;

        height:36px;

        font-size:17px;

    }

    .vc-fereshteh-ba-badge{

        right:7px;

        bottom:7px;

        padding:4px 7px;

        font-size:8px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6a9f394 *//*====================================
  Fereshteh Before / After Videos
====================================*/

.vc-fereshteh-before-after-video{

    width:100%;

    max-width:1300px;

    margin:0 auto 90px;

    padding-inline:20px;

    box-sizing:border-box;

}


/*====================================
  Header
====================================*/

.vc-fereshteh-video-header{

    max-width:800px;

    margin:0 auto 40px;

    text-align:right;

}

.vc-fereshteh-video-label{

    display:inline-block;

    margin-bottom:11px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#b51f28;

}

.vc-fereshteh-video-header h2{

    margin:0 0 16px;

    font-size:29px;

    line-height:1.7;

    color:#151515;

}

.vc-fereshteh-video-header p{

    margin:0;

    font-size:15px;

    line-height:2.1;

    color:#666;

}


/*====================================
  Video Comparison
====================================*/

.vc-fereshteh-video-comparison{

    display:grid;

    grid-template-columns:minmax(0,390px) 60px minmax(0,390px);

    justify-content:center;

    align-items:center;

    gap:25px;

}


/*====================================
  Video Item
====================================*/

.vc-fereshteh-video-item{

    width:100%;

}

.vc-fereshteh-video-title{

    display:flex;

    align-items:center;

    justify-content:flex-start;

    gap:10px;

    margin-bottom:13px;

}

.vc-fereshteh-video-title span{

    display:flex;

    align-items:center;

    justify-content:center;

    width:28px;

    height:28px;

    border-radius:50%;

    background:#f1f1f1;

    color:#777;

    font-size:10px;

    font-weight:700;

}

.vc-fereshteh-video-title strong{

    font-size:15px;

    font-weight:700;

    color:#222;

}


/*====================================
  Video Frame
====================================*/

.vc-fereshteh-video-frame{

    width:100%;

    overflow:hidden;

    border-radius:18px;

    background:#111;

    box-shadow:0 14px 35px rgba(0,0,0,.08);

}

.vc-fereshteh-video-frame video{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:9 / 16;

    object-fit:cover;

}


/*====================================
  Arrow
====================================*/

.vc-fereshteh-video-arrow{

    display:flex;

    align-items:center;

    justify-content:center;

    width:52px;

    height:52px;

    border-radius:50%;

    background:#f4f4f2;

    color:#222;

    font-size:24px;

    line-height:1;

}


/*====================================
  Tablet
====================================*/

@media(max-width:991px){

    .vc-fereshteh-before-after-video{

        margin-bottom:70px;

    }

    .vc-fereshteh-video-comparison{

        grid-template-columns:minmax(0,300px) 45px minmax(0,300px);

        gap:15px;

    }

    .vc-fereshteh-video-arrow{

        width:45px;

        height:45px;

        font-size:20px;

    }

}


/*====================================
  Mobile
====================================*/

@media(max-width:576px){

    .vc-fereshteh-before-after-video{

        margin-bottom:55px;

        padding-inline:18px;

    }

    .vc-fereshteh-video-header{

        margin-bottom:28px;

    }

    .vc-fereshteh-video-label{

        font-size:9px;

    }

    .vc-fereshteh-video-header h2{

        font-size:23px;

        line-height:1.7;

    }

    .vc-fereshteh-video-header p{

        font-size:14px;

        line-height:2.05;

    }


    .vc-fereshteh-video-comparison{

        grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);

        gap:8px;

        align-items:center;

    }

    .vc-fereshteh-video-title{

        gap:6px;

        margin-bottom:9px;

    }

    .vc-fereshteh-video-title span{

        width:23px;

        height:23px;

        font-size:8px;

    }

    .vc-fereshteh-video-title strong{

        font-size:12px;

    }

    .vc-fereshteh-video-frame{

        border-radius:13px;

    }

    .vc-fereshteh-video-arrow{

        width:34px;

        height:34px;

        font-size:16px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e152574 *//*====================================
  Fereshteh Final Result
====================================*/

.vc-fereshteh-final{

    width:100%;

    max-width:1300px;

    margin:0 auto 100px;

    padding-inline:20px;

    box-sizing:border-box;

}


/*====================================
  Header
====================================*/

.vc-fereshteh-final-header{

    max-width:850px;

    margin:0 auto 35px;

    text-align:right;

}

.vc-fereshteh-final-label{

    display:inline-block;

    margin-bottom:12px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#b51f28;

}

.vc-fereshteh-final-header h2{

    margin:0 0 18px;

    font-size:30px;

    line-height:1.7;

    font-weight:700;

    color:#151515;

}

.vc-fereshteh-final-header p{

    margin:0;

    font-size:15px;

    line-height:2.15;

    color:#555;

}


/*====================================
  Final Video
====================================*/

.vc-fereshteh-final-video{

    width:100%;

    max-width:1160px;

    margin:0 auto;

    overflow:hidden;

    border-radius:22px;

    background:#111;

    box-shadow:0 18px 45px rgba(0,0,0,.10);

}

.vc-fereshteh-final-video video{

    display:block;

    width:100%;

    height:auto;

    aspect-ratio:16 / 9;

    object-fit:cover;

}


/*====================================
  Tablet
====================================*/

@media(max-width:991px){

    .vc-fereshteh-final{

        margin-bottom:75px;

    }

    .vc-fereshteh-final-header h2{

        font-size:27px;

    }

    .vc-fereshteh-final-header p{

        font-size:14px;

        line-height:2.1;

    }

    .vc-fereshteh-final-video{

        border-radius:18px;

    }

}


/*====================================
  Mobile
====================================*/

@media(max-width:576px){

    .vc-fereshteh-final{

        margin-bottom:55px;

        padding-inline:18px;

    }

    .vc-fereshteh-final-header{

        margin-bottom:25px;

    }

    .vc-fereshteh-final-label{

        font-size:9px;

        margin-bottom:10px;

    }

    .vc-fereshteh-final-header h2{

        font-size:23px;

        line-height:1.7;

        margin-bottom:15px;

    }

    .vc-fereshteh-final-header p{

        font-size:14px;

        line-height:2.05;

    }

    .vc-fereshteh-final-video{

        border-radius:14px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ec53ee *//*====================================
  Fereshteh Final Gallery
====================================*/

.vc-fereshteh-final-gallery{

    width:100%;

    max-width:1300px;

    margin:0 auto 90px;

    padding-inline:20px;

    box-sizing:border-box;

}


/*====================================
  Gallery Header
====================================*/

.vc-fereshteh-gallery-head{

    max-width:850px;

    margin:0 auto 32px;

    text-align:right;

}

.vc-fereshteh-gallery-label{

    display:inline-block;

    margin-bottom:10px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#b51f28;

}

.vc-fereshteh-gallery-head h2{

    margin:0 0 15px;

    font-size:28px;

    line-height:1.7;

    font-weight:700;

    color:#151515;

}

.vc-fereshteh-gallery-head p{

    margin:0;

    font-size:15px;

    line-height:2.1;

    color:#666;

}


/*====================================
  Gallery Grid
====================================*/

.vc-fereshteh-gallery-grid{

    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:18px;

    max-width:1160px;

    margin:0 auto;

}


/*====================================
  Gallery Item
====================================*/

.vc-fereshteh-gallery-item{

    margin:0;

    overflow:hidden;

    border-radius:17px;

    background:#f3f3f3;

}

.vc-fereshteh-gallery-item img{

    display:block;

    width:100%;

    height:300px;

    object-fit:cover;

    transition:transform .5s ease;

}

.vc-fereshteh-gallery-item:hover img{

    transform:scale(1.035);

}


/*====================================
  Tablet
====================================*/

@media(max-width:991px){

    .vc-fereshteh-final-gallery{

        margin-bottom:70px;

    }

    .vc-fereshteh-gallery-head h2{

        font-size:26px;

    }

    .vc-fereshteh-gallery-head p{

        font-size:14px;

    }

    .vc-fereshteh-gallery-grid{

        gap:14px;

    }

    .vc-fereshteh-gallery-item img{

        height:230px;

    }

}


/*====================================
  Mobile
====================================*/

@media(max-width:576px){

    .vc-fereshteh-final-gallery{

        margin-bottom:55px;

        padding-inline:18px;

    }

    .vc-fereshteh-gallery-head{

        margin-bottom:25px;

    }

    .vc-fereshteh-gallery-label{

        font-size:9px;

    }

    .vc-fereshteh-gallery-head h2{

        font-size:23px;

        line-height:1.7;

        margin-bottom:12px;

    }

    .vc-fereshteh-gallery-head p{

        font-size:14px;

        line-height:2.05;

    }

    .vc-fereshteh-gallery-grid{

        grid-template-columns:1fr;

        gap:14px;

    }

    .vc-fereshteh-gallery-item{

        border-radius:14px;

    }

    .vc-fereshteh-gallery-item img{

        width:100%;

        height:auto;

        aspect-ratio:16 / 10;

        object-fit:cover;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83d2561 *//*====================================
  Fereshteh Project Summary
====================================*/

.vc-fereshteh-summary{

    width:100%;

    max-width:1300px;

    margin:0 auto 80px;

    padding-inline:20px;

    box-sizing:border-box;

}


.vc-fereshteh-summary-inner{

    max-width:1000px;

    margin:0 auto;

}


/*====================================
  Heading
====================================*/

.vc-fereshteh-summary-label{

    display:inline-block;

    margin-bottom:12px;

    font-size:10px;

    font-weight:700;

    letter-spacing:.15em;

    text-transform:uppercase;

    color:#b51f28;

}

.vc-fereshteh-summary h2{

    margin:0 0 20px;

    font-size:30px;

    line-height:1.7;

    font-weight:700;

    color:#151515;

}

.vc-fereshteh-summary > .vc-fereshteh-summary-inner > p{

    max-width:850px;

    margin:0;

    font-size:15px;

    line-height:2.2;

    color:#555;

}


/*====================================
  CTA
====================================*/

.vc-fereshteh-summary-cta{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

    margin-top:38px;

    padding:25px 28px;

    border:1px solid #e6e6e6;

    border-radius:18px;

    background:#fafafa;

}

.vc-fereshteh-summary-cta-text{

    flex:1;

}

.vc-fereshteh-summary-cta-text strong{

    display:block;

    font-size:17px;

    line-height:1.8;

    font-weight:700;

    color:#222;

}


/*====================================
  Buttons
====================================*/

.vc-fereshteh-summary-actions{

    display:flex;

    align-items:center;

    gap:10px;

    flex-shrink:0;

}

.vc-fereshteh-summary-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:90px;

    min-height:44px;

    padding:0 20px;

    border-radius:9px;

    background:#222;

    color:#fff !important;

    text-decoration:none !important;

    font-size:13px;

    font-weight:600;

    transition:all .25s ease;

}

.vc-fereshteh-summary-btn:hover{

    transform:translateY(-2px);

    background:#111;

}

.vc-fereshteh-summary-btn-whatsapp{

    background:#3b3b3b;

}


/*====================================
  Tablet
====================================*/

@media(max-width:991px){

    .vc-fereshteh-summary{

        margin-bottom:65px;

    }

    .vc-fereshteh-summary h2{

        font-size:27px;

    }

    .vc-fereshteh-summary > .vc-fereshteh-summary-inner > p{

        font-size:14px;

        line-height:2.1;

    }

}


/*====================================
  Mobile
====================================*/

@media(max-width:576px){

    .vc-fereshteh-summary{

        margin-bottom:50px;

        padding-inline:18px;

    }

    .vc-fereshteh-summary h2{

        font-size:23px;

        line-height:1.7;

        margin-bottom:15px;

    }

    .vc-fereshteh-summary > .vc-fereshteh-summary-inner > p{

        font-size:14px;

        line-height:2.05;

    }

    .vc-fereshteh-summary-cta{

        flex-direction:column;

        align-items:stretch;

        gap:20px;

        margin-top:30px;

        padding:22px 18px;

        border-radius:15px;

    }

    .vc-fereshteh-summary-cta-text strong{

        font-size:15px;

        line-height:1.8;

    }

    .vc-fereshteh-summary-actions{

        width:100%;

        display:grid;

        grid-template-columns:1fr 1fr;

    }

    .vc-fereshteh-summary-btn{

        width:100%;

        min-width:0;

    }

}/* End custom CSS */