/**
 * This is an imagecropslider of an additional stylesheet that can be 
 * enqueued using the add_css module method. The files settings.css,
 * frontend.css and frontend.responsive.css don't need to be 
 * enqueued and will be included for you automatically.
 */

.fl-imagecropslider .swiper-wrapper {
  transition-timing-function: linear !important;
}

.fl-imagecropslider .swiper-slide {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.fl-imagecropslider .imagecropslider {
  overflow: visible;
}

.fl-imagecropslider .imagecropslider-swiper-scrollbar {
  border-top: 3px dotted #003287;
  margin: 30px -20px 20px 0;
}
.fl-imagecropslider .swiper-scrollbar-drag {
  height: 20px;
  background: transparent;
  position: relative;
  z-index: 5;
}

.fl-imagecropslider .swiper-scrollbar-drag::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  z-index: 10;
  top: -15px;
  /* left: 40px; */
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='34' viewBox='0 0 37 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.642486 9.16499C0.625445 9.06297 0.704122 8.97005 0.807565 8.97005H2.02946C2.07639 8.97005 2.12116 8.98976 2.15286 9.02436L7.22252 14.5577C7.25424 14.5922 7.29901 14.612 7.34593 14.612H13.6412C13.7515 14.612 13.8317 14.507 13.8026 14.4005L10.1856 1.14894C10.1565 1.04246 10.2367 0.9375 10.347 0.9375H12.7507C12.8031 0.9375 12.8525 0.962032 12.8841 1.00379L21.8348 14.6105L23.1978 14.612H33.3202C34.6318 14.612 36.0895 15.6752 36.0895 16.9868C36.0895 18.2984 34.6318 19.3616 33.3202 19.3616H21.8378L12.8841 32.9698C12.8525 33.0115 12.8031 33.036 12.7507 33.036H10.347C10.2367 33.036 10.1565 32.9312 10.1856 32.8247L13.8026 19.573C13.8317 19.4666 13.7515 19.3616 13.6412 19.3616H7.34593C7.29901 19.3616 7.25424 19.3813 7.22252 19.4159L2.15286 24.9492C2.12116 24.9839 2.07639 25.0034 2.02946 25.0034H0.807565C0.704122 25.0034 0.625445 24.9106 0.642486 24.8086L1.94419 17.0144C1.94725 16.996 1.94725 16.9774 1.94419 16.9592L0.642486 9.16499Z' fill='%23003287'/%3E%3C/svg%3E%0A");
  padding: 0 30px;
  background-repeat: no-repeat;
  background-color: #fff;
  background-position: center;
}

.fl-imagecropslider .text-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fl-imagecropslider .slider-image {
  aspect-ratio: 5 / 3;
  overflow: hidden;
}

.fl-imagecropslider .slider-title {
  background-color: #003287;
  color: #fff;
  display: flex;
  width: 100%;
  margin-top: 10px;
  padding: 20px 20px 70px 20px;
  justify-content: space-between;
}

.fl-imagecropslider .swiper-prev {
  cursor: pointer;
}
.fl-imagecropslider .swiper-next {
  margin: 20px;
  cursor: pointer;
}

.fl-imagecropslider .swiper-prev svg path,
.fl-imagecropslider .swiper-next svg path {
  transition-duration: 0.5s;
}

.fl-imagecropslider .swiper-prev:hover svg path,
.fl-imagecropslider .swiper-next:hover svg path {
  fill: #003287;
  transition-duration: 0.5s;
}

.fl-imagecropslider-content .iccarousel-text {
  position: relative;
  z-index: 2;
  background-color: #fff;
}

.fl-imagecropslider-content .iccarousel-slider {
  position: relative;
  z-index: 1;
}


@media screen and (min-width: 1024px) {

.fl-imagecropslider .text-content {

  padding-right: 10%;
}

  
}