/* swiper-container {
    --swiper-theme-color: #ababab;
    --swiper-navigation-size: 22px;
    --swiper-navigation-color: #e1e1e1;
    --swiper-navigation-top-offset: 10px;
    --swiper-navigation-sides-offset: 10px;
    --swiper-pagination-color: #92a4ae;
    --swiper-pagination-bullet-border-radius: 6px;
    --swiper-pagination-bullet-horizontal-gap: 4px;
    --swiper-pagination-bullet-vertical-gap: 4px;
    --swiper-pagination-bullet-size: 6px;
    --swiper-pagination-bullet-width: 6px;
    --swiper-pagination-bullet-height: 6px;
    --swiper-pagination-bullet-opacity: 1;
    --swiper-pagination-bullet-inactive-color: #254a5d;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bottom: 0rem;
    --swiper-preloader-color: var(--swiper-theme-color);
} */

swiper-slide {
 
}

swiper-container::part(bullet) {
    /* styles */
}

swiper-container::part(bullet-active) {
    /* styles */
}

swiper-container::part(pagination) {
    /* styles */
}

swiper-container::part(container) {
    /* styles */
}

swiper-container::part(button-prev),
swiper-container::part(button-next) {
    
}

.slider{
  position: relative;
}
.custom-button-next,.custom-button-prev{
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  max-width: 70px;
  width: 100%;
  height: 55px;
  margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  
}


.custom-button-next:hover .icon-svg,.custom-button-prev:hover .icon-svg{
  color:#fff;
}

.custom-button-next:hover .background-svg,.custom-button-prev:hover .background-svg{
   color:#59815b !important;
}

.custom-button-next .icon-svg, .custom-button-prev .icon-svg{
  color:#000;
  width:30px;
  height: 24px;
  position: absolute;
  z-index:15;
  top: 13px;
  left: 20px;
  transition: .25s;


}

.custom-button-next .icon-svg{
  transform: rotateY(180deg);
  left:15px;
}


.custom-button-prev .background-svg,.custom-button-next .background-svg{
  position:relative;
  color:#fff;
  z-index:10;
  transition:.25s;
}

.custom-button-prev{
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.custom-button-next{
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}


.slider-footer-img{
  position: absolute;
  bottom: -1px;
  z-index:20; 

}

.slider-footer-img img {
  display: block; /* Prevents default inline spacing of images */
}