/* begin */
.custom-image-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before,
.slider-after {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after {
  overflow: hidden;
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle::before,
.slider-handle::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before,
.slider-after {
  user-select: none;
}

/* begin1 */
.custom-image-slider1 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before1,
.slider-after1 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after1 {
  overflow: hidden;
}

.slider-handle1 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle1::before,
.slider-handle1::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle1::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle1::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before1,
.slider-after1 {
  user-select: none;
}

/* begin2 */
.custom-image-slider2 {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 60%;
    
  }
  
  .slider-before2,
  .slider-after2 {
    position: absolute;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
  }
  
  .slider-after2 {
    overflow: hidden;
  }
  
  .slider-handle2 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background-color: #fff;
    cursor: ew-resize;
  }
  
  .slider-handle2::before,
  .slider-handle2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    cursor: ew-resize;
    transition: all 0.2s ease-out;
   
  }
  
  .slider-handle2::before {
    left: -24px;
    border-right: 16px solid #fff;
  }
  
  .slider-handle2::after {
    right: -24px;
    border-left: 16px solid #fff;
  }
  
  .slider-before2,
  .slider-after2 {
    user-select: none;
  }

  /* begin3 */
.custom-image-slider3 {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    padding-bottom: 60%;
    
  }
  
  .slider-before3,
  .slider-after3 {
    position: absolute;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
  }
  
  .slider-after3 {
    overflow: hidden;
  }
  
  .slider-handle3 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 4px;
    height: 100%;
    background-color: #fff;
    cursor: ew-resize;
  }
  
  .slider-handle3::before,
  .slider-handle3::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    cursor: ew-resize;
    transition: all 0.2s ease-out;
   
  }
  
  .slider-handle3::before {
    left: -24px;
    border-right: 16px solid #fff;
  }
  
  .slider-handle3::after {
    right: -24px;
    border-left: 16px solid #fff;
  }
  
  .slider-before3,
  .slider-after3 {
    user-select: none;
  }

  /* begin4 */
.custom-image-slider4 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before4,
.slider-after4 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after4 {
  overflow: hidden;
}

.slider-handle4 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle4::before,
.slider-handle4::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle4::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle4::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before4,
.slider-after4 {
  user-select: none;
}

/* begin5 */
.custom-image-slider5 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before5,
.slider-after5 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after5 {
  overflow: hidden;
}

.slider-handle5 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle5::before,
.slider-handle5::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle5::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle5::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before5,
.slider-after5 {
  user-select: none;
}

/* begin6 */
.custom-image-slider6 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before6,
.slider-after6 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after6 {
  overflow: hidden;
}

.slider-handle6 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle6::before,
.slider-handle6::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle6::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle6::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before6,
.slider-after6 {
  user-select: none;
}

/* Repeat for classes 7 to 44 with appropriate numbering */
/* begin7 */
.custom-image-slider7 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before7,
.slider-after7 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after7 {
  overflow: hidden;
}

.slider-handle7 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle7::before,
.slider-handle7::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle7::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle7::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before7,
.slider-after7 {
  user-select: none;
}

/* begin8 */
.custom-image-slider8 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before8,
.slider-after8 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after8 {
  overflow: hidden;
}

.slider-handle8 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle8::before,
.slider-handle8::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle8::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle8::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before8,
.slider-after8 {
  user-select: none;
}

/* Repeat for classes 9 to 44 with appropriate numbering */
/* begin9 */
.custom-image-slider9 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before9,
.slider-after9 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after9 {
  overflow: hidden;
}

.slider-handle9 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle9::before,
.slider-handle9::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle9::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle9::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before9,
.slider-after9 {
  user-select: none;
}

/* begin10 */
.custom-image-slider10 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before10,
.slider-after10 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after10 {
  overflow: hidden;
}

.slider-handle10 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle10::before,
.slider-handle10::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle10::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle10::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before10,
.slider-after10 {
  user-select: none;
}

/* Repeat for classes 11 to 44 with appropriate numbering */
/* begin11 */
.custom-image-slider11 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before11,
.slider-after11 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after11 {
  overflow: hidden;
}

