/* SETTING TESTIMONIIIII */
    /* testimoni Frame luar */
    .testimonial-carousel {
        display: flex;
        overflow-x: auto;
        scroll-behavior: smooth;
        padding-left: 20px; 
        /* jarak frame konten putih dengan orange */
        padding-right: 20px;
        margin-left: -20px; /* To adjust the padding/margin issue */
        margin-right: -20px; /* To adjust the padding/margin issue */
        /* box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; */


        box-shadow: 
        inset rgba(0, 0, 0, 0.5) 0px 10px 20px,  /* Bayangan lebih gelap dan jauh */
        inset rgba(0, 0, 0, 0.3) 0px 6px 10px,   /* Bayangan lebih ringan dan dekat */
        inset rgba(255, 255, 255, 0.2) 0px -10px 20px, /* Highlight di bagian atas */
        inset rgba(255, 255, 255, 0.1) 0px -6px 10px;  /* Highlight di bagian atas lebih dekat */



        background-color: #fff;
        border-radius: 20px;
        padding-bottom: 18px; 
        /* jarak frame dalam dan frame luar */
    }

    .testimonial-item {
        min-width: 680px;
        max-width: 680px;
        flex: 0 0 auto;
        margin-right: 15px;
        
    }

    .testimonial-carousel::-webkit-scrollbar {
        display: none;
        
    }

    .testimonial-content {
        padding: 0.5rem;
        background-color: #f9f9f9; /* Optional: Add background color for better visibility */
        border-radius: 0.5rem; /* Optional: Add border radius for rounded corners */
        
        
    }

    .testimonial-item .fa-quote-left {
        flex-shrink: 0;
        
    }



    /* CARD PALING DALAM text */
    /* background text deskripsi */
    .testimonial-item p {
        margin-left: -20px;
        background-color: #0097b2;
        color: #ffffff;
        border-radius: 20px;
        border: 2px solid #f2f2f2;
        margin-bottom: 30px;
        margin-top: 15px;
        box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    
    }

    .testimonial-item .d-flex.align-items-center {
        margin-top: 1rem;
    }

    #testimoni {
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
        
        
    }




    /* Pengaturan Tepi card testimony*/
    /* CARD MASING2 ORANG */
    .cardtest {
        border: 1px solid #ddd;
        border-radius: 0.75rem;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
        background-color: #ffffff;
        margin-top: 40px;
        margin-bottom: 40px;
        min-height: 200px;
        max-height: 200px;
        background: linear-gradient(to left, #ff6600 20%, #ff9933 30%, #ffcc66 40%, #f2f2f2 20%);
    }


    .cardtest:hover  {
        border: 1px solid #ddd;
        border-radius: 0.75rem;
        box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
        background-color: #ffffff;
        margin-top: 40px;
        margin-bottom: 40px;
        min-height: 200px;
        max-height: 200px;
    }

    


      @media (max-width: 576px) {
          .wow.fadeIn {
              margin-top: 3rem;
          }
      }

      /* pointer signup */
      #mainButton {
              cursor: pointer;
          }

      /* pointer login */
      #mainButton2 {
              cursor: pointer;
        }

      /* text expert */
      .text-justify {
        text-align: justify;
        margin-left: -20px;
      }


      /* lebar */
      .kami {
        text-align: justify;
        font-size: 18px;
        color: #333333;
        
      }


      /* lebar */
      @media (min-width: 1200px) {
        .kami {
          margin-right: 40px;
          padding-left: 20px;
          color: #333333;
        }
      }


    /* Tombol Baca Selengkapnya */
      .custom-button-pakar {
        background-color: #0097b2;
        color: #ffffff;
        padding: 14px 20px;
        border: none;
        border-radius: 25px;
        text-decoration: none;
        transition: box-shadow 0.3s ease; /* Transisi halus saat hover */
        box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.1);
        margin-left: 22px;
      }

      .custom-button-pakar:hover {
        box-shadow: 0px 0px 5px 0px rgba(66, 68, 90, 1); /* Warna hover untuk sedikit perubahan */
        color: #ffffff;
         margin-left: 22px;
      }


      .pendapat1 {
        font-size: 28px;
        font-family: arial;
        font-weight: bold;
        color:#333333;
        padding-left: 20px;
        padding-top: 15px;
      }