.banner.banner-ten-l-section-2024 {
      background: #040532;
      width: 100%;
  height:auto;
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-radius: 18px;
    }

    .let-meet-lable {
      text-transform: uppercase;
      color: #fff;
      font-size: 2rem;
    }

    .modal-content {
      border-radius: 50px;
    }

    .outline-text {
      font-size: 2.9rem;
      display: block;
      color: transparent;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: white;
      text-transform: uppercase;
      letter-spacing: 2px;
    }

    .legalWeek-logo {
      width: 60%;
      opacity: 0.6;

    }


    .btn-grad {
      background-image: linear-gradient(to right, #ff00cc 0%, #333399 51%, #ff00cc 100%);
     margin: 10px;
      padding: 12px 45px;
      text-align: center;
      text-transform: uppercase;
      transition: 0.5s;
      background-size: 200% auto;
      color: white;
      border-radius: 50px;
    }

    .btn-grad:hover {
      background-position: right center;
      /* change the direction of the change here */
      color: #fff;
      text-decoration: none;
    }

@media (max-width: 991px)
.banner.banner-ten {
    padding: 0 !important;
}

   .gradient-text {
     font-size: 4rem;
      display: block;
      color: transparent;
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: #7878786e;
      text-transform: uppercase;
      letter-spacing: 2px;
    }
 marquee {
padding: 25px;
}






/* =============== Integration Section  ============ */



.integrations-section {

      background-image: url(https://assets-global.website-files.com/64ad6f1aef87635bd23449f1/65a54e7c5dbdc35e28807df5_gradient-hero-green.svg);
      background-position: 50% 0;
      background-repeat: no-repeat;
      background-size: contain;
      overflow: hidden;

    }


    .integrations-hero {
      width: 100%;
      grid-column-gap: 3.2rem;
      grid-row-gap: 3.2rem;
      perspective: 1200px;
      flex-flow: row;
      grid-template-rows: auto;
      grid-template-columns: minmax(auto, 1fr) minmax(1px, 820px) minmax(auto, 1fr);
      align-content: center;
      justify-content: center;
      align-items: center;
      display: flex;
      position: relative;
    }

    .integrations-logo-grid {
      width: 100%;
      max-width: 9rem;
      min-width: 7rem;
      grid-column-gap: 0px;
      grid-row-gap: 0px;
      perspective: 1200px;
      grid-template-rows: auto;
      grid-template-columns: 1fr;
      grid-auto-columns: 1fr;
      justify-content: center;
      justify-items: center;
      display: grid;
      position: relative;
      transform: perspective(1200px);
      grid-gap: 25px;
    }


    .integrations-logo-wrapper {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      perspective: 1200px;
      perspective-origin: 50%;
      transform-origin: 50%;
      margin: -0.8rem;
      padding: 0.8rem;
      transition: all .4s cubic-bezier(.215, .61, .31, 1.27);
      position: relative;
      transform: perspective(1200px);
    }

    .integrations-logo {
      width: 4.8rem;
      height: 4.8rem;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      border-radius: 50%;
      transition: box-shadow .5s cubic-bezier(.215, .61, .374, 1.288);
      position: relative;
      box-shadow: 0 16px 16px rgba(34, 45, 56, .04), 0 8px 8px rgba(34, 45, 56, .04), 0 4px 4px rgba(34, 45, 56, .04), 0 2px 2px rgba(34, 45, 56, .04), 0 0 1px rgba(34, 45, 56, .24);

    }

    .integrations-logo-postion-1 {
      right: -32%;
    }

    .integrations-logo-postion-2 {
      right: 16%;
    }

    .integrations-logo-postion-3 {
      right: 5%;
    }

    .integrations-logo-postion-4 {
      right: -30%;
    }
.integrations-section .read-more {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #2b2350;
    position: relative;
}
    @media screen and (max-width: 767px) {
      
      
      .integrations-section {
    background-position: 50% 0;
    background-size: cover;
}
      
      
      .integrations-logo-grid {
        max-width: none;
        min-width: auto;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-top: 15%;
        margin-bottom: 18%;

      }

      .integrations-logo-postion-1 {
        top: 40%;
        bottom: 0%;
        left: -12%;
        right: 0%;
      }

      .integrations-logo-postion-2 {
        top: -12%;
        bottom: 0%;
        left: -8%;
        right: 0%;
      }

      .integrations-logo-postion-3 {
        top: 12%;
        bottom: 0%;
        left: 0%;
        right: 0%;
      }

      .integrations-logo-postion-4 {
        top: 64%;
        bottom: 0%;
        left: 10%;
        right: 0%;
      }
    }


.integrated-section .integrated-icon{
width:180px;
}

.integrated-section .icons-box{
grid-gap:35px;
}
/*
.integrated-section .icons-box img{
height:45px;
}*/