.slider_container{
    /*border:2px solid red;*/
    display:flex;
    align-items: center;
    justify-content: center;
    height: clamp(100vh, 100vh, 100vh);
    box-sizing: border-box;
    /*height:100vh;*/
    flex-direction: column;



}

.arrow_container{
    width:100%;
    height: 100px;
    /*background: yellow;*/
    display: flex;

    align-items: center;
    justify-content: center;
    column-gap: 80%;
    z-index: 3;
    margin-top:-100px;
}



.black_vail{
    background: rgba(0, 0, 0, 0.8);
    /*min-height:100%;*/
    width:100%;
    position: absolute;
    z-index: 2;
    top:0;
    left:0;
    right:0;
    bottom:0;
    /*height:100vh;*/
    /*height:calc(var(--vh) * 100);*/
    /*display:none;*/

    height: clamp(100vh, 100vh, 100vh);
    box-sizing: border-box;
}

.left_arrow{
    width:90px;
    height: 80px;
    /*background: blue;*/
    margin-left:20px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}



.left_arrow img{
    width:40px;

}

.right_arrow{
    width:90px;
    height: 80px;
    /*background: purple;*/
    margin-right:20px;
    display:flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.right_arrow img{
    width:40px;

}


.round_btn_container{
    width: 100%;
    height:40px;
    /*background: yellow;*/
    content:'';

    z-index: 3;
    position:absolute;
    bottom:20px;

    display:flex;
    justify-content: center;
    align-items: center;
    column-gap:30px;
    flex-direction: row;


}

.round_btn{
    border-radius:100px;

    width:20px;
    height:20px;
    background: #4c4c4c;

}


.round_btn.active {
    background: white;
}


.slider_text_box_container{
    width:50%;
    height: 300px;
    /*background:yellow;*/
    z-index: 3;
    position: absolute;
    display:flex;
    justify-content: center;
    align-items: center;
    margin-top:-100px;

}

.slider_text_box_centered{
    width:100%;
    height:auto;
    /*background:grey;*/
    display:flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 10px;
}

.background_text{
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top:10px;
    height: auto;
    /*width:100%;*/
    /*background: green;*/
    position: absolute;
    row-gap:20px;
    color:white;

    margin-right:100px;
    width:100%;
}

.background_text.active_x{
    /*margin-right:100px;*/
}

.background_text.active{
    opacity:1;
    margin-right:0px;
}

.main_caption_text{
    /*position:absolute;*/
    font-size:45px;
    font-family: Arial;
    font-weight:600;
    opacity:0;
    height:auto;
    width:auto;
    /*margin-right:100px;*/
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    /*background: red;*/

}



.sub_caption_text{

    /*position:absolute;*/
    opacity: 0;
    font-size:25px;
    height:auto;
    /*margin-right:100px;*/

    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;

    line-height: 35px;
    /*background: blue;*/
    margin-bottom:50px;
    width:auto;
}


.main_caption_text.active {
    opacity:1;

}

.sub_caption_text.active{
    opacity:1;

}



.background_images{
    width:100%;
    height:98.5vh;
    position:absolute;


}

.background_images img{
    width:100%;
    height: inherit;
}




/*mobile version */

@media screen and (max-width:1250px){
    .main_caption_text{
        font-size:40px;
        line-height: 50px;
    }

    .slider_text_box_container{
        width:70%;
        /*background: yellow;*/
    }

    .sub_caption_text{
        font-size:30px;
        line-height: 40px;
    }

    .l_break{
        display:none;
    }
}

@media screen and (max-width:1000px){
    .main_caption_text{
        font-size:35px;
    }

    .slider_text_box_container{
        width:70%;
        margin-top:0px;
        /*background: yellow;*/
    }
    .arrow_container{
        margin-top:0px;
    }

    .sub_caption_text{
        font-size:25px;
    }
}


@media screen and (max-width:700px){

    .main_caption_text{
        font-size:30px;
    }

    .slider_text_box_container{
        width:70%;
        /*background: yellow;*/
    }

    .sub_caption_text{
        font-size:20px;
    }

    margin-top:400px;
}


@media screen and (max-width:600px){

    .main_caption_text{
        font-size:25px;
        line-height: 30px;
    }

    .slider_text_box_container{
        width:70%;
        /*background: yellow;*/
    }

    .sub_caption_text{
        font-size:20px;
        line-height: 25px;
    }

    .round_btn_container{

        margin-top:350px;
    }

    .left_arrow img{
        width:30px;
    }

    .right_arrow img{
        width:30px;
    }

    .round_btn{
        width:15px;
        height:15px;
        border-radius:1000px;
    }
}

@media screen and (max-width:600px){

    .background_text{
        /*height:350px;*/
        /*width:300px;*/
    }

    .arrow_container{
        /*background:yellow;*/
        width:100%;
        column-gap: 85%;

    }

    .slider_text_box_centered {
        width: 100%;
        height:200px;

    }
}


@media screen and (max-width: 450px){
    .left_arrow img{
        width:20px;

    }

    .right_arrow img{
        width:20px;
    }

    .main_caption_text{
        font-size:20px;
    }


    .sub_caption_text{
        font-size:15px;
    }


}

@media screen and (max-width:350px){
    .main_caption_text{
        font-size:18px;
    }


    .sub_caption_text{
        font-size:14px;
    }

}