.slider-handle11 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle11::before,
.slider-handle11::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle11::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle11::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before11,
.slider-after11 {
  user-select: none;
}

/* begin12 */
.custom-image-slider12 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before12,
.slider-after12 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after12 {
  overflow: hidden;
}

.slider-handle12 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle12::before,
.slider-handle12::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle12::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle12::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before12,
.slider-after12 {
  user-select: none;
}

/* Repeat for classes 13 to 44 with appropriate numbering */
/* begin13 */
.custom-image-slider13 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before13,
.slider-after13 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after13 {
  overflow: hidden;
}

.slider-handle13 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle13::before,
.slider-handle13::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle13::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle13::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before13,
.slider-after13 {
  user-select: none;
}

/* begin14 */
.custom-image-slider14 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before14,
.slider-after14 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after14 {
  overflow: hidden;
}

.slider-handle14 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle14::before,
.slider-handle14::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle14::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle14::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before14,
.slider-after14 {
  user-select: none;
}

/* Repeat for classes 15 to 44 with appropriate numbering */
/* begin15 */
.custom-image-slider15 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before15,
.slider-after15 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after15 {
  overflow: hidden;
}

.slider-handle15 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle15::before,
.slider-handle15::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle15::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle15::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before15,
.slider-after15 {
  user-select: none;
}

/* begin14 */
.custom-image-slider14 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before14,
.slider-after14 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after14 {
  overflow: hidden;
}

.slider-handle14 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle14::before,
.slider-handle14::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle14::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle14::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before14,
.slider-after14 {
  user-select: none;
}

/* Repeat for classes 15 to 44 with appropriate numbering */
/* begin15 */
.custom-image-slider15 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before15,
.slider-after15 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after15 {
  overflow: hidden;
}

.slider-handle15 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle15::before,
.slider-handle15::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle15::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle15::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before15,
.slider-after15 {
  user-select: none;
}

/* begin16 */
.custom-image-slider16 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before16,
.slider-after16 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after16 {
  overflow: hidden;
}

.slider-handle16 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle16::before,
.slider-handle16::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle16::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle16::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before16,
.slider-after16 {
  user-select: none;
}

/* Repeat for classes 17 to 44 with appropriate numbering */
/* begin17 */
.custom-image-slider17 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before17,
.slider-after17 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after17 {
  overflow: hidden;
}

.slider-handle17 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle17::before,
.slider-handle17::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle17::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle17::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before17,
.slider-after17 {
  user-select: none;
}

/* begin18 */
.custom-image-slider18 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before18,
.slider-after18 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after18 {
  overflow: hidden;
}

.slider-handle18 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle18::before,
.slider-handle18::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle18::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle18::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before18,
.slider-after18 {
  user-select: none;
}

/* Repeat for classes 19 to 44 with appropriate numbering */
/* begin19 */
.custom-image-slider19 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before19,
.slider-after19 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after19 {
  overflow: hidden;
}

.slider-handle19 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle19::before,
.slider-handle19::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle19::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle19::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before19,
.slider-after19 {
  user-select: none;
}

/* begin20 */
.custom-image-slider20 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before20,
.slider-after20 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after20 {
  overflow: hidden;
}

.slider-handle20 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle20::before,
.slider-handle20::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle20::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle20::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before20,
.slider-after20 {
  user-select: none;
}

/* Repeat for classes 21 to 44 with appropriate numbering */
/* begin21 */
.custom-image-slider21 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before21,
.slider-after21 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after21 {
  overflow: hidden;
}

.slider-handle21 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle21::before,
.slider-handle21::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle21::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle21::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before21,
.slider-after21 {
  user-select: none;
}

/* begin22 */
.custom-image-slider22 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before22,
.slider-after22 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after22 {
  overflow: hidden;
}

.slider-handle22 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle22::before,
.slider-handle22::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle22::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle22::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before22,
.slider-after22 {
  user-select: none;
}

