/** VARIABLES
==================================
/** RESET AND LAYOUT
===================================*/
 .bx-wrapper {
  position: relative;
  width: 100% !important;
  padding: 0;
  z-index: 22;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  /* height: 500px; */
  right: -45px;

}
.bx-wrapper img {
  max-width: 100%;
  display: block;
  height: 500px;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
  object-fit: cover;
}
 .bxslider {
  margin: 0;
  padding: 0; 
  /*fix flickering when used background-image instead of <img> (on Chrome)*/
   -webkit-perspective: 1000;
  perspective: 1000;
} 
 ul.bxslider {
  list-style: none;
}
.bx-viewport {
  padding: 0px 0px; 
  width: 100% ;
  height: 500px;
  overflow: hidden;
  /* fix other elements on the page moving (in Chrome) */
   -webkit-transform: translateZ(0); transform: translateZ(0);
} 

/** THEME
===================================*/

 .bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  width: 100%;
}

/* LOADER */
 .bx-wrapper .bx-loading {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px; /* spacing between dots */
  padding-top: 20px;
  position: absolute;
  top: 35%;
  left: -20px;
  height: 100%;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #F3859B66;
  border: 1px solid #EB373C; 
  text-indent: -9999px;
  display: block;
  width: 10px;  /* make it circular or vertical pill if you want */
  height: 25px;
  margin: 0; /* remove left/right margin */
  outline: 0;
  border-radius: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #EB373C;
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-controls-direction{position: absolute;top: 0;right: 0;}
/* .bx-wrapper .bx-controls-direction a.disabled {
  display: none ;
} 
.bx-controls-direction{display: none;} */

@media screen and (max-width: 1024px) {
  .bx-wrapper,
  .bxslider li,
  .bxslider li img,
  .bx-viewport {
    height: 450px !important;
  }
}

/* Mobiles (up to 767px) */
@media screen and (max-width: 767px) {
  .bx-wrapper,
  .bxslider li,
  .bxslider li img,
  .bx-viewport {
    height:250px !important;
  }
  .bx-wrapper .bx-pager.bx-default-pager a{height: 10px;}
  .bx-wrapper .bx-pager{left: 40%;top: 85%;flex-direction: row;}
  .bx-wrapper{right: 0;margin-bottom: 20px !important;border-radius: 16px !important;overflow: hidden !important;}
  
}