.slideer h1{text-transform:capitalize;color:white;text-shadow:0px 2px 5px rgba(0,0,0,0.373);margin-bottom:1rem;font-size:clamp(2rem,3vw,2.5rem);}.slideer .sliderContainer{width:100%;height:100vh;overflow:hidden;border-radius:15px;position:relative;isolation:isolate;}.slideer .sliderContainer .slider-track{display:flex;-o-transition:300ms ease;-moz-transition:300ms ease;-webkit-transition:300ms ease;-ms-transition:300ms ease;transition:300ms ease;}.slideer .sliderContainer .slider-track .slide{flex-shrink:0;width:100%;}.slideer .sliderContainer .slider-track .slide img{width:100%;height:100%;object-fit:cover;}.slideer .sliderContainer .slider-dots{display:flex;gap:0.5rem;justify-content:center;align-items:center;position:absolute;bottom:0.5rem;width:100%;}.slideer .sliderContainer .slider-dots .dot{width:12px;height:12px;border-radius:50%;box-shadow:0px 2px 5px rgba(0,0,0,0.444);background-color:rgba(255,255,255,0.495);-o-transition:200ms ease;-moz-transition:200ms ease;-webkit-transition:200ms ease;-ms-transition:200ms ease;transition:200ms ease;cursor:pointer;}.slideer .sliderContainer .slider-dots .dot.active{background-color:white;-o-transform:scale(1.3);-moz-transform:scale(1.3);-webkit-transform:scale(1.3);-ms-transform:scale(1.3);transform:scale(1.3);}.slideer .sliderContainer .slider-dots .dot:hover{background-color:white;}.slideer .sliderContainer .arrows{position:absolute;top:50%;-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:96%;left:2%;display:flex;justify-content:space-between;}.slideer .sliderContainer .arrows button{border:none;background-color:rgba(0,0,0,0.495);color:white;font-size:clamp(1.2rem,1.5vw,1.8rem);width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:50%;-o-transition:300ms ease;-moz-transition:300ms ease;-webkit-transition:300ms ease;-ms-transition:300ms ease;transition:300ms ease;cursor:pointer;}.slideer .sliderContainer .arrows button:hover{background-color:rgba(0,0,0,0.736);-o-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}.slideer .sliderContainer .arrows button:active{background-color:rgba(0,0,0,0.884);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}