/* Repeat for classes 23 to 44 with appropriate numbering */
/* begin23 */
.custom-image-slider23 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before23,
.slider-after23 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after23 {
  overflow: hidden;
}

.slider-handle23 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle23::before,
.slider-handle23::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle23::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle23::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before23,
.slider-after23 {
  user-select: none;
}

/* begin24 */
.custom-image-slider24 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before24,
.slider-after24 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after24 {
  overflow: hidden;
}

.slider-handle24 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle24::before,
.slider-handle24::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle24::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle24::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before24,
.slider-after24 {
  user-select: none;
}

/* Repeat for classes 25 to 44 with appropriate numbering */
/* begin25 */
.custom-image-slider25 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before25,
.slider-after25 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after25 {
  overflow: hidden;
}

.slider-handle25 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle25::before,
.slider-handle25::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle25::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle25::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before25,
.slider-after25 {
  user-select: none;
}

/* begin24 */
.custom-image-slider24 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before24,
.slider-after24 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after24 {
  overflow: hidden;
}

.slider-handle24 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle24::before,
.slider-handle24::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle24::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle24::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before24,
.slider-after24 {
  user-select: none;
}

/* Repeat for classes 25 to 44 with appropriate numbering */
/* begin25 */
.custom-image-slider25 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before25,
.slider-after25 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after25 {
  overflow: hidden;
}

.slider-handle25 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle25::before,
.slider-handle25::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle25::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle25::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before25,
.slider-after25 {
  user-select: none;
}

/* begin26 */
.custom-image-slider26 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before26,
.slider-after26 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after26 {
  overflow: hidden;
}

.slider-handle26 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle26::before,
.slider-handle26::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle26::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle26::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before26,
.slider-after26 {
  user-select: none;
}

/* Repeat for classes 27 to 44 with appropriate numbering */
/* begin27 */
.custom-image-slider27 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before27,
.slider-after27 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after27 {
  overflow: hidden;
}

.slider-handle27 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle27::before,
.slider-handle27::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle27::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle27::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before27,
.slider-after27 {
  user-select: none;
}

/* begin28 */
.custom-image-slider28 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before28,
.slider-after28 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after28 {
  overflow: hidden;
}

.slider-handle28 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle28::before,
.slider-handle28::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle28::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle28::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before28,
.slider-after28 {
  user-select: none;
}

/* Repeat for classes 29 to 44 with appropriate numbering */
/* begin29 */
.custom-image-slider29 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before29,
.slider-after29 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after29 {
  overflow: hidden;
}

.slider-handle29 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle29::before,
.slider-handle29::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle29::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle29::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before29,
.slider-after29 {
  user-select: none;
}

/* begin30 */
.custom-image-slider30 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before30,
.slider-after30 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after30 {
  overflow: hidden;
}

.slider-handle30 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle30::before,
.slider-handle30::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle30::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle30::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before30,
.slider-after30 {
  user-select: none;
}

/* Repeat for classes 31 to 44 with appropriate numbering */
/* begin31 */
.custom-image-slider31 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before31,
.slider-after31 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after31 {
  overflow: hidden;
}

.slider-handle31 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle31::before,
.slider-handle31::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle31::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle31::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before31,
.slider-after31 {
  user-select: none;
}

/* begin30 */
.custom-image-slider30 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before30,
.slider-after30 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after30 {
  overflow: hidden;
}

.slider-handle30 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle30::before,
.slider-handle30::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle30::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle30::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before30,
.slider-after30 {
  user-select: none;
}

/* Repeat for classes 31 to 44 with appropriate numbering */
/* begin31 */
.custom-image-slider31 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before31,
.slider-after31 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after31 {
  overflow: hidden;
}

.slider-handle31 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle31::before,
.slider-handle31::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle31::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle31::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before31,
.slider-after31 {
  user-select: none;
}

/* begin32 */
.custom-image-slider32 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before32,
.slider-after32 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after32 {
  overflow: hidden;
}

.slider-handle32 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle32::before,
.slider-handle32::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle32::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle32::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before32,
.slider-after32 {
  user-select: none;
}

