.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-114 .elementor-element.elementor-element-dabb652{text-align:center;}.elementor-114 .elementor-element.elementor-element-dabb652 .elementor-heading-title{font-family:"VazirMatn", Sans-serif;font-weight:600;color:#091E2F;}.elementor-114 .elementor-element.elementor-element-0bbee6a{--e-image-carousel-slides-to-show:10;margin:15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}/* Start custom CSS for image-carousel, class: .elementor-element-0bbee6a *//* =========================================
   TEHRAN LOOLEH - IMAGE CAROUSEL
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a {
    position: relative;
}


/* =========================================
   IMAGE BOX
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide {

    padding: 8px;

    box-sizing: border-box;
}


.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide-inner {

    position: relative;

    overflow: hidden;

    border-radius: 20px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.9),
            rgba(245,249,252,.9)
        );

    border:
        1px solid rgba(7,24,39,.08);

    box-shadow:
        0 10px 30px rgba(7,24,39,.08);

    transition:
        transform .45s ease,
        box-shadow .45s ease,
        border-color .45s ease;
}


/* =========================================
   IMAGE
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide-image {

    display: block;

    width: 100%;

    border-radius: 20px;

    transition:
        transform .7s cubic-bezier(.2,.65,.3,1),
        filter .5s ease;
}


/* =========================================
   HOVER
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide:hover .swiper-slide-inner {

    transform:
        translateY(-5px);

    border-color:
        rgba(22,119,255,.22);

    box-shadow:
        0 18px 40px rgba(7,24,39,.14),
        0 0 0 1px rgba(53,213,255,.06);
}


.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide:hover .swiper-slide-image {

    transform:
        scale(1.045);

    filter:
        brightness(1.03);
}


/* =========================================
   LIGHT REFLECTION
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide-inner::after {

    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 60%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        );

    transform:
        skewX(-20deg);

    transition:
        left .8s ease;

    pointer-events: none;
}


.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide:hover .swiper-slide-inner::after {

    left: 140%;
}


/* =========================================
   NAVIGATION ARROWS
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a .elementor-swiper-button {

    width: 42px;
    height: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    background:
        rgba(7,24,39,.82);

    border:
        1px solid rgba(255,255,255,.12);

    backdrop-filter:
        blur(12px);

    -webkit-backdrop-filter:
        blur(12px);

    box-shadow:
        0 8px 25px rgba(0,0,0,.18);

    transition:
        .3s ease;
}


.elementor-114 .elementor-element.elementor-element-0bbee6a .elementor-swiper-button:hover {

    background:
        linear-gradient(
            135deg,
            #1168f5,
            #159edb
        );

    transform:
        scale(1.08);

    box-shadow:
        0 10px 25px rgba(22,119,255,.28);
}


.elementor-114 .elementor-element.elementor-element-0bbee6a .elementor-swiper-button i {

    color: #fff;

    font-size: 15px;
}


/* =========================================
   DOTS
========================================= */

.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-pagination-bullet {

    width: 7px;
    height: 7px;

    margin:
        0 4px !important;

    opacity: .35;

    background:
        #1677ff;

    transition:
        .3s ease;
}


.elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-pagination-bullet-active {

    width: 24px;

    border-radius: 20px;

    opacity: 1;

    background:
        linear-gradient(
            90deg,
            #1677ff,
            #35d5ff
        );

    box-shadow:
        0 0 10px
        rgba(53,213,255,.3);
}


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

@media (max-width:767px) {

    .elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide {

        padding: 5px;
    }

    .elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide-inner {

        border-radius: 16px;
    }

    .elementor-114 .elementor-element.elementor-element-0bbee6a .swiper-slide-image {

        border-radius: 16px;
    }

    .elementor-114 .elementor-element.elementor-element-0bbee6a .elementor-swiper-button {

        width: 36px;
        height: 36px;

        border-radius: 11px;
    }

    .elementor-114 .elementor-element.elementor-element-0bbee6a .elementor-swiper-button i {

        font-size: 13px;
    }

}/* End custom CSS */