/*
Theme Name: uMedia Sharutam Child
Author: uMedia
Author URI: https://umedia.az/
Description: Child Theme for Sharutam
Template: betheme
Version: 2.0.2
*/

    .content_slider.flat .slick-track .slick-slide{
        height: 500px!important;
        align-items: center;
        justify-content: center;
        display: flex;
    }
    .content_slider.flat .slick-track .slick-slide > div{
        width: 100%!important;
    }
    .content_slider.flat .slick-track .slick-slide > div::before {
        content: '';
        position: absolute;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1; 
    }
    .content_slider.flat .slick-track .slick-slide div{
    position: relative;
    }

    .content_slider.flat .slick-track .slick-slide .content_slider_li img{
        width: 100%!important;
        height: auto!important;
        max-height: 100%!important;
        position: relative;
        z-index: 0;
    }
    .content_slider.flat .slick-track .slick-slide .content_slider_li .title,
    .content_slider.flat .slick-track .slick-slide .content_slider_li .desc{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff!important;
        z-index: 1;
    }
    .content_slider.flat .slick-track .slick-slide .content_slider_li .desc {
        margin-top: 40px!important;

    }
    
    
    @media screen and (max-width: 875px) {
        .content_slider.flat .slick-track .slick-slide{height: 300px!important;}}
    @media screen and (max-width: 600px) {
        .content_slider.flat .slick-track .slick-slide{height: 250px!important;}}
     @media screen and (max-width: 500px) {
        .content_slider.flat .slick-track .slick-slide{height: 200px!important;}}
    @media screen and (max-width: 400px) {
        .content_slider.flat .slick-track .slick-slide{height: 150px!important;}}
        
        
    .content_slider.flat .slider_pagination{
        position: absolute;
        bottom: 10px;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #fff !important;
    }
    .slider_pagination .slick-dots li a{
        width: 12px;
        height: 12px;
        margin: 4px 8px;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        top: 0!important;
    }
    .content_slider.flat .slider_pagination .slick-dots li a{
        background: rgb(255 255 255 / 30%);
    }
    .content_slider.flat .slider_pagination .slick-dots li a:hover{
        background: rgb(255 255 255 / 70%);
    }
    
    .content_slider.flat .slider_pagination .slick-dots li.slick-active a{
        background-color: #ffffff!important;
    }
  
    .slider_pagination .slick-dots li.slick-active a:after{content: none!important;}