/* tesimonail start  new */

   #testimonial{
    width: 100%;
    float: left;
   }
.testimonials {
     background: #0d0d0d;
    color: #fff;
    padding: 80px 60px;
    position: relative;
    overflow: hidden;
    margin: 4% 3% 6% 3%;

    }

    .testimonials::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: min(66%, 618px);
    right: 0vw;
    background-image: url(../image/Team/02.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    pointer-events: none;
    z-index: 999999;
}

    .testimonials .heading {
      margin-bottom: 59px;
      text-align: left;
      margin-left: 4%;
    }

    .testimonials .heading span {
      color: #c5c5c5;
      font-size: 14px;
      display: block;
      margin-bottom: 10px;
    }

    .testimonials .heading h2 {
font-size: 48px;
      font-weight: 700;
      color: #fff;
    }

    /* Card Styling */
    .testimonial-card {
      background: #111;
      border-radius: 16px;
      padding: 54px;
      display: flex;
      align-items: flex-start;
      gap: 45px;
      transition: all 0.3s ease;
      height: 100%;
    }

    .testimonial-card:hover {
      transform: translateY(-5px);
    }

    .testimonial-card img {
  width: auto !important; 
  
      object-fit: cover;
      border-radius: 12px;
    }

    .owl-carousel .owl-item img {
    display: block;
    /*width: auto !important; */
}

    .testimonial-content {
      max-width: 500px;
    }

.testimonial-content .first{
  font-size: 15px;
  font-weight: 900;
}

    .testimonial-content p {
      color: white;
      font-size: 15px;
      line-height: 1.6;
    }

    .testimonial-content h4 {
      color: white;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
    }

    .testimonial-content span {
      font-size: 13px;
   color: white;
    }

    /* Custom Navigation Buttons */
    .owl-nav {
      position: absolute;
      top: 50%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      transform: translateY(-50%);
      pointer-events: none;
    }

    .owl-nav button {
      background: #e50914 !important;
      border-radius: 50% !important;
      width: 40px;
      height: 40px;
      color: #fff !important;
      font-size: 20px !important;
      pointer-events: all;
      transition: 0.3s;
    }

    .owl-nav button:hover {
      background: #ff1f29 !important;
    }

    .owl-dots {
      margin-top: 30px;
      text-align: center;
    }

    .owl-dot span {
      width: 10px;
      height: 10px;
      background: #777 !important;
      border-radius: 50%;
      display: inline-block;
      margin: 5px;
      transition: 0.3s;
    }

    .owl-dot.active span {
      background: #e50914 !important;
      width: 12px;
      height: 12px;
    }

    /* Responsive */
    @media (max-width: 900px) {
      .testimonial-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0;
      }

      .testimonial-card img {
      
      }
    }

/* .testimonial-content::before {
    content: "“";
    font-family: GOTHAM-BLACK !important;
    color: #e50914;
    font-size: 3rem;
    position: relative;
    bottom: -20px;
} */


 @media only screen and (min-width: 1401px) and (max-width: 1500px) {
.testimonial-card {
   
    padding: 21px;
 
}

    .testimonial-card img {
 width: 40% !important;

    }
 }

 @media only screen and (min-width: 1301px) and (max-width: 1400px) {
        .testimonial-card img {
 width: 40% !important;

    }

    .testimonial-card {
   
    padding: 21px;
 
}
    
 }

 @media only screen and (min-width: 1201px) and (max-width: 1300px) {


     .testimonial-card img {
 width: 40% !important;

    }
    
.testimonial-card {
   
    padding: 21px;
 
}

 }
 @media only screen and (min-width: 1101px) and (max-width: 1200px) {
     .testimonial-card img {
 width: 40% !important;

    }

    .testimonial-card {
   
    padding: 21px;
 
}

  .testimonial-card {
      background: #111;
      border-radius: 16px;
      padding: 54px;
      display: flex;
      align-items: flex-start;
      gap: 45px;
      transition: all 0.3s ease;
      height: 100%;
              flex-direction: column;
    }

 }


 
  @media only screen and (min-width: 301px) and (max-width: 400px) {
  
/* testimonials new start  */
.testimonials .heading h2 {
 font-size: 28px;

}

.testimonial-content .first {
    font-size: 14px;

}
.testimonial-content span {
    font-size: 14px;
}
.testimonial-content h4 {

    font-size: 14px;
}

.testimonial-content p {
    color: white;
    font-size: 14px;
}

.testimonials .heading {
    margin-left: 0%;
}
.testimonials::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: min(0%, 618px);
    right: 0vw;
    background-image: url(../image/Team/02.png);
    background-repeat: no-repeat;
    /* background-position: right bottom; */
    pointer-events: none;
    z-index: 999999;
}
}

 @media only screen and (min-width: 401px) and (max-width: 500px) {

.testimonials .heading h2 {
    font-size: 32px;

}

.testimonial-content .first {
    font-size: 14px;

}
.testimonial-content span {
    font-size: 14px;
}
.testimonial-content h4 {

    font-size: 14px;
}

.testimonials::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0;
    left: min(0%, 618px);
    right: 0vw;
    background-image: url(../image/Team/02.png);
    background-repeat: no-repeat;
    /* background-position: right bottom; */
    pointer-events: none;
    z-index: 999999;
}


 }
   /* testimonial end new */


 @media only screen and (min-width: 701px) and (max-width: 800px) {
.testimonials::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: -2px;
    left: min(15%, 613px);
    right: 4vw;
    background-image: url(../image/Team/02.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    pointer-events: none;
    z-index: 999999;
  }
}

/* ===============================
   MOBILE FIX – TESTIMONIAL
================================ */

@media (max-width: 768px) {

  /* Section full width */
  #testimonial {
    width: 100%;
    overflow-x: hidden;
  }

  .testimonials {
    margin: 0 auto;
    padding: 40px 16px;
    width: 95%;
  }

  /* Disable background overlay on mobile */
  .testimonials::after {
    display: none;
  }

  /* Heading center */
  .testimonials .heading {
    margin-left: 0;
    text-align: center;
  }

  .testimonials .heading h2 {
    font-size: 28px;
    line-height: 1.3;
    text-align: start;
  }

  /* Owl stage fix */
  .owl-carousel .owl-stage {
    display: flex;
  }

  .owl-carousel .owl-item {
    display: flex;
    justify-content: center;
  }

  /* Card full width */
  .testimonial-card {
    width: 100%;
    max-width: 100%;
    flex-direction: column;
    align-items: baseline;
    padding: 15px;
    gap: 20px;
    text-align: center;
  }

  /* Image responsive */
  .testimonial-card img {
    width: 100% !important;
        max-width: 348px;
    height: auto;
  }

  /* Content */
  .testimonial-content {
    max-width: 100%;
  }

  .testimonial-content p {
    font-size: 14px;
    line-height: 1.6;
  }

  .testimonial-content h4 {
    margin-top: 20px;
    font-size: 14px;
  }

  /* Quote icon centered */
  .testimonial-content::before {
    display: block;
    text-align: center;
    margin-bottom: 10px;
    font-size: 2.5rem;
  }

  /* Nav buttons smaller */
 .testimonials .owl-nav button {
    width: 34px;
    height: 34px;
    font-size: 16px !important;
  }
 .testimonials  .owl-theme .owl-nav {
    margin-top: -100px;
}
}