#lexis-create-plus-features img {
  width: 90px;
  height: auto;
  object-fit: contain;
}

.section-sub-header {
  font-weight: 100;
  font-size: 1.2rem;
  line-height: 37px;
  color: #707070;
}

sup {
  top: -0.9em !important;
  font-size: 45% !important;
}

#slides .slide.compact {
  min-height: auto !important;
  height: auto !important;
  padding-bottom: 8vmax !important;
}

.glassmorphism {
  background-color: rgba(0, 23, 46, 0.5);
  backdrop-filter: blur(5px) saturate(151%);
  -webkit-backdrop-filter: blur(5px) saturate(151%);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  padding: 3rem;
}

/*css for carousel */
.card-carousel .row .sub-heading {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem;
}

.card-carousel .card-carousel-row {
  display: flex;
  justify-content: space-around;
  align-items: stretch;
  /* flex-wrap: nowrap; */
}

.card-carousel .card-carousel-row .card.card-entry a {
  text-decoration: none;
  color: var(--main-text-color);
}

.card-carousel .carousel-main-content {
  margin-top: 3rem;
}

.card-carousel .card-carousel-row .card .card-content .card-heading {
  font-size: 1.35rem;
  font-weight: 700 !important;
}

.card-carousel .card-carousel-row .card .card-content .card-description {
  font-size: 0.9rem;
  margin: 0.75rem auto 0.15rem;
  min-height: 115px;
}

.card-carousel .card-carousel-row .card .card-cta .btn {
  width: 80%;
  padding: 0.35rem 0.5rem;
  font-size: 0.65rem;
  margin-bottom: 0.75rem;
}

.slick-list {
  padding-left: 0 !important;
  padding-right: 100px !important;
}

/* css for carousel navigation */
.card-carousel .carousel-nav {
  display: flex;
  align-items: center;
  justify-content: end;
}

.card-carousel .carousel-nav .carousel-nav-btn {
  border: 1px solid var(--primary);
  background-color: transparent;
  color: var(--primary);
  padding: 0.8rem 1.4rem 0.8rem;
  opacity: 0.5;
  transition: 0.25s;
  box-shadow: none;
  outline: none;
}

.card-carousel .carousel-nav .carousel-nav-btn:hover,
.card-carousel .carousel-nav .carousel-nav-btn:hover {
  opacity: 1;
  transition: 0.15s;
}

.card-carousel .carousel-nav .carousel-nav-dots {
  padding: 10px;
}

.slick-dots {
  margin: 0px !important;
  padding: 0px !important;
  text-align: center !important;
}

.slick-dots li {
  display: inline !important;
}

.slick-dots li:only-child {
  display: none !important;
}

.slick-dots > li > button {
  width: 5px !important;
  height: 5px !important;
  margin: 10px 7px !important;
  padding: 3px !important;
  font-size: 0 !important;
  color: transparent !important;
  background-color: var(--primary) !important;
  border: 1px solid var(--primary) !important;
  border-radius: 24px !important;
  outline: none !important;
  opacity: 0.5 !important;
  position: relative !important;
  bottom: 2px !important;
}

.slick-dots > li.slick-active > button {
  width: 8px !important;
  height: 8px !important;
  color: transparent !important;
  opacity: 1 !important;
  padding: 4px !important;
}
/* end of carousel navigation */

