/* Global Colors */
.leader-carousel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM2NiIgaGVpZ2h0PSI3MTkiIHZpZXdCb3g9IjAgMCAxMzY2IDcxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTU0OCA2NzNILTJWNzI1SDEzNjZWMEg2MTJDNTk0LjMyNyAwIDU4MCAxNC4zMjY5IDU4MCAzMlY2NDFDNTgwIDY1OC42NzMgNTY1LjY3MyA2NzMgNTQ4IDY3M1oiIGZpbGw9IiNGNkY2RjYiLz4KPC9zdmc+Cg==);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  background-color: white;
  background-position: bottom;
  height: 90vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .leader-carousel .left-content-wrapper {
    grid-template-columns: 82px auto;
  }
}
@media (max-width: 767px) {
  .leader-carousel .heading-1 {
    padding: 20px 20px 0;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .leader-carousel .heading-1 {
    padding: 20px 0 0;
  }
}
@media (min-width: 992px) {
  .leader-carousel .heading-1 {
    padding-top: 7.639vw;
    padding-bottom: 3.056vw;
  }
}
@media (max-width: 991px) {
  .leader-carousel .container,
  .leader-carousel .slick-list {
    height: inherit;
  }
}
@media (min-width: 992px) {
  .leader-carousel .container,
  .leader-carousel .slick-list {
    height: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .leader-carousel .container,
  .leader-carousel .slick-list {
    max-height: 37rem;
  }
}
@media (max-width: 767px) {
  .leader-carousel .carousel-wrapper {
    max-height: 426px;
  }
}
@media (min-width: 992px) {
  .leader-carousel .carousel-wrapper {
    height: auto;
  }
}
.leader-carousel .wrapper {
  display: grid;
}
@media (min-width: 992px) {
  .leader-carousel .wrapper {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .leader-carousel .wrapper .left-content-wrapper p {
    max-width: 260px;
  }
}
.leader-carousel .wrapper h1 {
  grid-column: 1/3;
  margin: 0;
}
@media (min-width: 992px) {
  .leader-carousel .wrapper .left-content-wrapper {
    padding-bottom: 11.806vw;
  }
}
.leader-carousel .wrapper .left-content-wrapper .image-wrapper {
  height: 0;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
@media (min-width: 992px) {
  .leader-carousel .wrapper .left-content-wrapper .image-wrapper {
    max-width: 13.2vw;
    border-radius: 0.556vw;
    padding-top: 37.78%;
  }
}
.leader-carousel .wrapper .left-content-wrapper .image-wrapper img {
  border-radius: 4px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .leader-carousel .wrapper .left-content-wrapper p {
    max-width: 17.431vw;
    margin-top: 1.667vw;
    font-size: 1.111vw;
    line-height: 1.389vw;
  }
}
.leader-carousel .wrapper .left-content-wrapper p strong {
  display: block;
  color: #004c99;
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 992px) {
  .leader-carousel .wrapper .left-content-wrapper p strong {
    font-size: 1.389vw;
    line-height: 1.944vw;
  }
}
.leader-carousel .wrapper .right-content-wrapper p {
  max-width: 33.2vw;
  line-height: 40px;
}
@media (min-width: 992px) {
  .leader-carousel .wrapper .right-content-wrapper p {
    line-height: 2.778vw;
  }
}

.slick-dots {
  left: 50%;
  cursor: pointer;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  position: absolute;
  z-index: -1;
}
@media (min-width: 992px) {
  .slick-dots {
    row-gap: 0.347vw;
    -webkit-column-gap: 0.347vw;
       -moz-column-gap: 0.347vw;
            column-gap: 0.347vw;
    z-index: 9;
    bottom: 18vh;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .slick-dots {
    bottom: 90px !important;
    left: 29% !important;
  }
}
.slick-dots li {
  list-style: none;
  width: 20px;
  height: 4px;
  border-radius: 1px;
  opacity: 0.2;
  background: var(--hsb-blue, #004c99);
}
@media (min-width: 992px) {
  .slick-dots li {
    width: 1.389vw;
    height: 0.278vw;
    border-radius: 0.069vw;
  }
}
.slick-dots li.slick-active {
  opacity: 1;
}
.slick-dots li button {
  display: none;
}

@media (max-width: 991px) {
  .leader-carousel {
    background: none;
  }
  .leader-carousel .wrapper {
    padding-top: 20px;
    grid-template-columns: auto;
  }
  .leader-carousel .wrapper .left-content-wrapper,
  .leader-carousel .wrapper .right-content-wrapper {
    grid-column: 1/3;
  }
  .leader-carousel .wrapper .right-content-wrapper {
    height: 280px;
  }
  .leader-carousel .wrapper .right-content-wrapper p {
    max-width: 100%;
    line-height: 28px;
    margin: 0;
  }
  .leader-carousel .wrapper .left-content-wrapper {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding-bottom: 0;
    display: grid;
    padding-bottom: 0;
    margin-top: 24px;
    gap: 16px;
  }
  .leader-carousel .wrapper .left-content-wrapper p {
    margin: 0;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 18px;
  }
  .leader-carousel .wrapper .left-content-wrapper p strong {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-top: 2px;
  }
  .slick-dots {
    bottom: 0;
    left: 33%;
    top: auto;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .leader-carousel .container {
    padding: 0;
    overflow: hidden;
  }
  .leader-carousel .wrapper {
    margin-left: 28px;
  }
  .leader-carousel .wrapper:first-child {
    margin-left: 52px;
  }
  .left-content-wrapper p {
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .left-content-wrapper {
    grid-template-columns: 140px 1fr;
  }
  .slick-slide:first-child {
    margin-left: 100px;
  }
}
.wrapper .image-wrapper {
  padding-top: 123.17%;
}
@media (max-width: 767px) {
  .wrapper .image-wrapper {
    width: 82px;
    max-width: 100px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .wrapper .image-wrapper {
    padding-top: 129.17% !important;
    max-width: 140px;
  }
}

@media (max-width: 767px) {
  .slick-dots {
    left: 119px;
  }
}

.slider-control {
  position: absolute;
  top: 45%;
  left: 43%;
  width: 56%;
}

.slick-arrow {
  position: absolute;
  font-size: 0;
  padding: 0;
  z-index: 100;
  top: 0;
  width: 4.861vw;
  height: 4.861vw;
  background-size: cover;
  background-repeat: repeat;
}

.slick-prev {
  left: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQzLjc1IDE3LjVMMjYuMjUgMzVMNDMuNzUgNTIuNSIgc3Ryb2tlPSIjMDA0Qzk5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.slick-next {
  right: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCA3MCA3MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI2LjI1IDUyLjVMNDMuNzUgMzVMMjYuMjUgMTcuNSIgc3Ryb2tlPSIjMDA0Qzk5IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
}

.slick-disabled {
  display: none !important;
}