/*****************Client-Says-About-Us Section ******************/


     .rectangle-box-2 {
         display: flex;
         gap: 12px;
         justify-content: left;
     }

     .rectangle-box-2 p {
         color: #07124D;
     }


     .client-about-us-container-section {
         background-color: #fcfcfc;

     }

     .client-about-us-container {
         display: flex;
         justify-content: space-between;
         align-items: center;
         max-width: 1200px;
         width: 100%;
         margin: auto;
         padding: 50px 0;
         gap: 40px;
         /* padding-bottom: 120px; */
     }



     .left-client-about h1 {
         font-size: 60px;
         font-family: 'Syne';
         max-width: 460px;
         width: 100%;
         color: #07124D;
         font-weight: lighter;
         margin-bottom: 10px;
         text-align: left
     }

     .left-client-about p {
         font-size: 14px;
         font-family: 'Poppins';
         max-width: 460px;
         width: 100%;
         color: #3A3A3A;
         line-height: 1.5;
         margin-bottom: 20px;
         text-align: left;
     }


     .client-card {
         background: #FFFFFF;
         box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
         font-size: 14px;
         color: #444;
         position: relative;
         max-width: 560px;
         width: 100%;
         padding: 20px;
     }

     .client-card p {
         font-size: 14px;
         padding: 20px;
     }

     .small-card {
         display: flex;
         align-items: center;
         margin-top: 15px;
     }

     .left-image img {
         width: 50px;
         height: 50px;
         padding-left: 20px;
         object-fit: cover;
         margin-right: 15px;
         margin-top: -2rem;
     }


     .right-text h3 {
         font-family: 'Poppins';
         color: #07124D;

     }

     .right-text p {
         font-family: 'Poppins';
         color: #07124D;
     }

     .client-name {
         padding: 0px !important;
     }

     .right-client-about {
         width: 40%;
     }

     .right-client-about img {
         max-width: 410px;
         /* height: 450px; */
         width: 100%;
         margin-top: 10px;
     }

     .client-about-carousel-controls {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 10px;
         padding-bottom: 120px;
     }

     .client-about-carousel-controls button {
         background: #07124D;
         color: #fff;
         border: none;
         padding: 8px 12px;
         font-size: 16px;
         cursor: pointer;
         border-radius: 5px;
     }

     .client-about-carousel-controls button i {
         font-size: 14px;
     }

     /* Up- Arrow */
     .tooltiptext-pageup {
         visibility: hidden;
         width: 80px;
         background-color: #07124D;
         color: #fff;
         text-align: center;
         border-radius: 6px;
         padding: 5px 0;
         position: absolute;
         z-index: 1;
         bottom: 125%;
         left: 50%;
         transform: translateX(-50%);
         opacity: 0;
         transition: opacity 0.3s;
         font-size: 15px;
     }

     .tooltiptext-pageup::after {
         content: "";
         position: absolute;
         top: 100%;
         left: 50%;
         margin-left: -5px;
         border-width: 5px;
         border-style: solid;
         border-color: #07124D transparent transparent transparent;
     }

     a:hover .tooltiptext-pageup {
         visibility: visible;
         opacity: 1;
     }

     @media (max-width: 599px) {
         .client-about-us-container {
             display: flex;
             flex-direction: column;
             position: relative;
             text-align: center;
         }

         .left-client-about h1 {
             font-size: 40px;
             font-weight: lighter;
             max-width: 280px;
             width: 100%;
         }

         .left-client-about p {
             font-size: 10px;
             padding-top: 16px;
             max-width: 280px;
             width: 100%;
         }

         .right-client-about {
             order: 2;
             text-align: left;
             position: relative;
             z-index: 2;
             margin: 10px 0;
         }

         .client-card {
             order: 3;
             position: relative;
             top: 104px;
             left: 26px;
             z-index: 100;
             margin-top: 60px;
             width: 260px;
             padding: 5px;
             /* height: 200px; */
         }

         .client-card p {
             font-size: 8px;
             padding: 20px;
         }

         .right-client-about img {
             margin-top: -120px;
             width: 100%;
             max-width: 150px;
             margin-left: -60px;
             position: relative;
             top: -120px;
         }

         .right-text h3 {
             font-size: 8px;
         }

         .right-text p {
             font-size: 4px;
             padding: 5px;
         }

         .rectangle-box-2 p {
             font-size: 14px;
             padding-top: 0px;
         }

         .client-about-carousel-controls {
             padding-bottom: 60px;
         }
     }

     @media (min-width: 600px) and (max-width: 1024px) {
         .client-about-us-container {
             display: flex;
             flex-direction: column;
             position: relative;
             text-align: center;
         }

         .left-client-about {
             width: 90%;
         }

         .left-client-about h1,
         .left-client-about p {
             max-width: 480px;
             width: 100%;
         }

         .right-client-about {
             order: 2;
             text-align: left;
             position: relative;
             z-index: 2;
             margin: 10px 0;
         }

         .client-card {
             order: 3;
             position: relative;
             top: 218px;
             left: 26px;
             z-index: 100;
             margin-top: 60px;
             padding: 20px;
             /* width: 360px; */
         }

         .client-name {
             padding: 0px !important;
         }

         .right-client-about {
             width: 80%;
         }

         .right-client-about img {
             margin-top: -150px;
             width: 100%;
             max-width: 252px;
             margin-left: -36px;
             position: relative;
             top: -170px;
         }

     }