/* Ensure that swiper-wrapper behaves well for mobile */
.our-portfolio-carousel .swiper-wrapper {
  display: flex;
  transition: all 0.3s ease;
  width: 100%;
  justify-content: flex-start;
  /* Adjusted to ensure the slides align properly */
  overflow: hidden;
}
.swiper-button-disabled {
  opacity: .5;
}
/* Image inside the swiper-slide */
.our-portfolio-carousel .swiper-slide img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease-in-out;
}
.carousel-navigation ul{
  list-style: none;
}
.swiper-wrapper,
.swiper-slide {
  box-sizing: border-box;
}

.our-portfolio-carousel {
  background: #094A64;
  overflow: hidden;
  
  position: relative;
}

.our-portfolio-carousel .config-text {
  padding-bottom: 40px;
}

.our-portfolio-carousel .config-text h3 {
  font-size: 34px;
  color: #fff;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  
  letter-spacing: 3.4px;
}

.our-portfolio-carousel .config-text p {
  font-size: var(--body-s-font-size);
  line-height: var(--body-s-line-height);
  color: #fff;
}
.our-portfolio-carousel__swiper--image img {
  display: block;
  width: 100%;    
  object-fit: cover;
}

.our-portfolio-carousel__swiper--title span {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
}
.our-portfolio-carousel__swiper {
  clip-path: polygon(0 1%, 1000% 1px, 1000% 100.34%, 0 100%);
  overflow: visible !important;
}
.our-portfolio-carousel .swiper-wrapper {
  overflow: visible !important;
  
}

.our-portfolio-carousel .swiper-wrapper {
  align-items: baseline;
}


.our-portfolio-carousel .swiper {
  width: 100%;
  height: 100%;
}

.our-portfolio-carousel__swiper {
  margin-bottom: 40px;
}

.our-portfolio-carousel__swiper--image {
  margin-bottom: 14px;
}

.our-portfolio-carousel__swiper--image img {
  display: block;
  width: 100%;
  
  object-fit: cover;
}

.our-portfolio-carousel__swiper--title span {
  font-size: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
}

/*.carousel-navigation {
  position: absolute;
  bottom: 20px;
}*/
.our-portfolio-carousel ul{padding-left:0;}
.carousel-navigation ul li img {
  border: 1px solid #fff;
  border-radius: 50%;
  height: 32px;
  padding: 10px;
  width: 32px;
  margin-right: 10px;
  cursor: pointer;
}

.carousel-navigation ul li:last-child img {
  margin-right: 0;
  transform: rotate(-180deg);
}



@media (max-width: 640px) {
.our-portfolio-carousel__swiper {
  margin-bottom: 30px;
} 
.our-portfolio-carousel  .swiper-slide {
  flex: 0 0 100%;
  overflow: hidden;
  text-align: left;
  transition: flex 0.3s ease, transform 0.3s ease;
}
}



/* For larger screens (1024px and up) */
@media (min-width: 1024px) {

/*.our-portfolio__description {max-width: 400px;} */

.our-portfolio-carousel .swiper-slide {
    flex: 0 0 32%;
    overflow: hidden;
    text-align: left;
    transition: all 0.3s ease-in-out;
}  
.our-portfolio-carousel .swiper-slide:hover {
    flex: 0 0 37.3%;
    z-index: 2;
}
}



@media (min-width:1200px) {
.config-text-with-carousel-nagivation {padding: 0px;}

.our-portfolio-carousel__swiper {
  min-height: 470px;
  display: flex;
  padding-bottom: 48px;
  align-items: flex-end;
  padding-left: 0px;
}

.carousel-navigation {
/*   position: absolute; */ 
  bottom: 0;
/*   padding-bottom: var(--md-1); */ 
}

.our-portfolio-carousel__swiper {
 /* margin-bottom: 0; */
}
}
@media(min-width:767px) and (max-width:991px){
.our-portfolio-carousel .config-text{padding-bottom: 40px;}

}
@media (max-width: 640px){
.our-portfolio-carousel .config-text{padding-bottom: 30px;}
}


.our-portfolio-carousel .our-portfolio-carousel__swiper .cta{padding:0;}


/*hight-chart css  */

.highcharts-axis-labels text {
  fill: #094A64 !important;
  font-size: 1.2rem !important;
}

.highcharts-title {
  fill: #094A64 !important; 
}

@media (min-width: 1200px) {
  #module---signpost-1 .carousel-navigation {
    position: relative;
    bottom: 0;
    padding-bottom: var(--md-1);
  }
}