.swiper {
    width: calc(100%);
    max-width: 1920px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 300px;
    height: 300px;
    display: flex;
    justify-content: center;
}

    .swiper-slide,
    .swiper-slide div {
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }

        .swiper-slide,
        .swiper-slide div {
            border-top-right-radius: 16px;
            border-bottom-right-radius: 16px;
        }

.mySwiper .swiper-slide *,
.mySwiper .swiper-slide {
    transform: scale(1);
    transition: transform 0.3s ease;
}

    .mySwiper .swiper-slide.swiper-slide-active h1,
    .mySwiper .swiper-slide.swiper-slide-active p {
        transform: scale(1.5);
        z-index: 2;
    }

    .mySwiper .swiper-slide.swiper-slide-active,
    .mySwiper .swiper-slide.swiper-slide-active {
        transform: scale(1.1);
        z-index: 2;
    }

p {
    text-align: start;
    line-height: 1.8;
    font-size: 1.25rem;
}

iframe {
    border-radius: 18px;
}

.media-body h3 {
    text-align: start;
}

[dir='rtl'] .slick-slide {
    float: left !important;
}

.slick-slide h4 {
    text-align: center;
}

.gallery .slick-list.draggable {
    border-radius: 18px;
}

.said-img,
.news-section .u-block-hover,
.youtube-video {
    border-radius: 18px;
}

.news-section .slick-track {
    display: flex !important;
    align-items: stretch;
}

.news-section .slick-slide {
    float: none;
    height: auto;
}

    .news-section .slick-slide > div {
        display: flex;
        justify-content: center;
        height: 100%;
    }

.slick-arrow {
    font-family: 'FontAwesome' !important;
}

.js-pie {
    display: flex;
    justify-content: center;
    align-items: center;
}

body,
section {
    overflow-x: hidden;
    font-size: 1rem;
}

.js-cd-seconds,
.js-cd-minutes,
.js-cd-hours,
.js-cd-days {
    font-family: "Open Sans" !important;
}

.calendly-container {
    position: absolute;
    top: 150px;
    left: 5%;
}

.g-bg-cover-rounded::after {
    border-radius: 12px;
}

.consultation-icon {
    max-height: 120px !important;
}

@media (max-width: 912px) {
    .calendly-container {
        top: 180px;
        right: 0;
        left: 0;
    }

    .consultation-icon {
        max-height: 100px !important;
    }
}

@media (max-width: 390px) {
    .calendly-container {
        top: 180px;
        right: 0;
        left: 0;
    }

    .consultation-icon {
        max-height: 100px !important;
    }
}

@media (max-width: 1225px) {
    .calendly-container {
        top: 180px;
        right: 0;
        left: 0;
    }

    .consultation-icon {
        max-height: 100px !important;
    }
}

.text-brown {
    color: #8b562d;
}

.colorful-hand-icon {
    max-width: 20px;
}

.hero-top-content {
    display: flex;
    height: 100%;
    flex-direction: row;
    column-gap: 20px;
    justify-content: center;
    align-items: center;
}

.hero-top-bg {
    background-image: url(/public/assets//img/top_bg3.jpg);
    height: calc(70vh);
    min-height: 600px;
    background-size: cover;
    background-position-y: center;
    background-position-x: center;
}

@media (max-width: 767.98px) {
    .hero-top-content {
        flex-direction: column;
    }
}

@media (max-width: 390px) {
    .hero-top-bg {
        height: calc(80vh);
    }
}

@media (min-width: 576px) {
    .colorful-hand-icon {
        max-width: 24px;
    }
}

@media (min-width: 768px) {
    .colorful-hand-icon {
        max-width: 28px;
    }
}


.flip-clock-card[data-value=' '] {
    visibility: hidden;
}

.hero-top-bg {
    position: relative;
    overflow: hidden;
}

    .hero-top-bg::before {
        content: "";
        position: absolute;
        inset: -12px;
        background: inherit;
        filter: blur(8px);
        z-index: 1;
    }

    .hero-top-bg #particles-js {
        z-index: 1;
    }

    .hero-top-bg > *:not(#particles-js) {
        position: relative;
        z-index: 2;
    }

@media (max-width: 575.98px) {
    #beforeAndAfter div[style*="aspect-ratio:9/16"] {
        max-width: 290px;
        margin-inline: auto;
    }
}

#beforeAndAfter .before-after-row:nth-child(odd of .before-after-row) .before-after-text-col {
    order: 1;
}


#beforeAndAfter .before-after-text {
    position: relative;
}

#beforeAndAfter .before-after-text > blockquote {
    text-shadow: 1px 4px 7px #a9a9a9;
}

#beforeAndAfter .before-after-row:nth-child(odd of .before-after-row) .before-after-video-col {
    order: 2;
}

#beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .before-after-text-col {
    order: 2;
}

#beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .before-after-video-col {
    order: 1;
}

#beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .text-start {
    text-align: end !important;
}

#beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .g-pl-30 {
    padding-left: 0 !important;
    padding-right: 30px !important;
}

#beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .g-right-20 {
    right: auto !important;
    left: 20px !important;
}

#beforeAndAfter .before-after-text > em {
    top: -30px !important;
    line-height: 1;
    font-size: 90px !important;
}

@media (max-width: 575.98px) {
    #beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .text-start {
        text-align: center !important;
    }

    #beforeAndAfter .before-after-row .text-start {
        text-align: center !important;
    }

    #beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .g-pl-30 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #beforeAndAfter .before-after-row .g-pl-30 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #beforeAndAfter .before-after-row:nth-child(even of .before-after-row) .g-right-20 {
        right: 20px !important;
        left: auto !important;
    }

    #beforeAndAfter .before-after-row .before-after-text-col {
        order: 1 !important;
    }

    #beforeAndAfter .before-after-row .before-after-video-col {
        order: 2 !important;
    }

    #beforeAndAfter .before-after-text > em {
        top: -30px !important;
        line-height: 1;
        font-size: 60px !important;
    }
   
}