/*
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: 550px!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;
        width: 100%;
    }
    .content_slider.flat .slick-track .slick-slide .content_slider_li .title{
        font-size: 50px;
        line-height: 1.2;
        font-family: "Fjalla One", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    .content_slider.flat .slick-track .slick-slide .content_slider_li .desc {
        margin-top: 60px !important;
        font-size: 20px;
        line-height: 1.2;
    }
    
    
     @media screen and (max-width: 1050px) {
        .content_slider.flat .slick-track .slick-slide{height: 480px!important;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .title{font-size: 45px;line-height: 1.2;}
    }
    @media screen and (max-width: 875px) {
        .content_slider.flat .slick-track .slick-slide{height: 400px!important;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .title{font-size: 40px;line-height: 1.2;}
    }
      @media screen and (max-width: 760px) {
        .content_slider.flat .slick-track .slick-slide{height: 320px!important;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .title{font-size: 35px;line-height: 1.2;}
    }
    @media screen and (max-width: 600px) {
        .content_slider.flat .slick-track .slick-slide{height: 270px!important;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .title{font-size: 30px;line-height: 1.2;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .desc {display:none;}
    }
     @media screen and (max-width: 500px) {
        .content_slider.flat .slick-track .slick-slide{height: 200px!important;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .title{font-size: 25px;line-height: 1.2;}
     }
    @media screen and (max-width: 400px) {
        .content_slider.flat .slick-track .slick-slide{height: 170px!important;}
        .content_slider.flat .slick-track .slick-slide .content_slider_li .title{font-size: 20px;line-height: 1.2;}
    }
        
        
    .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;}


    .partner-slider .slick-slide .title{display:none;}
    
    @media only screen and (max-width: 767px) {
    .content_wrapper .section_wrapper, .container, .four.columns .widget-area{
        padding-left: 21px!important;
        padding-right: 21px!important;
    }}