.elementor-8453 .elementor-element.elementor-element-3e3f02b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8453 .elementor-element.elementor-element-3e3f02b:not(.elementor-motion-effects-element-type-background), .elementor-8453 .elementor-element.elementor-element-3e3f02b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5EAE6;}.elementor-8453 .elementor-element.elementor-element-d430ee2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-8453 .elementor-element.elementor-element-f367838{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-8453 .elementor-element.elementor-element-3e3f02b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-8453 .elementor-element.elementor-element-3e3f02b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-8453 .elementor-element.elementor-element-d430ee2{--width:85%;--padding-top:0px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-8453 .elementor-element.elementor-element-3e3f02b{--width:100%;}.elementor-8453 .elementor-element.elementor-element-d430ee2{--width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-8453 .elementor-element.elementor-element-d430ee2{--width:80%;}}/* Start custom CSS for container, class: .elementor-element-d430ee2 *//* =========================================================
   MEDWIN TREATMENT CAROUSEL
   Safe navigation + normal vertical page scrolling
   ========================================================= */

.medwin-treatment-carousel {
    position: relative;
    isolation: isolate;
    overflow: visible;
}


/* =========================================================
   ELEMENTOR SWIPER
   ========================================================= */

.medwin-treatment-carousel .swiper {
    position: relative;
    overflow: hidden;

    /*
     * Allow normal vertical page scrolling
     * while keeping horizontal carousel behavior.
     */
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
}


/* =========================================================
   NAVIGATION BUTTONS
   ========================================================= */

.medwin-treatment-carousel .elementor-swiper-button {
    position: absolute;
    z-index: 50;

    cursor: pointer;

    /* Prevent text selection */
    user-select: none;
    -webkit-user-select: none;

    /*
     * Buttons should respond to clicks/taps
     * without interfering with page scrolling.
     */
    touch-action: manipulation;

    /*
     * Prevent browser focus from moving the page.
     */
    scroll-margin: 0 !important;
}


/* =========================================================
   PREVIOUS BUTTON
   ========================================================= */

.medwin-treatment-carousel
.elementor-swiper-button-prev {
    transform: translateZ(0);
}


/* =========================================================
   NEXT BUTTON
   ========================================================= */

.medwin-treatment-carousel
.elementor-swiper-button-next {
    transform: translateZ(0);
}


/* =========================================================
   KEEP ARROWS CLICKABLE
   ========================================================= */

.medwin-treatment-carousel
.elementor-swiper-button-prev,
.medwin-treatment-carousel
.elementor-swiper-button-next {
    pointer-events: auto;
}


/* =========================================================
   PREVENT FOCUS FROM MOVING PAGE
   ========================================================= */

.medwin-treatment-carousel
.elementor-swiper-button:focus {
    outline: none;
    scroll-margin-top: 0 !important;
}


/* =========================================================
   MEDWIN TREATMENT CAROUSEL
   RESPONSIVE IMAGE FIX
   ========================================================= */


/* Carousel itself */
.medwin-treatment-carousel .swiper {
    width: 100%;
}


/* ---------------------------------------------------------
   Each slide
   --------------------------------------------------------- */

.medwin-treatment-carousel .swiper-slide {
    height: auto;
    box-sizing: border-box;
}


/* ---------------------------------------------------------
   Card / main card container
   --------------------------------------------------------- */

.medwin-treatment-carousel .swiper-slide > .e-con,
.medwin-treatment-carousel .swiper-slide .why-card-container {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;

}


/* ---------------------------------------------------------
   IMAGE CONTAINER
   --------------------------------------------------------- */

.medwin-treatment-carousel .swiper-slide img {
    display: block;

    width: 100% !important;
    max-width: 100% !important;

    height: auto;

    object-fit: cover;

    box-sizing: border-box;
}


/* ---------------------------------------------------------
   Elementor Image Widget
   --------------------------------------------------------- */

.medwin-treatment-carousel .elementor-widget-image {
    width: 100%;
    max-width: 100%;
}


/* Image widget wrapper */
.medwin-treatment-carousel .elementor-widget-image .elementor-widget-container {
    width: 100%;
}


/* Actual image */
.medwin-treatment-carousel .elementor-widget-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    .medwin-treatment-carousel .elementor-widget-image img {
        width: 100% !important;
        height: 230px !important;
        object-fit: cover;
    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 1024px) {

    .medwin-treatment-carousel .elementor-widget-image img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover;
    }

}


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

@media (max-width: 767px) {

    .medwin-treatment-carousel .swiper-slide {
        width: 100%;
    }

    .medwin-treatment-carousel .elementor-widget-image {
        width: 100%;
    }

    .medwin-treatment-carousel .elementor-widget-image img {
        width: 100% !important;
        max-width: 100% !important;

        height: 200px !important;

        object-fit: cover;
        object-position: center;
    }

}


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

@media (max-width: 480px) {

    .medwin-treatment-carousel .elementor-widget-image img {
        height: 180px !important;
    }

}/* End custom CSS */