/* common css  */



body{
    font-family: "Lato";
    -webkit-font-smoothing: antialiased;
}

ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

 img{
    display: block;
    width: 100%;
    /* border-radius: 5px; */
}


/* section .slick-slider:not(.container .slick-slider, .media_grids, .treatment_grid ){
    padding-left: 5%;
} */

/* slick dots  */

.main_page_wrap .slick-dots li, .main_page_wrap ul.slick-dots li.slick-active{
    background: none;
    border: none;
    border-radius: unset;

    & button{
        margin: 0;
        position: static;
    }
}

/* slick dots end */

/* slick buttons  */

.main_page_wrap .slick-prev::before,.main_page_wrap .slick-next::before {
    content: none;
}
div.main_page_wrap button.slick-prev {
    background: url(https://www.shroffeyecentre.com/wp-content/themes/shroff/images/left-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 37px;
    height: 21px;
    display: inline-block;
   
}

section .slick-prev:not(.testimonials-slider .slick-prev):hover, section .slick-prev:not(.testimonials-slider .slick-prev):focus{
    background: url(https://www.shroffeyecentre.com/wp-content/themes/shroff/images/left-arrow.svg);
    background-repeat: no-repeat;
    width: 37px;
    height: 21px;

}
section .slick-next:not(.testimonials-slider .slick-next), section .slick-next:not(.testimonials-slider .slick-next):focus{
    background: url(https://www.shroffeyecentre.com/wp-content/themes/shroff/images/right-arrow.svg);
    background-repeat: no-repeat;
        height: 21px;
        width: 37px;
}
div.main_page_wrap button.slick-next {
    background: url(https://www.shroffeyecentre.com/wp-content/themes/shroff/images/right-arrow.svg);
    background-repeat: no-repeat;
    background-size: cover !important;
    width: 37px;
    height: 21px;
    display: inline-block;
   
}

/* slick buttons end */




/* accordian plus minus  */
.accordian li h5:not(.problems_accord ul li h5), .accordian li:not(.centers_wrap .accordian li){
    position: relative;
    cursor: pointer;
   
}
.accordian li h5:not(.problems_accord ul li h5):after, .accordian li:not(.centers_wrap .accordian li):after{
    content: "+";
    font-size: 25px;
    line-height: 25px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}


.accordian li:not(.centers_wrap .accordian li):after{
    color: var(--c-ffffff);
    right: 2.5%;
}

.accordian li:has([style="display: block;"]) h5:not(.problems_accord ul li h5):after, .accordian li:has([style="display: block;"]):not(.centers_wrap .accordian li):after{
    content: "-";
}

/* accordian plus minus end */



/* section spacing common  */

section:not(.main_bnr_sec, .sticky_footer){
    padding: 40px 0;
}

/* section spacing common end */

a{
    text-decoration: none;
}

.section_heading{
    margin-bottom: 40px;
}


body[class] section.blog_video_sec{
    padding: 0;
}

/* .blog_video_wrap{
    padding: 40px 0;
} */

.cta_btn a{
    background-color: var(--c-ffffff);
    color: #333333;
}

.slick-prev {
    left: unset !important;
    right: 12% !important;
    top: unset !important;
    bottom: -90px !important;
}
.slick-next {
    left: unset !important;
    right: 5% !important;
    top: unset !important;
    bottom: -90px !important;
}

.slider_grid{
    margin-bottom: 40px;
}


.blog_video_sec .blog_video_wrap:nth-child(even) .cta_btn a{
    background: var(--c-5b85db);
    color: var(--c-ffffff);
}


.blog_video_sec .blog_video_wrap:nth-child(even) .cta_btn a:hover{
    background-color: var(--c-ffffff);
    color: #333333;
}

.slider_grid_item{
    margin-right: 20px;
    height: auto;
}


.blog_video_sec .blog_video_wrap:nth-child(odd):not(:nth-child(even)){
    background: #efefef;
}

.blog_video_sec .blog_video_wrap:nth-child(odd) .slick-dots li:not(li.slick-active) button:before{
    color: #fff;
}

/* common css end */

.bnr_img{
    position: relative;
}
.banner_content{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.bnr_txt h1{
    font-size: 64px;
    color: var(--c-ffffff);
    font-weight: 700;
}

.bnr_txt h2{
    font-size: 34px;
    color: var(--c-ffffff);
    font-weight: 400;
    margin-top: 10px;
}
.item_content div.item_txt .item_title h3{
    text-transform: capitalize;
}
/* .item_img img {
    aspect-ratio: 3 / 2;
    object-fit: cover;
} */

.dropdown_wrap select{
    display: block;
    border: 1px solid #c7c7c7;
    border-radius: unset;
    outline: none;
    padding: 10px;
    font-family: "Lato";
    background: #fdf6f6;
    background-image: url(https://www.shroffeyecentre.com/wp-content/themes/shroff/images/video_select.png);
    appearance: none;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center right 15px;
}

/* .slider_grid_item{
    margin-right: 0;
}

.slider_grid .slick-track:has(:nth-child(2)) .slider_grid_item{
    margin-right: 20px;
} */
.blog_video_wrap {
    padding: 40px 0px 60px 0px;
}

.blog_video_wrap .container{
    max-width: 95%;
    margin: 0 0 0 auto;
}

.blog_video_wrap .slider_grid:not(.slick-slider){
   display: flex;
   overflow-x: auto;
   scrollbar-width: none;
   justify-content: flex-start;
}
.blog_video_wrap .slider_grid_item{
    width: min-content;
    max-width: 100%;
}

@media screen and (min-width: 767px) {
    .blog_video_wrap .slider_grid_item:not([class*="slider-"] .slider_grid_item){
    min-width: calc((100% - 50px) / 3.5) !important;
}
}
@media screen and (max-width: 767px) {
    .blog_video_wrap .container{
        max-width: 100%;
        padding-right: 0;
    }
    .cataract_sec button#prevBtn, button#nextBtn {
    display: none;
}
    
/* section .slick-slider:not(.container .slick-slider, .media_grids, .treatment_grid ){
    padding-left: 15px;
}



  
section .slick-slider:not(.container .slick-slider, .media_grids, .treatment_grid ){
    padding-left: 15px;
} */

.slick-dotted.slick-slider{
    margin-bottom: 60px;

    & .slick-dots{
        bottom: -30px;
        left: 0;

        & li{
            height: 12px;
            width: 12px;
            margin: 0;
            margin-right: 5px;

            & button{
                height: 12px;
                width: 12px;
                padding: 0;
            }

            & button:before{
                font-size: 12px;
                line-height: 12px;
                height: 12px;
                width: 12px;
                color: #efefef;
                opacity: unset;
            }
        }

        & li.slick-active button:before{
            color: var(--c-5b85db);
        }

        & li:last-child{
            margin: 0;               
        }
    }
}


    /* section spacing common  */

section:not(.main_bnr_sec, .sticky_footer), .blog_video_wrap{
    padding: 30px 0;
}

/* section spacing common end */
    
    .section_heading{
        margin-bottom: 20px;
    }

    .blog_video_sec .blog_video_wrap .cta_btn{
        display: none;
    }

    .blog_video_wrap .slider_grid{
        margin-bottom: 30px !important;
    }
    .slider_grid .draggable{
        padding: 0 10% 0 0 !important;
    }

    .banner_content{        
        top: auto;
        bottom: 50px;
        transform: none;
    }

    .bnr_txt :where(h1, h2, .cta_btn){
        text-align: center;
    }

    .bnr_txt h1{
        font-size: 36px;
       
    }
    .bnr_txt h2{
        font-size: 20px;
    }

    .blog_video_sec .blog_video_wrap .cta_btn{
        display: block;
    }

    .blog_video_sec .blog_video_wrap .slick-dots{
        bottom: -15px;
    }

    .dropdown_wrap select{
        width: 100%;
    }


    div.blog_video_wrap .slider_grid_item.custom_slide:not(.slick-slide){
        min-width: calc(100% / 1.2);
    }
}