/**
 * This is an imagecropslider2 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-imagecropslider2 .swiper-wrapper {
  transition-timing-function: linear !important;
}

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

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


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

.fl-imagecropslider2 .slider-image {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  width: 100%;
    height: 100%;
}

.fl-imagecropslider2 .swiper-slide{
  position: relative;
}

.fl-imagecropslider2 .slider-image .square{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

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

.fl-imagecropslider2 .swiper-prev {
    cursor: pointer;
    position: absolute;
     top: calc(50% - 25px);
    left: -15px;
    z-index: 2;
}
.fl-imagecropslider2 .swiper-next {
    cursor: pointer;
    position: absolute;
    top: calc(50% - 25px);
    right: -15px;
    z-index: 2;
}


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

.fl-imagecropslider2 .swiper-prev:hover svg rect,
.fl-imagecropslider2 .swiper-next:hover svg rect {
  fill: #000;
  transition-duration: 0.5s;
}

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