.slider,
.slider .imgs{width:100%;height:100%;max-height:750px;position:relative}
.slider{max-height:750px}
.slider .imgs{display:flex;overflow:hidden}
.slider .img{min-width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;position:absolute;left:100%;animation:0.6s cubic-bezier(0.645,0.045,0.355,1) 0s left;animation-fill-mode:forwards;background-size:cover !important;background-position:50% !important}
.slider .img span{padding:7px 20px;background:rgba(0,0,0,0.8);border-top-left-radius:7px;border-top-right-radius:7px;color:#f0f0f0;font-size:14px;font-family:sans-serif}
.dots{position:absolute;bottom:20px;left:0;display:flex;justify-content:center;width:100%}
.dot{width:18px;height:18px;background:#cbaa42;border-radius:50%;margin:0 12px;cursor:pointer}
.active-dot{background:white;cursor:default}
@keyframes leftNext{from{left:100%}to{left:0}}
@keyframes leftCurr{from{left:0}to{left:-100%}}
@keyframes rightNext{from{left:-100%}to{left:0}}
@keyframes rightCurr{from{left:0}to{left:100%}}
#layout-content{height:100vh;padding-top:0}
#layout-content h1,
#layout-content h2{color:white;font-family:"Abhaya Libre",serif !important;letter-spacing:0.6mm;font-weight:500;font-size:60px}
#layout-content p{color:white;font-family:"Abhaya Libre",serif !important;font-style:italic;letter-spacing:0.6mm;font-weight:300;font-size:24px}
#layout-content .mobile-slider{min-height:400px}
@media screen and (max-width:500px){#layout-content h1,#layout-content h2{color:white;font-family:"Abhaya Libre",serif !important;letter-spacing:0.6mm;font-weight:500;font-size:32px}#layout-content p{color:white;font-family:"Abhaya Libre",serif !important;font-style:italic;letter-spacing:0.6mm;font-weight:300;font-size:18px}}