.her-him-image-section .first-images-sec .first-image {
    height: 320px;
    background-color: #0daac8;
    border-top-left-radius: 80px;
}

.her-him-image-section .first-images-sec .second-image {
    height: 320px;
}

.her-him-image-section .first-images-sec .third-image {
    height: 320px;
    background-color: #e84f3b;
    border-top-right-radius: 80px;
}

.her-him-image-section .third-images-sec .first-image {
    height: 320px;
}

.her-him-image-section .third-images-sec .second-image {
    height: 320px;
}

.her-him-image-section .third-images-sec .second-image img {
    border-bottom-right-radius: 80px;
}

.her-him-image-section .third-images-sec .first-image img {
    border-bottom-left-radius: 80px;
}

.her-him-slider-sec .first-slider {
    background-color: #0daac8;
    height: 540px;
}

.her-him-slider-sec .first-slider .switch.flat input:checked+.slider {
    background: #0daac8 !important;
    border: 0px solid transparent;
}

.her-him-slider-sec .slide-body-content h1 {
    line-height: 65px;
    font-size: 50px;
    font-weight: 400;
}

.her-him-slider-sec .second-slider {
    background-color: #f28c81;
    height: 540px;
}

.her-him-slider-sec .second-slider .switch {
    transform: rotate(180deg);
    margin-top: 20px;
}

.pd-l {
    padding-left: 16px;
}

.pd-r {
    padding-right: 16px;
}

.pd-t {
    padding-top: 16px;
}

.pd-b {
    padding-bottom: 16px;
}

.ps-8 {
    padding-left: 8px;
}

.pe-8 {
    padding-right: 8px;
}

.her-him-slider-sec {
    z-index: 2;
}

.first-images-sec {
    z-index: 6 !important;
}

/* splide carousel  */

.splide__pagination__page {
    display: none !important;
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background-color: #e84f3b !important;
    opacity: 1 !important;
    height: 3rem !important;
    width: 3rem !important;
}

.splide__arrow svg {
    fill: white !important;
    height: 1.2em;
    width: 1.2em;
}

.splide__arrows--ttb .splide__arrow--prev {
    top: -12px !important;
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: -8px !important;
    top: auto;
}

.second-slider .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background-color: #0daac8 !important;
    opacity: 1 !important;
}


@media (max-width: 539px) and (min-width: 320px) {

    .splide__arrow {
        height: 2rem !important;
        width: 2rem !important;
    }

    .her-him-slider-sec {
        padding-bottom: 8px !important;
    }

    .splide__arrows--ttb .splide__arrow--prev {
        top: 4px !important;
    }

    .splide__arrows--ttb .splide__arrow--next {
        bottom: 4px !important;
        top: auto;
    }

    .her-him-image-section .first-images-sec .first-image {
        height: 330px;
        border-top-left-radius: 0px;
    }

    .her-him-image-section .first-images-sec .third-image {
        height: 330px;
        border-top-right-radius: 0px;
    }

    .her-him-image-section .third-images-sec .first-image img {
        border-bottom-left-radius: 0px;
    }

    .her-him-image-section .third-images-sec .second-image img {
        border-bottom-right-radius: 0px;
    }

    .her-him-slider-sec .slide-body-content h1 {
        line-height: 45px;
        font-size: 30px;
        font-weight: 400;
    }

    .her-him-slider-sec .first-slider {
        height: 440px;
    }

    .her-him-slider-sec .second-slider {
        height: 440px;
    }

    .pe-8 {
        padding-right: 0px;
    }

    .ps-8 {
        padding-left: 0px;
    }

    .pd-r {
        padding-right: 0px;
    }

    .pd-l {
        padding-left: 0px;
    }

    .pd-t {
        padding-top: 8px;
    }

    .slide1 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

@media (max-width: 1023px) and (min-width: 540px) {
    .splide__arrow {
        height: 2rem !important;
        width: 2rem !important;
    }

    .her-him-image-section .first-images-sec .first-image {
        height: 230px;
    }

    .her-him-image-section .first-images-sec .second-image {
        height: 230px;
    }

    .her-him-image-section .first-images-sec .third-image {
        height: 230px;
    }

    .her-him-image-section .third-images-sec .first-image {
        height: 230px;
    }

    .her-him-image-section .third-images-sec .second-image {
        height: 230px;
    }

    .her-him-slider-sec .first-slider {
        height: 400px;
    }

    .her-him-slider-sec .second-slider {
        height: 400px;
    }

    .her-him-slider-sec .slide-body-content h1 {
        line-height: 45px;
        font-size: 25px;
        font-weight: 400;
    }

    .her-him-slider-sec .service_slider .owl-prev span {
        left: -12px;
        top: 20px;
        background-color: #e84f3b;
    }

    .her-him-slider-sec .service_slider .owl-next span {
        right: -12px;
        top: 20px;
        background-color: #e84f3b;
    }

    .her-him-slider-sec .second-slider .service_slider .owl-prev span {
        left: -12px;
        top: 20px;
    }

    .her-him-slider-sec .second-slider .service_slider .owl-next span {
        right: -12px;
        top: 20px;
    }

}

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

    .her-him-slider-sec .slide-body-content h1 {
        line-height: 52px;
        font-size: 40px;
        font-weight: 400;
    }

    .her-him-image-section .first-images-sec .first-image {
        height: 260px;
    }

    .her-him-image-section .first-images-sec .second-image {
        height: 260px;
    }

    .her-him-image-section .first-images-sec .third-image {
        height: 260px;
    }

    .her-him-image-section .third-images-sec .first-image {
        height: 260px;
    }

    .her-him-image-section .third-images-sec .second-image {
        height: 260px;
    }

}