
.insigths-section h2 {
  color: var(--navi-blue);
  font-size: var(--text-55);
  font-family: var(--font1);
  font-weight: 400;
}

.insigths-section .btn-text {
  color: var(--navi-blue);
  font-weight: 500;
  position: relative;
}

.insigths-section .btn-text:hover:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  height: 3px;
  background: var(--yellow);
}

.insigths-section .btn-text i {
  color: var(--yellow);
  font-size: 12px;
  margin-left: 8px;
  position: relative;
  top: -2px;
}

.insigths-section .slick-list {
  padding: 0 !important;
}
.insigths-section .slick-initialized .slick-slide > div {
  margin: 0 20px;
}

.site-inner {
  padding: 0;
}
.insigths-section .slick-list {
  margin: 0 -20px;
}

.insigths-section .card {
 border-radius: 0 33px;
 padding: 84px 35px 32px 48px;
 border: none;
 min-height: 307px;
}
.insigths-section .card:hover {
  background: var(--light-gray);
}
.insigths-section .card .card-body { 
  padding: 0;
}
.insigths-section .card .card-body .card-title {
  font-size: var(--text-sm);
  color: var(--navi-blue);
  font-weight: 700;
  margin-bottom: 16px;
}
.insigths-section .card .card-body .card-title a {
  color: var(--dark-cyan);
}
.insigths-section .card .card-body .card-text a {
  font-size: var(--text-xxl);
  color: var(--navi-blue);
  line-height: 30px;
  margin-bottom: 40px;
  font-family: var(--font1);
}
.insigths-section .card .card-body .card-content span i {
  font-size: var(--text-xl);
  color: var(--yellow);
}
.carousel1 .card-text{
  margin-bottom:39px;
}

@media screen and (max-width: 991px) {
  .insigths-section .slick-prev, 
  .insigths-section .slick-next {
    display: none !important;
  }  
  .insigths-section .slick-dots {
    padding-left: 0 !important;
    bottom: -46px;
    margin-bottom: 0;
  }
  .insigths-section .slick-dots li.slick-active button:before {
    opacity: 1;
    color: var(--yellow);
  }
  .insigths-section .slick-dots li button:before {
    opacity: 1;
    color: var(--navi-blue);
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .insigths-section .slick-initialized .slick-slide {
    margin-right: 0;
  }
  .insigths-section h2 {
    font-size: var(--text-40);
    margin-bottom: 0;
  }
  .insigths-section .slick-slide > div {
    margin-right: 0;
  }
  .insigths-section .card {
    padding: 45px 18px 27px 32px;
    min-height: unset;
    min-height: 248px;
  }
  .container.insigths-section{
    padding-left:35px;
    padding-right:35px;
  }
  .insigths-section .row .col-6:nth-child(1), .insigths-section .col-12{
    padding-right:0;
    padding-left:0;
  }
  .insigths-section .header{
    margin-bottom:37px;
  }
}
.upper-case{
  text-transform: uppercase;
}