.chs-slider {

position:relative;
width:100%;
height:720px;
overflow:hidden;

}



.chs-track {

height:100%;
position:relative;

}



.chs-slide {

position:absolute;

inset:0;

background-size:cover;

background-position:center;

opacity:0;

transition:opacity .8s ease;

display:flex;

align-items:center;

}



.chs-slide.active {

opacity:1;

z-index:2;

}



.chs-overlay {

position:absolute;

inset:0;

/*background:rgba(0,0,0,.35);*/

}



.chs-content {

position:relative;

z-index:3;

max-width:700px;

padding-left:8%;

color:white;

}



.chs-content h1 {

font-size:52px;

line-height:1.1;

margin-bottom:20px;

}



.chs-content p {

font-size:22px;

margin-bottom:30px;

}



.chs-button {

display:inline-block;

padding:15px 35px;

background:#ffffff;

color:#111;

text-decoration:none;

border-radius:5px;

font-weight:600;

}



.chs-prev,
.chs-next {

position:absolute;

top:50%;

transform:translateY(-50%);

z-index:10;

background:white;

border:none;

width:45px;

height:45px;

border-radius:50%;

cursor:pointer;

}



.chs-prev {

left:25px;

}


.chs-next {

right:25px;

}




.chs-dots {

position:absolute;

bottom:25px;

left:50%;

transform:translateX(-50%);

z-index:10;

}



.chs-dot {

display:inline-block;

width:12px;

height:12px;

background:white;

opacity:.5;

border-radius:50%;

margin:5px;

cursor:pointer;

}



.chs-dot.active {

opacity:1;

}





@media(max-width:1024px){

.chs-slider{

height:500px;

}


.chs-content h1{

font-size:40px;

}


}



@media(max-width:600px){


.chs-slider{

height:450px;

}



.chs-content{

padding:25px;

}



.chs-content h1{

font-size:32px;

}



.chs-content p{

font-size:17px;

}


}