.client-logos{
  overflow-x: clip;
}
.client-logos .top-section {
  padding: 20px 15px 0px;
  background: #ffffff;
  box-shadow: 0px 18px 172px rgb(36 36 77 / 4%),
    0px 7.51997px 71.8575px rgb(36 36 77 / 3%),
    0px 4.02054px 38.4185px rgb(36 36 77 / 3%),
    0px 2.25388px 21.5371px rgb(36 36 77 / 2%),
    0px 1.19702px 11.4382px rgb(36 36 77 / 2%),
    0px 0.498106px 4.75968px rgb(36 36 77 / 1%);
  border-radius: 10px;
  bottom: 0;
  top: -120px;
  max-width: 1148px;
  margin: 0 auto;
  width: 100%;
}
.client-logos .top-section .main-image img {
  max-width: 1106px !important;
  height: 246px !important;
  width: 100% !important;
}
.client-logos .top-section .section-text,
.client-logos .top-section .col-image img{
  padding: 37px 54px 52px;
}
.client-logos .top-section .right {
  border-left: 1px solid #d7d7de;
}
.client-logos .trusted-by .logo-wrapper {
  max-width: 209px;
  position: relative;
}
.client-logos .trusted-by .logos {
  margin: 0 auto;
  max-width: 1170px;
  width: 100%;
}
.client-logos .trusted-by .logo-box {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 20px;
  min-height: 150px;
  max-width: 234px;
  min-width: 234px;
}
.client-logos .trusted-by .logo-box:nth-child(1):after {
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  right: -45%;
  width: 196px;
  background: linear-gradient(
    -170deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  bottom: 0;
}

.client-logos .trusted-by .logo-box:nth-child(2):after {
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  right: -42%;
  width: 196px;
  background: linear-gradient(
    0deg,
    rgba(219, 221, 226, 0),
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0
  );
  bottom: 0;
}

.client-logos .trusted-by .logo-box:nth-child(4):after {
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  left: -42%;
  width: 196px;
  background: linear-gradient(
    0deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  bottom: 0;
}

.client-logos .trusted-by .logo-box:nth-child(5):after {
  content: "";
  display: inline-block;
  height: 1px;
  position: absolute;
  left: -42%;
  width: 196px;
  background: linear-gradient(
    0deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  bottom: 0;
}
.client-logos .trusted-by .logo-box:nth-child(5):before {
 content: "";
    display: inline-block;
    height: 98px;
    position: absolute;
    left: 0;
    width: 1px;
    background: linear-gradient( -170deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0;
}

.client-logos .trusted-by .logo-box:nth-child(10):before {
    content: "";
    display: inline-block;
    height: 98px;
    position: absolute;
    left: 0;
    width: 1px;
    background: linear-gradient( -75deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    top: -15%;
    bottom: 0;
}


.client-logos .trusted-by .logo-box:nth-child(2):before {
  content: "";
  display: inline-block;
  height: 98px;
  position: absolute;
  right: 0;
  width: 1px;
  background: linear-gradient(
    -170deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  bottom: 0;
}

.client-logos .trusted-by .logo-box:nth-child(10):before {
  background: linear-gradient(
    -75deg,
    rgba(219, 221, 226, 0),
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0
  );
  content: "";
  display: inline-block;
  height: 188px;
  left: 0;
  position: absolute;
  top: -69%;
  width: 1px;
}
.client-logos .trusted-by .logo-box:nth-child(9):before {
    top: -49%;
    height: 160px;
    left: 100%;
}

.client-logos .trusted-by .logo-box:nth-child(4):before {
  content: "";
  display: inline-block;
  height: 98px;
  position: absolute;
  left: 0;
  width: 1px;
  background: linear-gradient(
    -170deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  bottom: 0;
}

.client-logos .trusted-by .logo-box:nth-child(7):before {
  content: "";
  display: inline-block;
  height: 98px;
  position: absolute;
  right: 0;
  width: 1px;
  background: linear-gradient(
    -75deg,
    rgba(219, 221, 226, 0),
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0
  );
  top: -15%;
}

.client-logos .trusted-by .logo-box:nth-child(6):before {
  content: "";
  display: inline-block;
  height: 188px;
  position: absolute;
  right: 0;
  width: 1px;
  background: linear-gradient(
    -75deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  top: -69%;
}
.client-logos .trusted-by .logo-box:nth-child(9):before {
  content: "";
  display: inline-block;
  height: 98px;
  position: absolute;
  left: 0;
  width: 1px;
  background: linear-gradient(
    -75deg,
    rgba(219, 221, 226, 0) 0%,
    #dbdde2 100%,
    rgba(219, 221, 226, 0) 0%
  );
  top: -15%;
}
.client-logos .trusted-by .heading-box {
  margin-bottom: 83px;
}
.client-logos .trusted-by .heading-box p {
  font-size: 16px;
}
.client-logos .trusted-by .heading-box h2,
.client-logos .trusted-by .heading-box h3,
.client-logos .trusted-by .heading-box h4 {
  margin-bottom: 0;
  text-align: center;
  color: #dbdae9;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.client-logos .trusted-by .heading-box:after {
  left: 0;
  content: "";
  display: inline-block;
  top: 10px;
  max-width: 39%;
  width: 38%;
  border: 1px solid rgba(38, 49, 71, 0.14);
}
.client-logos .trusted-by .heading-box:before {
  right: 0;
  content: "";
  display: inline-block;
  top: 10px;
  max-width: 39%;
  width: 38%;
  border: 1px solid rgba(38, 49, 71, 0.14);
}
.client-logos .trusted-by .heading-box h2 {
  opacity: 0.8;
}
.client-logos .trusted-by {
  overflow: hidden;
}
.client-logos .top-section .col-image img {
  width: 100% !important;
  padding: 35px 0 55px;
  max-width: 443px !important;
}
.client-logos .top-section .row + .row {
  border-top: 1px solid #d7d7de;
}
.client-logos .top-section .item-3 .col-image img {
  max-width: 277px !important;
  width: 100% !important;
  padding: 35px 0px 55px
}
.client-logos .top-section .item-2 .right,.client-logos .top-section .item-3 .right {
  border-left: none;
}
 
@media only screen and (min-width: 1367px) and (max-width: 1706px) {
  .client-logos .trusted-by .heading-box:after, .client-logos .trusted-by .heading-box:before{
    width: 32%;
  }
  .client-logos .trusted-by .logo-box:nth-child(10):before,
  .client-logos .trusted-by .logo-box:nth-child(10):after, .client-logos .trusted-by .logo-box:nth-child(9):after {
   display: none;
  }
  .client-logos .trusted-by .logo-box:nth-child(10):before {
    background: linear-gradient( -75deg, rgba(219, 221, 226, 0), #dbdde2 100%, rgba(219, 221, 226, 0) 0 );
    content: "";
    display: inline-block;
    height: 188px;
    left: 0;
    position: absolute;
    top: -69%;
    width: 1px;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
  .client-logos .trusted-by .heading-box:after,
  .client-logos .trusted-by .heading-box:before {
    width: 33%;
  }
  .client-logos .trusted-by .heading-box p {
    text-align: center;
  }
  
  .client-logos .trusted-by .logo-box:nth-child(9):after {
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    right: -42%;
    width: 196px;
    background: linear-gradient( 0deg, rgba(219, 221, 226, 0), #dbdde2 100%, rgba(219, 221, 226, 0) 0 );
    bottom: 0;
}
  
  .client-logos .trusted-by .logo-box:first-child:before {
    background: linear-gradient(
      -170deg,
      rgba(219, 221, 226, 0),
      #dbdde2 100%,
      rgba(219, 221, 226, 0) 0
    );
    bottom: 0;
    content: "";
    display: inline-block;
    height: 160px;
    position: absolute;
    right: 0;
    width: 1px;
    top: 30%;
  }

  .client-logos .trusted-by .logo-box:nth-child(7):after {
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    left: -42%;
    width: 196px;
    background: linear-gradient( 0deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0;
    display:none;
}
  .client-logos .trusted-by .logo-box:nth-child(9):before {
    top: -49%;
    height: 160px;
    left: 100%;
  }
  .client-logos .trusted-by .logo-box:nth-child(9):after {
   background: linear-gradient(0deg,rgba(219,221,226,0),#dbdde2 100%,rgba(219,221,226,0) 0);
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 50%;
    position: absolute;
    width: 196px;
    top: -22px;
  }
 

  .client-logos .trusted-by .logo-box:nth-child(4):before {
   left: -1px;
    top: 33%;
    height: 166px;
  }
  .client-logos .trusted-by .logo-box:nth-child(5):before {
      background: linear-gradient(
      -170deg,
      rgba(219, 221, 226, 0),
      #dbdde2 100%,
      rgba(219, 221, 226, 0) 0
    );
    bottom: 0;
    content: "";
    display: inline-block;
    height: 160px;
    position: absolute;
    right: 0;
    width: 1px;
    top: 30%;
    display: none;
  }

}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .client-logos {
    overflow: initial;
  }
  .client-logos .trusted-by .logo-box:nth-child(4):after {

    top: 91%;

}
    .client-logos .trusted-by .logo-box:nth-child(9):after {

   display:none !important;

}
   .client-logos .trusted-by .logo-box:nth-child(9):before {

   display:none !important;

}
  .client-logos .trusted-by .logo-box:nth-child(7):before {

    left: 100%;

}
  .client-logos .row {
    align-items: center;
    justify-content: center;
  }
  .client-logos .image-main img {
    height: 100% !important;
    max-width: 100% !important;
    object-fit: cover;
    position: initial;
  }
  .client-logos .text-box .col-wrap {
    max-width: 100%;
    margin-left: 0 !important;
  }
  .client-logos .top-section .right {
    border-top: 1px solid #d7d7de;
    border-left: none;
  }
  .client-logos .trusted-by .heading-box:before,
  .client-logos .trusted-by .heading-box:after {
    width: 26%;
  }
  .client-logos .trusted-by .heading-box p {
    text-align: center;
  }
  .client-logos .trusted-by .logo-box:nth-child(2):before {
    top: 20%;
    height: 160px;
  }
  .client-logos .trusted-by .logo-box:nth-child(2):after,
  .client-logos .trusted-by .logo-box:first-child:after {
    right: -48%;
    top: 91%;
  }

  .client-logos .trusted-by .logo-box:nth-child(5):after {
    left: 60%;
  }
  .client-logos .trusted-by .logo-box:nth-child(5):before {
    background: linear-gradient(
      -75deg,
      rgba(219, 221, 226, 0),
      #dbdde2 100%,
      rgba(219, 221, 226, 0) 0
    );
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 1px;
  }
  .client-logos .trusted-by .logo-box:first-child:before {
    background: linear-gradient(
      -170deg,
      rgba(219, 221, 226, 0),
      #dbdde2 100%,
      rgba(219, 221, 226, 0) 0
    );
    bottom: 0;
    content: "";
    display: inline-block;
    height: 160px;
    position: absolute;
    right: 0;
    width: 1px;
    top: 20%;
  }
  .client-logos .trusted-by .logo-box:nth-child(9):before {
    top: 42%;
    height: 188px;
  }
  .client-logos .trusted-by .logo-box:nth-child(9):after {
    background: linear-gradient(
      0deg,
      rgba(219, 221, 226, 0),
      #dbdde2 100%,
      rgba(219, 221, 226, 0) 0
    );
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: -42%;
    position: absolute;
    width: 196px;
  }

  .client-logos .trusted-by .logo-box:nth-child(10):after {
    background: linear-gradient(
      0deg,
      rgba(219, 221, 226, 0),
      #dbdde2 100%,
      rgba(219, 221, 226, 0) 0
    );
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: -42%;
    position: absolute;
    top: -14%;
    width: 196px;
  }
}
@media (max-width: 767px) {
  .client-logos .top-section .main-image img {
    width: 100%;
    max-width: 100% !important;
    border-radius: 8px;
    height: 100% !important;
  }
  .client-logos .text-box .col-wrap {
    max-width: 100%;
    margin-left: 0 !important;
    margin-bottom: 50px;
  }
  .client-logos .col-wrap .image-box img {
    width: 100% !important;
    height: auto;
  }
  .client-logos .top-section .right {
    border-top: 1px solid #d7d7de;
    border-left: none;
  }
  .client-logos .top-section .section-text,
  .client-logos .top-section .section-text.right {
    padding: 20px;
  }
  .client-logos .trusted-by .heading-box:before,
  .client-logos .trusted-by .heading-box:after {
    width: 22%;
  }
  .client-logos .trusted-by .heading-box p {
    text-align: center;
  }
  .client-logos .trusted-by .logo-wrapper {
    margin-bottom: 40px;
  }
  .client-logos .trusted-by .logo-box:nth-child(2):before,
  .client-logos .trusted-by .logo-box:nth-child(2):after,
  .client-logos .trusted-by .logo-box:first-child:after,
  .client-logos .trusted-by .logo-box:nth-child(7):before,
  .client-logos .trusted-by .logo-box:nth-child(4):before,
  .client-logos .trusted-by .logo-box:nth-child(4):after,
  .client-logos .trusted-by .logo-box:nth-child(5):after,
  .client-logos .trusted-by .logo-box:nth-child(5):before,
  .client-logos .trusted-by .logo-box:nth-child(9):before,
  .client-logos .trusted-by .logo-box:nth-child(9):after,
  .client-logos .trusted-by .logo-box:first-child:before,
  .client-logos .trusted-by .logo-box:nth-child(6):before,
  .client-logos .trusted-by .logo-box:nth-child(10):after,
  .client-logos .trusted-by .logo-box:nth-child(10):before {
    display: none;
  }
  .client-logos .trusted-by .logo-box {
    min-height: auto;
    min-width: auto;
  }

}

@media only screen and (min-width: 936px) and (max-width: 1023px) {
  

  
    .client-logos .trusted-by .logo-box:nth-child(3):before {
    top: 20%;
    height: 160px;
  }
  .client-logos .trusted-by .logo-box:nth-child(3):after
 {
    right: -48%;
    top: 91%;
  }
  
}
@media only screen and (min-width: 768px) and (max-width: 935px) {
  .client-logos .trusted-by .logo-box:nth-child(6):before {
    content: "";
    display: inline-block;
    height: 188px;
    position: absolute;
    right: 0;
    width: 1px;
    background: linear-gradient( -75deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    top: -69%;
    display:none;
}
  .client-logos .trusted-by .logo-box:nth-child(4):after {
    top: 91%;
    left: 61%;
}
  .client-logos .trusted-by .logo-box:nth-child(4):before {

    left: 100%;

}
    .client-logos .trusted-by .logo-box:nth-child(6):after {
     content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    width: 196px;
    background: linear-gradient( 0deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0;
    top: 91%;
    left: -40%;
}
  .client-logos .trusted-by .logo-box:nth-child(6):before {
    content: "";
    display: inline-block;
    height: 124px;
    position: absolute;
    width: 1px;
    background: linear-gradient( -170deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0px;
    left: 0%;
    top: 40%;

}
  .client-logos .trusted-by .logo-box:nth-child(9):after {
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    width: 196px;
    background: linear-gradient( 0deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0;
    top: 91%;
    left: -40%;
}
   .client-logos .trusted-by .logo-box:nth-child(8):after {
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    width: 196px;
    background: linear-gradient( 0deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0;
    top: 100%;
    left: 60%;
}
  .client-logos .trusted-by .logo-box:nth-child(8):before {
    content: "";
    display: inline-block;
    height: 178px;
    position: absolute;
    width: 1px;
    background: linear-gradient( -170deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0px;
    left: 100%;
    top: 24%;

}

  

  
}


@media  (max-width: 1169px){
.client-logos .trusted-by .logo-box:nth-child(5):before {
    background: linear-gradient( -75deg, rgba(219, 221, 226, 0), #dbdde2 100%, rgba(219, 221, 226, 0) 0 );
    content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    width: 1px;
    display:none;
}
  .client-logos .trusted-by .logo-box:nth-child(5):after {
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    left: -42%;
    width: 196px;
    background: linear-gradient( 0deg, rgba(219, 221, 226, 0) 0%, #dbdde2 100%, rgba(219, 221, 226, 0) 0% );
    bottom: 0;
    display:none;
}
}
  
  
}