/* client area style  */
.client-area .section-title {

}
.client-area .section-title span {
  color: #ffffff;
}
.client-area .section-content {
  margin-top: 0;
}
.client-area .section-content .text-wrapper {
  max-width: 505px;
  margin-top: 133px;
  margin-left: 545px;
}




@media only screen and (max-width: 1919px) {
  .client-area .section-content .text-wrapper {
    margin-top: 83px;
  }
}
@media only screen and (max-width: 1399px) {
  .client-area .section-content .text-wrapper {
    margin-top: 63px;
    margin-left: 345px;
  }
}
@media only screen and (max-width: 991px) {
  .client-area .section-content .text-wrapper {
    margin-top: 43px;
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .client-area .section-content .text-wrapper {
    max-width: 100%;
    margin-top: 23px;
  }
}


.client-area .client-capsule-wrapper {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  height: 540px;
 margin-top: -200px;
   
}



@media only screen and (max-width: 1399px) {
  .client-area .client-capsule-wrapper {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .client-area .client-capsule-wrapper {
    height: 460px;
  }
}

@media only screen and (max-width: 430px) {
  .client-area .client-capsule-wrapper {
     height: 520px;
  }
}
.client-area .client-capsule-wrapper > * {
  position: absolute;
  display: inline-block;
  margin-bottom: 0;
  left: 0;
  top: 0;
  user-select: none;
  pointer-events: auto;
  transition: none;
}
.client-area .client-box {
  width: auto;
  padding:20px;
  background-color: #6366F1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  transform: translate(-50%, -50%) rotate(0rad);
    color: #ffffff;
    margin: 1px;
     font-size: 30px;
}
@media only screen and (max-width: 1919px) {
  .client-area .client-box {
 font-size: 28px;
    padding:  20px;
  }
}
@media only screen and (max-width: 1399px) {
  .client-area .client-box {
 font-size: 24px;
    padding:  20px;
  }
}
@media only screen and (max-width: 991px) {
  .client-area .client-box {
   font-size: 20px;
    padding: 10px 20px;
  }
    .client-area .style-one{ margin-bottom: 50px}
}
@media only screen and (max-width: 767px) {
  .client-area .client-box {
   
    font-size: 18px;
    padding: 10px 20px;
  }
    
    
    .client-area .style-one.pt-90{ padding-top: 40px}
}

@media only screen and (max-width: 430px) {

  .client-area .style-one  { margin-bottom: 10px}
   
}



.client-area .client-box img {
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
}
.client-area .line {
  border-bottom: 1px solid #2F2F2F;
}
.client-area .lines-wrapper {
  display: grid;
  gap: 5px 0;
}
@media only screen and (max-width: 1399px) {
  .client-area .lines-wrapper {
    gap: 3px 0;
  }
}
@media only screen and (max-width: 767px) {
  .client-area .lines-wrapper {
    gap: 1px 0;
  }
    
    
}


.client-area .client-box.bg-theme {
  background-color: #D4FF12; color: #000;
}





.emaili { width: 4%; margin-right: 5px}