.cs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
    pointer-events: none;
}

.cs-hero_text,
.cs-hero_social_wrap,
.cs-down_btn {
    /* position: relative; */
    z-index: 2;
}

.cs-down-custom-text {
    color: #f8ecba !important;
    padding-left: 40px !important;
    width: max-content !important;
    max-width: 400px !important;
}

@media(max-width:600px) {
    .cs-down-custom-text {
        /* display: block!important;
       margin-left: 0px!important;
       margin-top: 10px!important;
       text-align: center!important;
       white-space: normal!important; */
        color: #f8ecba !important;
        padding-left: 30px !important;
        width: max-content !important;
        max-width: 200px !important;
        font-size: 10px !important;
        /* align-content: center!important; */
        /* width: 100%!important; */
    }

    @media (max-width: 600px) {
        #heroCarousel .cs-overlay {
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            height: 100% !important;
            background-color: rgba(0, 0, 0, 0.5) !important;
            z-index: 1 !important;
            pointer-events: none;
        }

        #heroCarousel .carousel-item {
            position: relative !important;
        }
    }

}

.cs-cta.cs-style1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(208, 240, 239, 0.3);
    z-index: 1;
    border-radius: 15px;
}

.cs-cta.cs-style1 {
    /* position: relative; */
    overflow: hidden;
}

.cs-cta_in {
    /* position: relative; */
    z-index: 2;
}


.cs-page_heading {
    position: relative;
    overflow: hidden;
}

.cs-page_heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.cs-page_heading_in {
    position: relative;
    z-index: 2;
}
