.offcanvas {
--bs-offcanvas-width: 200px;
}

img {
    height: 100vh;
  
}

.carousel-caption {
    color:rgb(19, 49, 219); 
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #228dff,
    0 0 35px #228dff, 0 0 40px #228dff, 0 0 50px #228dff, 0 0 75px #228dff;
}

.carousel-control-prev-icon {
   background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2315b' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); 
}

.carousel-control-next-icon {
   background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2315b' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");

}


.carousel-indicators [data-bs-target]{
   background-color: rgb(84, 105, 223); 

}

.carousel-indicators .active{
   background-color: rgb(19, 49, 219); 
}