#hero-slider .carousel-item {
height: 85vh;
background-position: center !important;
background-size: cover !important;
background-position-x: center !important;
background-position-y: center !important;
}
#hero-slider .carousel-indicators [data-bs-target] {
box-sizing: content-box;
flex: 0 1 auto;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #fff;
}
#hero-slider .carousel-indicators [data-bs-target] {
background-color: #ffffff00;
border: #fff 1px solid;
}
#hero-slider .carousel-indicators .active {
background-color: #118BB9 !important;
border: #118BB9 1px solid;
}
#hero-slider .carousel-control-prev-icon {
background-image: url("data:image/svg+xml;utf8, ");
}
#hero-slider .carousel-control-next-icon{
background-image: url("data:image/svg+xml;utf8, ");
}
#hero-slider .carousel-control-prev-icon:hover {
background-image: url("data:image/svg+xml;utf8, ");
}
#hero-slider .carousel-control-next-icon:hover{
background-image: url("data:image/svg+xml;utf8, ");
}
#hero-slider .carousel-control-next, .carousel-control-prev {
width: 15%;
}
#hero-slider .w-slider{
width: 40%;
}
@media (max-width: 576px)
{
#hero-slider .w-slider{
width: 75%;
}
}
@media (min-width: 577px) and (max-width: 767px)
{
#hero-slider .w-slider{
width: 75%;
}
}
@media (min-width: 768px) and (max-width: 991px)
{
#hero-slider .w-slider{
width: 49%;
}
}
@media (min-width: 992px) and (max-width: 1200px)
{
#hero-slider .w-slider{
width: 34%;
}
}
@media (min-width: 1201px) and (max-width: 1400px)
{
#hero-slider .w-slider{
width: 34%;
}
}