/*concept-carousel*/
.homepage-carousel.concept-carousel {
  padding-block: 0;
  margin-block: -10px 0;
}
.homepage-carousel .concept-carousel__slide-icon img {
  max-height: 100px;
  max-width: 100px;
}

.concept-carousel__slide-blurb {
  font-size: 14px;
}
div.concept-carousel {
  margin-block: 0;
}
.concept-carousel .concept-carousel__slides {
  margin-bottom: 0;
}
.concept-carousel--dots .concept-carousel__slide {
  background: white;
}

.concept-carousel--dots .concept-carousel__slide p{
    color: var(--text-gray);
    font-family: var(--primaryFont);
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 3%;

}
.concept-carousel h3.concept-carousel__slide-title{
  color: var(--text-black);
  padding-block:20px 6px;
}
.concept-carousel--dots h4{
  color: var(--text-black);
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  padding-bottom: 30px;
}

@media (max-width: 992px) {
  .concept-carousel__title {
    margin-bottom: 30px;
  }
  .homepage-carousel .concept-carousel__title {
    margin: 0;
  }
}
.concept-carousel.concept-carousel--arrow .tns-nav,
.concept-carousel--arrow .concept-carousel__nav-numbers{
  display: none;
}
.concept-carousel--arrow .tns-controls{
  display: block!important;
}
.concept-carousel--arrow.concept-carousel .tns-controls button:first-child,
.concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
  padding: 0;
  width: 60px;
  height: 60px;
  border: none;
  background-image: url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg"><rect opacity="0.75" width="60" height="60" rx="30" transform="matrix(-1 0 0 1 60 0)" fill="white"/><path d="M33 22L25.0707 29.9293C25.0317 29.9683 25.0317 30.0317 25.0707 30.0707L33 38" stroke="%23BE543B" stroke-width="3" stroke-linecap="round"/></svg>');
  transform: unset;
  top: calc(50% - 40px);
}
@media (max-width: 768px) {
  .concept-carousel--arrow.concept-carousel .tns-controls button:first-child,
  .concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
      top: 32%;
  }

  .concept-carousel.concept-carousel--arrow .tns-controls button:last-child{
    right: 0;
  }
}
.concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
  transform: rotate(-180deg);
}

div.concept-carousel--arrow{
  padding-block: 0;
}

.concept-carousel--arrow .concept-carousel__slide-blurb{
  font-size: 16px;
  color: var(--text-gray);
}

.concept-carousel--arrow h3.concept-carousel__slide-title{
    font-family: var(--primaryFont);
    font-weight: 700;
    font-style: Bold;
    font-size: 18px;
    line-height: 24px;
}
/*max-w is set to 80rem*/
@media (min-width: 1200px) {

  .concept-carousel--arrow.concept-carousel .tns-controls button:first-child{
    left: calc((100% - 78rem) / 2);
  }
  .concept-carousel--arrow.concept-carousel .tns-controls button:last-child{
    right: calc((100% - 78rem) / 2);
  }
  .concept-carousel--arrow{
    overflow: hidden;
  }
  .concept-carousel--arrow .container{
    max-width: unset;
    margin-left: calc((100% - 80rem) / 2);
  }
  .concept-carousel--arrow.carousel-bottom-curve .container{
     margin: 0 auto;
    padding: 0;
    max-width: 1200px;

    div.tns-controls button:first-child{
      left: calc((100% - 78rem) / 2);
    }
  }
     
}
.concept-carousel--arrow .concept-carousel__slide-content{
  text-align: left;
}

.concept-carousel .concept-carousel__slide-header{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-block: 20px;

        
    .concept-carousel__slide-icon,
    h3.concept-carousel__slide-title{
        margin: 0;
        padding: 0;
    }
}

.concept-carousel{
    .concept-carousel__title:empty{
        display: none;
        margin: 0;
    }
    .concept-carousel__title{
        margin-bottom: 40px;
    }
}

.concept-carousel--arrow.concept-carousel--dots .concept-carousel__slide{
    border-radius: 20px;

    .concept-carousel__slide-content{
        padding-inline: 40px;
        padding-bottom: 30px;
    }
}
@media(max-width: 768px){
    .concept-carousel--arrow.concept-carousel--dots .concept-carousel__slide .concept-carousel__slide-content{
        padding-inline: 20px;
        padding-bottom: 40px;
    }
}
.concept-carousel--arrow.concept-carousel--dots #tns2 > .tns-item{
    padding: 0;
    border-radius: 20px;
    overflow: hidden;
    
    img{
        border-radius: 0;
    }
}

.concept-carousel--arrow.concept-carousel--dots .concept-carousel__slide-image img{
  aspect-ratio: 16 / 9;
}

.bg-darkprimary .concept-carousel__title{
  color: white;
}
div.concept-carousel--dots.concept-carousel--3-slide {
  padding-bottom: 40px;
}
.concept-carousel--dots.concept-carousel--3-slide .concept-carousel__slide{
      clip-path: ellipse(110% 100% at 59% 100%);
      text-align: center;
      border-color: transparent;
      padding-top: 40px;
      img{
        width: 80px;
        height: 80px;
        margin-inline: auto;
      }

      .concept-carousel__slide-header{
        margin-bottom: 8px;
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
        justify-content: center;
      }

      .concept-carousel__slide-title{
        font-family: var(--boldFont);
        font-weight: 700;
        font-size: 16px;
        line-height: 22px;
      }

      h5{
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #5B7B75;
        margin-bottom: 30px;
      }

      p{
        font-weight: 400;
        font-size: 18px;
        text-align: center;
        color: var(--text-gray);
        line-height: 32px;
      }
}
div .concept-carousel--dots .tns-nav button{
  height: 6px;
  border: none;
}

.concept-carousel.1-slide{
    .concept-carousel__slide{
        padding: 0;
        margin: 0;
    }
    .concept-carousel--arrow .concept-carousel__slide-image img{
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}