.subtitle_text{
    font-size: 20px;
}
.container{
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
    max-width: 1460px;
}
h1 {
    font: bold 75px/1 'Gilroy';
    /* color: #414952; */
}
h2 {
    font: bold 30px/1 'Gilroy';
    /* color: #414952; */
}

body{
    margin: 0;
}

.css-10y69d6 {
    display: flex;
    width: 40%;
    margin-left: 30px;
    height: 50%;
    position: absolute;
    z-index: 1;
    border-radius: 8px;
     box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0.5px inset; 
}
.body-small .css-10y69d6 {
    display: block;
    width: 45%;
    margin-left: 30px;
    height: 50%;
    position: absolute;
    z-index: 1;
    border-radius: 8px;
     box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0.5px inset; 
}


.css-1maagy1 * {
    box-sizing: content-box;
}
        .header-content .logo {
            color: #DE45E6;
         
        }
        .header-content .nav-menu .nav-item > a {
               color: black;
          }
          .header-content .nav-menu .nav-item > span  {
            color: black;
          }
          .header-content .nav-menu .nav-item > span > a {
            color: black;
          }

          /* -------------------------- */
   
          @media screen and (max-width:600px) {
            h1 {
                font-size: 45px;
        
            }
            h2 {
                font-size: 20px;
        
            }
        }
        
         .body-small header.active .navbar .navbar-default .navbar-expand-md .header-content .css-10y69d6 {
             display: none;
        }

        .st0 {
            fill: none;
            stroke: #505050;
        }
        @media (max-width: 970px){
        #featureForPhone {
            display: none;
        }
    }
    @media (min-width: 970px){
        #featureForWeb {
            display: none;
        }
    }

  
  /* ------------------------- */

  .logos_animate {
      padding: 100px 0;
      background-color:#f6f4f6!important;
      /* background: #f6f4f6; */
      text-align: center;
      overflow: hidden;
      position: relative;
  }
  .logos_animate h2 {
      margin-bottom: 25px;
  }
  .logos_animate .row {
      margin-bottom: 50px;
  }
  .logos_animate .row:nth-child(even) {
      margin-left: -100px;
  }
  .logos_animate .row:last-child {
      margin-bottom: 0;
  }
  .logos_animate .container {
      max-width: 580px;
  }
  .logos_animate p {
      margin: auto auto 70px auto;
  }
  .logos_animate .item a,
  .logos_animate .item {
      width: 216px;
      height: 90px;
      background: #fff;
      margin: auto 25px;
      border-radius: 14px;
      display: flex;
      align-items: center;
      flex-shrink: 0;
      justify-content: center;
      position: relative;
      overflow: hidden;
  }
  .logos_animate .item a {
      margin: 0;
  }
  .logos_animate .item img{
      filter: grayscale(0);
      transition: .3s ease-in-out;
  }
  .logos_animate .item a:hover img{
      filter: grayscale(0);
  }
  .logos_animate .row:nth-child(odd) .animate_row {
      animation: 350s linear 0s infinite normal none running animate_row;
      -ms-animation: 350s linear 0s infinite normal none running animate_row;
  }
  .logos_animate  .row:nth-child(even) .animate_row {
      animation: 350s linear 0s infinite normal none running animate_row_right;
      -ms-animation: 350s linear 0s infinite normal none running animate_row_right;
  }
  .animate_row {
      display: flex;
      max-width: 100%;
      /* width: 12000px; */
  }
  
  @-webkit-keyframes animate_row {
      0% {
          transform: translateX(0) translateZ(0px);
      }
      100% {
          transform: translateX(-50%) translateZ(0px);
      }
  }
  @-moz-keyframes animate_row {
      0% {
          transform: translateX(0) translateZ(0px);
      }
      100% {
          transform: translateX(-50%) translateZ(0px);
      }
  }
  @-o-keyframes animate_row {
      0% {
          transform: translateX(0) translateZ(0px);
      }
      100% {
          transform: translateX(-50%) translateZ(0px);
      }
  }
  @keyframes animate_row  {
      0% {
          transform: translateX(0) translateZ(0px);
      }
      100% {
          transform: translateX(-50%) translateZ(0px);
      }
  }
  @keyframes animate_row_right {
      0% {
          transform: translateX(-50%) translateZ(0px);
      }
      100% {
          transform: translateX(0) translateZ(0px);
      }
  }
  
  @media (max-width: 991px) {
      .logos_animate .row:nth-child(odd) .animate_row {
          animation: 250s linear 0s infinite normal none running animate_row;
          -ms-animation: 250s linear 0s infinite normal none running animate_row;
      }
      .logos_animate  .row:nth-child(even) .animate_row {
          animation: 250s linear 0s infinite normal none running animate_row_right;
          -ms-animation: 250s linear 0s infinite normal none running animate_row_right;
      }
      .animate_row {
          max-width: 100%;
      }
      .logos_animate .row {
          margin-bottom: 20px;
      }
      .logos_animate .item,
      .logos_animate .item a {
          width: 200px;
          height: 80px;
      }
      .logos_animate .item a, .logos_animate .item {
          margin: 0 15px;
      }
      .logos_animate {
          padding: 80px 0;
      }
  }
  @media(max-width: 767px) {
      .logos_animate .row:nth-child(odd) .animate_row {
          animation: 50s linear 0s infinite normal none running animate_row;
          -ms-animation: 50s linear 0s infinite normal none running animate_row;
      }
      .logos_animate  .row:nth-child(even) .animate_row {
          animation: 50s linear 0s infinite normal none running animate_row_right;
          -ms-animation: 50s linear 0s infinite normal none running animate_row_right;
      }
      .logos_animate {
          text-align: left;
      }
      .logos_animate {
          padding-top: 55px;
          padding-bottom: 55px;
      }
      .logos_animate h2 {
          margin-bottom: 14px;
      }
      .logos_animate p {
          margin-bottom: 40px;
      }
      .logos_animate .item a,
      .logos_animate .item {
          height: 64px;
          width: 154px;
          margin-left: 6px;
          margin-right: 6px;
      }
      .logos_animate .item {
          max-width: 80%;
      }
      .logos_animate .row {
          margin-bottom: 12px;
      }
  }