/* 8) trusted by client section ///////////////////////////*/
  .trustedBy{
        padding:60px 4% 80px ;
    }
    
    .trustedBy h1{
        text-align:left;
       margin-bottom:1.275em;
    }
    
    .trustedBy .logo-scroller-container {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-top:1.875em;
        
      }
      
     .trustedBy  .logo-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
        overflow-x: scroll;
        margin-top:0.375em;
        scrollbar-width: none; /* For Firefox hide scroll bar*/
        
      }
      
      
      .logo-wrapper::-webkit-scrollbar {
        display: none; /* For Chrome, Safari, and Opera hide scroll bar */
      }
      
      .logo-row {
        display: flex;
        gap:2.5em;
        justify-content: space-between;
        margin-bottom:0.625rem;
      }
      
     .trustedBy  .logo-row img {
        width: 6.25em;
        height: 6.25em;
        object-fit: contain;
        transition: transform 0.3s ease;
      }
      
     .trustedBy  .logo-row img:hover {
        cursor:pointer;
        transform: scale(1.1); /* Zoom effect */
      }
      
     .trustedBy  .scroll-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0);
        color: white;
        border: none !important;
        outline:none !important;
        padding: 0.625em;
        cursor: pointer;
        z-index: 8; /* Make sure buttons stay on top */
      }
     .trustedBy  .scroll-btn img{opacity:0.2;width:1.5em;height:1.5em;}
      
     .trustedBy  #scroll-left {
        left:2%;
      }
      
     .trustedBy  #scroll-right {
        right:2%;
      }
      
     .trustedBy  .scroll-btn:hover img {
       opacity:0.8;
    }
      
      /* Pause animation on hover */
     .trustedBy  .logo-wrapper:hover {
        animation-play-state: paused;
      }
       
      .gallery {
        max-width:100%;
        display: flex;
        padding:0 4% 1.125em;;
        flex-wrap: wrap;
        gap:3.75em;
        justify-content: center;
        transition:0.7s;
        margin-top:2.1875em; 
    }
    
    .gallery img {
      width: 6.25em;transition: transform 0.3s ease;
      height: 6.25em;
      object-fit: contain;
        border-radius: 0.3125em; /* Rounded corners */
        box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    }
    .gallery img:hover {
      transform: scale(1.1); /* Zoom effect */
       
    }
   
    
    
    #toggle-button{ 
      font-family: 'Inter', sans-serif;
      text-decoration:none;
      font-size: clamp(0.75rem, 0.541rem + 0.788vw, 1.25rem);
      font-weight: 500;
      background:white;
      max-height:1.875em;
  
     
      
      border-radius: 0.25em;
      border: 0.125em solid rgba(171, 182, 190, 1);
      color:rgba(69, 69, 69, 1);cursor:pointer;

      padding:1em 2.5em;
      position: relative;
      transition: transform 0.3s ease;
      outline: none;
      overflow: hidden;
      transition:0.3s;display: flex;justify-content: center;align-items: center;

      margin:2.125em auto 0;
    
    }
     #toggle-button:hover{  
      cursor:pointer;
      border: 0.125em solid rgba(80, 80, 80, 1);
      background:rgba(80, 80, 80, 1);
      color:white;
    }

    .tect-size{
      font-size: 2rem;
    }
@media only screen and (max-width:1130px) {
       .tect-size{
      font-size: 1.6rem;
    }
      .handwritten-text::after {
    
      height: 2px;
     
    }
        h1.sectionHeading{
            display:flex;
            justify-content:center;
            align-items:center;
            text-align: center;
            
        }
      }
    @media only screen and (max-width: 768px) {
      .trustedBy{
        padding:2.5em 8%;
    }
     
    .gallery {
      max-width:100%;
      display: flex;
      padding:0 0% 1.125em;;
      flex-wrap: wrap;
      gap:1.45em;
      justify-content: center;
      transition:0.7s;
      margin-top:2.1875em; 
  }
  
  .gallery img {
    width: 3.25em;transition: transform 0.3s ease;
    height: 3.25em;
    object-fit: contain;
      border-radius: 0.3125em; /* Rounded corners */
      box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
  }
  .gallery img:hover {
    transform: scale(1.1); /* Zoom effect */
     
  }

    }
    @media only screen and (max-width: 768px) {
 p.sectionParagraph{
    font-size: 15px !important;
  }
  p.sectionParagraph span{
    font-size: 15px !important;
  }

}