/* css for testimonial specific carousel */
.testimonial-carousel-row .slick-list {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.testimonial-carousel .carousel-main-content {
  /* margin: 3rem auto 0 !important; */
}

.testimonial-carousel-row .card {
  padding: 0 1rem !important;
  border: 0 !important;
}

.testimonial-carousel-row .card hr {
  margin: 1.75rem auto !important;
}

.testimonial-carousel-row p.testimonial {
  color: var(--primary);
  font-size: 1.75rem !important;
  font-weight: 400 !important;
  font-style: italic !important;
}

.testimonial-carousel-row .client-container {
  display: flex !important;
  justify-content: space-between !important;
}
/* end of testimonial specific carousel */

/* css for info box */
div.info-box-container {
  display: flex;

  flex-wrap: wrap;

  justify-content: space-around;
}

div.info-box {
  width: 45%;
  margin: 20px;
}

div.info-box .row {
  min-height: 200px;
  padding: 20px;
}

div.info-box .row .col-md-9 {
  padding: 0 20px 0 10px !important;
}

div.info-box img {
  width: 130px;
  height: auto;
  display: block;
  margin: auto;
}

div.info-box p.title {
  margin: 0 0 10px 0;
  font-size: 1.1rem;
}

div.info-box p.content {
  font-size: 18px;
  margin: 0 !important;
}
/* end of info box */

/* css for icon specific carousel */
.icon-carousel-row .card.card-entry {
  /* width: 300px !important; */
  height: auto !important;
  font-size: 0.8rem !important;
  color: var(--main-text-color) !important;
  text-decoration: none !important;
  background-color: var(--white) !important;
  border: 1px solid var(--dim) !important;
  border-radius: 5px !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px !important;
  padding: 1.8rem 1.8rem 2.5rem !important;
  margin-right: 0.75rem !important;
  margin-bottom: 1.5px !important;
}

.icon-carousel-row .card .card-icon img {
  width: 155px !important;
  height: 155px !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: auto auto !important;
}

.icon-carousel-row .card-icon {
  height: auto !important;
}

.icon-carousel-row .card .card-content {
  margin: 1.25rem auto 0.75rem !important;
}
.icon-carousel-row .card .card-content .card-description {
  color: #455a64;
  font-size: 0.9rem !important;
}

/* end of icon specific carousel */


@media only screen and (max-width: 1400px) {
  .icon-carousel-row .card.card-entry {
    min-height: 425px !important;
  }
}

@media only screen and (max-width: 1199px) {

  /* css for carousel */
  .card-carousel .sub-heading {
    font-size: 1.25rem;
    text-align: center;
    padding: 10px;
  }

  .card-carousel .carousel-nav {
    order: 3;
  }

  .card-carousel .carousel-main-content {
    order: 2;
    /* margin: 2rem auto 1.5rem; */
  }

  .card-carousel .card-carousel-row .card .card-content .card-description {
    font-size: 0.7rem;
  }

  .card-carousel .carousel-nav {
    justify-content: space-evenly;
  }

  /* end of of carousel */


  /* overwriting slick css */
  .slick-list {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* End of overwriting slick css */

  /* css for info-box */
  div.info-box {
      margin: 10px 0;
    }

    div.info-box .row {
      min-height: 225px;
    }

    div.info-box .row .col-9 {
      padding: 0 0 0 20px !important;
    }

    div.info-box img {
      width: 100px;
    }

    div.info-box p.content {
      font-size: 16px;
    }
  /* end of info-box */

  /* css for icon specific carousel */
    .icon-carousel-row .card.card-entry {
      margin: 0 20px 1px !important;
    }

    .icon-carousel-row .card .card-icon img {
      width: 125px !important;
      height: 125px !important;
    }
   
   .icon-carousel-row .card.card-entry {
      min-height: 380px !important;
    }
     /* css of icon specific carousel */  
}

@media screen and (max-width: 991px) {
   /* css for info-box */
  div.info-box {
    width: 95%;
  }

  div.info-box .row {
    min-height: 145px;
  }

  .row .col-9 {
    padding: 0 20px 0 10px !important;
  }

  div.info-box img {
    width: 100px;
  }

  div.info-box p.content {
    font-size: 16px;
  }
   /* end of info-box */
}

@media screen and (max-width: 575px) {
  /* css for testimonial spcific carousel */
  .testimonial-carousel-row p.testimonial {
    font-size: 1.25rem !important;
  }
  /* end of testimonial spcific carousel */

  /* css for info-box */
  div.info-box {
      width: 92%;
    }

  div.info-box .row {
      min-height: 155px;
      display: block;
      padding: 0 20px 35px;
    }

  div.info-box .row .col-9 {
      padding: 0 !important;
    }

  div.info-box img {
      width: 150px;
    }
    /* end of info-box */

     /* css for icon specific carousel */
  .icon-carousel-row .card.card-entry {
      min-height: 360px !important;
  }
    /* end of icon specific carousel */
}