/* Repeat for classes 33 to 44 with appropriate numbering */
/* begin33 */
.custom-image-slider33 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before33,
.slider-after33 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after33 {
  overflow: hidden;
}

.slider-handle33 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle33::before,
.slider-handle33::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle33::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle33::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before33,
.slider-after33 {
  user-select: none;
}

/* begin34 */
.custom-image-slider34 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before34,
.slider-after34 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after34 {
  overflow: hidden;
}

.slider-handle34 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle34::before,
.slider-handle34::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle34::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle34::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before34,
.slider-after34 {
  user-select: none;
}

/* Repeat for classes 35 to 44 with appropriate numbering */
/* begin35 */
.custom-image-slider35 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before35,
.slider-after35 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after35 {
  overflow: hidden;
}

.slider-handle35 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle35::before,
.slider-handle35::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle35::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle35::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before35,
.slider-after35 {
  user-select: none;
}

/* begin36 */
.custom-image-slider36 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before36,
.slider-after36 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after36 {
  overflow: hidden;
}

.slider-handle36 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle36::before,
.slider-handle36::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle36::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle36::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before36,
.slider-after36 {
  user-select: none;
}

/* Repeat for classes 37 to 44 with appropriate numbering */
/* begin37 */
.custom-image-slider37 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before37,
.slider-after37 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after37 {
  overflow: hidden;
}

.slider-handle37 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle37::before,
.slider-handle37::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle37::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle37::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before37,
.slider-after37 {
  user-select: none;
}

/* begin38 */
.custom-image-slider38 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before38,
.slider-after38 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after38 {
  overflow: hidden;
}

.slider-handle38 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle38::before,
.slider-handle38::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle38::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle38::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before38,
.slider-after38 {
  user-select: none;
}

/* Repeat for classes 39 to 44 with appropriate numbering */
/* begin39 */
.custom-image-slider39 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before39,
.slider-after39 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after39 {
  overflow: hidden;
}

.slider-handle39 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle39::before,
.slider-handle39::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle39::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle39::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before39,
.slider-after39 {
  user-select: none;
}

/* begin40 */
.custom-image-slider40 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before40,
.slider-after40 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after40 {
  overflow: hidden;
}

.slider-handle40 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle40::before,
.slider-handle40::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle40::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle40::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before40,
.slider-after40 {
  user-select: none;
}


/* begin41 */
.custom-image-slider41 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before41,
.slider-after41 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after41 {
  overflow: hidden;
}

.slider-handle41 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle41::before,
.slider-handle41::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle41::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle41::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before41,
.slider-after41 {
  user-select: none;
}

/* begin42 */
.custom-image-slider42 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before42,
.slider-after42 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after42 {
  overflow: hidden;
}

.slider-handle42 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle42::before,
.slider-handle42::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle42::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle42::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before42,
.slider-after42 {
  user-select: none;
}

/* begin43 */
.custom-image-slider43 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before43,
.slider-after43 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after43 {
  overflow: hidden;
}

.slider-handle43 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle43::before,
.slider-handle43::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle43::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle43::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before43,
.slider-after43 {
  user-select: none;
}

/* begin44 */
.custom-image-slider44 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before44,
.slider-after44 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after44 {
  overflow: hidden;
}

.slider-handle44 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle44::before,
.slider-handle44::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle44::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle44::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before44,
.slider-after44 {
  user-select: none;
}

/* begin45 */
.custom-image-slider45 {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 0;
  padding-bottom: 60%;
  
}

.slider-before45,
.slider-after45 {
  position: absolute;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.slider-after45 {
  overflow: hidden;
}

.slider-handle45 {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background-color: #fff;
  cursor: ew-resize;
}

.slider-handle45::before,
.slider-handle45::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  cursor: ew-resize;
  transition: all 0.2s ease-out;
 
}

.slider-handle45::before {
  left: -24px;
  border-right: 16px solid #fff;
}

.slider-handle45::after {
  right: -24px;
  border-left: 16px solid #fff;
}

.slider-before45,
.slider-after45 {
  user-select: none;
}