.gtco-testimonials {
    position: relative;
    margin-top: 30px;
  
    h2 {
      font-size: 30px;
      text-align: center;
      color: #333333;
      margin-bottom: 50px;
    }
  
    .owl-stage-outer {
      padding: 30px 0;
    }
  
    .owl-nav {
      display: none;
    }
  
    .owl-dots {
      text-align: center;
  
      span {
        position: relative;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        display: block;
        background: #fff;
        border: 2px solid #01b0f8;
        margin: 0 5px;
      }
  
      .active {
        box-shadow: none;
  
        span {
          background: #01b0f8;
          box-shadow: none;
          height: 12px;
          width: 12px;
          margin-bottom: -1px;
        }
      }
    }
  
    .card {
      background: #fff;
      box-shadow: 0 8px 30px -7px #c9dff0;
      margin: 0 20px;
      padding: 0 10px;
      border-radius: 20px;
      border: 0;
  
      .card-img-top {
        max-width: 100px;
        border-radius: 50%;
        margin: 15px auto 0;
        box-shadow: 0 8px 20px -4px #95abbb;
        width: 100px;
        height: 100px;
      }
  
      h5 {
        color: #01b0f8;
        font-size: 21px;
        line-height: 1.3;
  
        span {
          font-size: 18px;
          color: #666666;
        }
      }
  
      p {
        font-size: 18px;
        color: #555;
        padding-bottom: 15px;
      }
    }
  
    .active {
      /* opacity: 0.5; */
      transition: all 0.3s;
    }
  
    .center {
      opacity: 1;
  
      h5 {
        font-size: 24px;
  
        span {
          font-size: 20px;
        }
      }
  
      .card-img-top {
        max-width: 100%;
        height: 120px;
        width: 120px;
      }
    }
  }
  
  @media (max-width: 767px) {
    .gtco-testimonials {
      margin-top: 20px;
    }
  }
  
  .owl-carousel {
    .owl-nav button {
      &.owl-next, &.owl-prev {
        outline: 0;
      }
    }
  
    button.owl-dot {
      outline: 0;
    }
  }


  /* newly added css for carousel */

  
  .owl-carousel_new .owl-item .card-img-top {
    width: 50% !important;
    margin: auto !important;
  }

.owl-carousel_new .owl-item {
  min-height: 400px !important;
  height: 400px !important;
  overflow: auto;
}

.owl-carousel_new .owl-item .card{
  min-height: 400px !important;
  padding: 1rem;
}

.owl-carousel_new .owl-nav{
  display: none;
}

.owl-carousel_new .owl-dots{
  margin-top: 1rem;
}


.owl-carousel_new .owl-item::-webkit-scrollbar {
  width: 3px;
}

.owl-carousel_new .owl-item::-webkit-scrollbar-thumb {
  background-color: #81d8d0;
  border-radius: 3px;
}

.owl-carousel_new .owl-item::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #81d8d0;
}


.gtco-testimonials {
  width: 80%;
  margin: auto;
}

.card-text {
  transition: max-height 0.3s ease; /* Add a smooth transition effect */
}

.collapsed {
  max-height: 230px; /* Initially hide content if it's longer than 150px */
}

.testimonial-readmore-btn {
  background-color: transparent;
  border: none;
  color: #81d8d0;
  cursor: pointer;
}