*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'mediasans-semicondensed' ;
    src: url(../fonts/mediasans-semicondensed.otf);
  }

body{
    font-family: 'Montserrat', sans-serif;
}

.aboutus_left h1 span{
    color: #008080;
}

.aboutus_left{
    width: 50rem;
}

.aboutus_left h1{
    font-size: 3rem;
    font-weight: 500;
}

.aboutus_inner_left,.aboutus_inner_right{
    width: 18rem;
    display: flex;
    flex-direction: column;
}

.aboutus_inner_left{
    margin-right: 3.5rem;
}

.aboutus_inner_left p:first-child,.aboutus_inner_right p:first-child{
    margin-bottom: 2rem;
}
.aboutus_inner_left p,.aboutus_inner_right p{
    line-height: 1.5rem;
    text-align: justify;
}

.aboutus_inner_row{
    display: flex;
    margin-top: 4rem;
}

.aboutus_row{
    display: flex;
    justify-content: center;
    align-items: center;
}

.aboutus_row img{
    width: 50rem;
}

.aboutus_container{
    height: 100vh;
    display: flex;
    /* justify-content: center; */
}

.aboutus_container .description-msg{
    transform: translate(8rem,8rem);
    display: flex;
}

.splitByLinesChars{
    display: flex;
    width:5rem;
}

/* ========================================================================== Founder section */


  .founder_main123{
    font-family: 'mediasans-semicondensed', 'impact', Arial, sans-serif !important; 
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-top: 8rem;
  }
  .founder_main123 p {
    font-size: 2rem;
  }
  
  .founder_div123 {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    position: relative;
    /* overflow: hidden; */
  }
  .first123,
  .second123,
  .first-dir123,
  .second-dir123 {
    position: absolute;
    font-size: 20rem !important;
  }
  
  .first123,
  .first-dir123,
  .second-dir123 {
    z-index: -100;
  }
  
  .first123 {
    color: black;
    font-size:25rem;
  }
  
  .second123 {
    color: #00000041;
    -webkit-text-stroke: white 2px;
  }
  
  .first123,
  .second123 {
    transform: translateY(-18rem);
  }
  
  .first-dir123,
  .second-dir123 {
    transform: translateY(4rem);
    color: white;
  }
  
  .second-dir123 {
    color: #ffffff42;
    -webkit-text-stroke: black 3px;
  }
  
  .anim123 {
    height: 65vh;
    margin-bottom: 15rem;
  }
  
  .pname12356{
    font-family: "Montserrat", sans-serif;
    position: absolute;
    z-index: 2;
    transform: translate(-5rem,-30rem);
    font-size: 3rem !important;
  }
  /* add to p tag css */
  .sname123 {
    font-family: "Montserrat", sans-serif;
    position: absolute;
    transform: translateX(-1rem);
    font-weight: 800;
    font-size:3rem !important;
  
  }
  .dot123{
    font-weight: 800;
  }
  
  /* ============================================================ New Founder Section */
  
   @font-face {
    font-family: 'Impact Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Impact Regular'), url('FONTS/impact-webfont/impact.woff') format('woff');
    }
    
    *{
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
    
        .founderSection{
            font-family:'Impact Regular';
            background-color: black;
        }
        .founderSection img{
            /* Full height */
            height: 99.46vh;
            width: 100vw;
            position: relative;
            /* Center and scale the image nicely */
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .founderSection .founderTextWrapper{
            position: absolute;
            padding-left: 5rem;
            /* margin-top: 5rem; */
            z-index: 1;
            
        }
        .founderSection .founderTextWrapper2{
            position: absolute;
            margin-left: 5rem;
            margin-top: 5rem;
            padding: 1rem;
            z-index: 10;
            transform: translateY(35rem);
            /* border: #00c4c4 solid .1rem; */
            border-radius: 2rem;
            border-top-left-radius: 0;
            /* background-color: #c4c4c4; */
        }
        .founderSection h1{
            color: rgb(196, 196, 196);
            font-size: 7rem;
            font-weight: 100;
            letter-spacing: .5rem;
        }
        .founderSection h2{
            color: #c4c4c4;
            font-size: 2rem;
        }
        .meetFounderSpan{
            color: #00c4c4;
            font-size: 4rem;
            font-style: italic;
        }
        .founderSection .meetDirector{
            color: #00c4c4;
            font-size: 4rem;
            font-style: italic;
        }
        .founderSection .meetBg{
            background-color: #c4c4c4;
            color: #313131;
            border-radius: 3rem;
        }   
        .founderTextWrapper2 h1{
            font-size: 5rem;
            color: #00c4c4;
        }
        .founderSection .founderTextWrapper2 h2{
            color: #ffffff;
            letter-spacing: .5rem;
            font-weight: 100;
        }
        .founderSection .innerText{
            display: flex;
            height: 140px;
            overflow: hidden;
        }
        .founderSection .innerText2{
            display: flex;
            height: 47px;
            overflow: hidden;
        }
        .founderSection .innerText3{
            display: flex;
            height: 100px;
            overflow: hidden;
        }
        .founderSection .meetNow{
            position: absolute;
            z-index: 1;
            background-color: #c4c4c418;
            border: #c4c4c434 solid .1rem;
            padding: 1rem 1.5rem;
            border-radius: 5rem;
            top: 15%;
            right: 2%;
            animation: fadeIn 1s 2s ease;
        }
        .founderSection .meetNow p{
            font-size: 2.5rem;
            color: #c4c4c42d;
        }

        @keyframes fadeIn {
            0%{
                visibility: hidden;
            }
            100%{
                visibility: visible;
            }
        }

        @media only screen and (max-width: 1700px) and (min-width:1000px) {
            .founderSectionimg{
                width: 98.8vw;
                height: 99.26vh;
            }
            .founderSection .founderTextWrapper2{
                /* margin-top: 6rem; */
                transform: translateY(26rem);
            }
        }
        @media only screen and (max-width: 600px) and (min-width:300px) {
            .founderSection img{
                width: 100vw;
                height: auto;
                transform: translate(0rem, 22.5rem) rotate(-90deg) scale(2.2);
            }

            .founderSectionh1{
                font-weight: 400 !important;
            }

            .founderSection .founderTextWrapper2 h1{
                font-size: 2rem;
            }
            .founderSection .founderTextWrapper h1{
                font-size: 2rem !important;
            }
            .founderSection .founderTextWrapper{
                padding-left: 2rem;
            }
            .founderTextWrapper2{
                /* display: none; */
            }
            .founderSection .innerText:first-child{
                height: 50px;
                text-wrap: wrap;
                margin-top: 5rem;
            }
            .founderSection .innerText:first-child h1{
                font-size: 1.4rem !important;
                text-wrap: wrap;
            }
            .founderSection .innerText:nth-child(2){
                height: 55px !important;
                margin-top:1rem;
            }
            .founderSection .innerText:nth-child(3){
                height: 47px;
                transform: translate(0) !important;
            }
            .founderSection .founderTextWrapper h1:nth-child(4){
                font-size: 2rem;
            }
            .founderSection .innerText:nth-child(4){
                height: 47px;
                        width: 12rem !important;
        transform: translate(3rem, -1rem) !important;
            }
        }

  
  /* ============================================================= Stronger Team Section */

  .stronger_team_right_top{
    transform: translateX(4rem);
  }

  .stronger_team_right_mid{
    transform: translateX(0);
  }

  .stronger_team_right_bottom{
    width: 30rem;
    transform: translateX(16rem);
  }

  .stronger_team_right{
    width: 50vw;
  }

  .stronger_team img{
    width: 9.1rem;
  }


  /*=========================================================== Stronger than team Section */

  .stronger_team{
    background: black;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: 100vh;
  }

  .stronger_team{
    color: white;
  }
  
  .stronger_team img{
    margin: .5rem;
  }

  .stronger_team_right_top img:first-child{
    width: 15rem;
    transition: animation ease;
    animation: change-img-anim 5s infinite ease;
  }
  .stronger_team_right_top img:nth-child(2){
    width: 10rem;
    transition: animation ease;
    animation: change-img-anim 4s infinite ease;
    transform: translateY(-3.6rem);
  }
  .stronger_team_right_top img:nth-child(3){
    width: 12rem;
    transition: animation ease;
    animation: change-img-anim 2s infinite ease;
    transform: translateX(1rem);
  }
  .stronger_team_right_mid img:first-child{
    width: 14rem;
    transition: animation ease;
    animation: change-img-anim 3.5s infinite ease;
  }
  .stronger_team_right_mid img:nth-child(2){
    width: 8rem;
    transition: animation ease;
    animation: change-img-anim 2.5s infinite ease;
  }
  .stronger_team_right_mid img:last-child{
    width: 14rem;
    transition: animation ease;
    animation: change-img-anim 4.5s infinite ease;
  }
  .stronger_team_right_bottom img:first-child{
    width: 10rem;
    transition: animation ease;
    animation: change-img-anim 3s infinite ease;
  }

  .stronger_team p{
    width: 20rem;
  }

  .stronger_team_right_mid{
    display: flex;
  }

  .stronger_team_right_mid img:nth-child(2){
    height: 6.5rem;
  }
  
  .stronger_team_right_bottom{
    display: flex;
  }

  .stronger_team_left h2{
    font-size: 4.5rem;
    font-weight: 500;
    width: 35rem;
  }

  .stronger_team_right_top img:nth-child(2){
    margin-right: 18rem;
  }

  .stronger_team_right_top img:nth-child(3){
    margin-right: 0;
  }

  .stronger_team_right_top{
    transform: translateX(9.4rem);
  }

  .stronger_team_right_mid{
    transform: translateX(5rem);
  }

  .stronger_team_right_bottom{
    width: 40rem;
    transform: translateX(23rem);
    display: flex;
    align-items: center;
  }

    /* ================================================================= Tagline Section */

    .tagline_section{
      background: #008080;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
  
    .tagline_section h1{
      font-size: 5rem;
      font-weight:900;
      text-align: center;
      color: #232323;
    }
  
    .tagline_section p{
      width: 90rem;
      color: white;
      font-size: 4rem;
      text-align: center;
      transform: translateX(7rem);
    }

  /* brands section */

  @keyframes change-img-anim {
    0%{ opacity: 0;}
    10%{ opacity: 1;}
    90%{ opacity: 1;}
    100%{ opacity: 0;}
  }
  .container123 {
      position: relative;
      width: 100vw;
      overflow: hidden;
      overflow-x: hidden;
    }
    
    .scrolling-text {
      display: inline-block;
      transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
      will-change: transform;
      backface-visibility: hidden;
    }
    
    .scrolling-text .scrolling-text-content {
      color: #fff;
      white-space: nowrap;
      transition: transform 0.5s cubic-bezier(0.23, 0.36, 0.28, 0.83);
      line-height: 1em;
      
    }
  
  
    .clients-home {
      margin-top: 20px;
  }
  
  .clients-home .clients-logos .client-logos-repeater {
      height: 120px;
      cursor: pointer;
      border: 1px solid #f0efef;
  }
  
  .clients-home .clients-logos .client-logos-repeater img {
      padding-top: 20px;
  
  }
  
  .client-logos-repeater img {
      filter: grayscale(1);
      transition: filter .5s ease-in-out;
  }
  
  .client-logos-repeater img:hover {
      filter: grayscale(0);
  
  }
  
  .brand-text {
      padding-left: 13rem;
      padding-top: 9rem;
  
      padding-bottom: 1rem;
  }
  
  .brand-text h4 {
      font-size: 30px;
      font-weight: 500;
  }

  /* Scroll number section */

  .drag-nums{
    height: 100vh;
}
.drag-nums-wrap {
    overflow-x: hidden;
    display: flex;
     height: 50vh;
    padding-top: 100px;
    width: 100% !important;
    /* padding: 0px; */
  }
  
  
  .drag-nums-box {
    display: flex;
    align-items: center;
    overflow: hidden;
   
  }

  .drag-nums-num {
    font-size: 20.19vw;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 0;
    color: #fff;
    
}
.drag-nums-text {
    font-size: 2.30vw;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 5px;
    padding-left: 0.3vw;
    color: teal;
    display: flex;
    width:600px;
}
.drag-nums-text2 {
    font-size: 2.30vw;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    letter-spacing: 5px;
    padding-left: 0.3vw;
    color: teal;
    display: flex;
    width:400px;
}
.drag-nums-row-box2{
    overflow-x: hidden;
    display: flex;
    height: 50vh;
    padding-top: 100px;
    width: 100% !important;
    padding: 0px;
    margin-top: -50px;
}
  
  /* ================================================================= laptop */

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

    .aboutus_inner_row{
      margin-top: 2rem;
  }

  .aboutus_left h1{
      font-size: 3rem;
  }

  .aboutus_left{
      width: 40rem;
      transform: translateY(5rem);
  }

  .aboutus_container .description-msg{
      transform: translate(8rem,10rem);
  }

  .aboutus_row img{
      width: 40rem;
      transform: translateY(2rem);
  }

/* ================================================================== Laptop Founder Section */
    .founder_main123{
      margin-top: 12rem;
    }

    .pname12356{
      font-size: 2rem !important;
    }

    .sname123{
      transform: translateY(-5rem) !important ;
    }

    .anim123{
      height: 90vh !important;
    }

    .first123,.second123,.first-dir123,.second-dir123{
      font-size: 15rem !important;
    }

    .first123,.second123{
      transform: translateY(-20rem) !important ;
    }

    .first-dir123,.second-dir123{
      transform: translateY(-5rem) !important;
    }

    /* =============================================================== Laptop Stronger than a team section */

    .stronger_team_right_top img:first-child{
      width: 10rem;
    }
    .stronger_team_right_top img:nth-child(2){
      width: 6rem;
      transform: translateY(-2.5rem);
    }
    .stronger_team_right_top img:nth-child(3){
      width: 10rem;
      transform: translateX(-4rem);
    }
    .stronger_team_right_mid img:first-child{
      width: 12rem;
    }
    .stronger_team_right_mid img:nth-child(2){
      width: 8rem;
    }
    .stronger_team_right_mid img:last-child{
      width: 12rem;
    }
    .stronger_team_right_bottom img:first-child{
      width: 10rem;
      transition: animation ease;
    }

    .stronger_team_right_bottom p{
      width: 15rem;
    }
  
        /* ================================================================= Laptop Tagline Section */

        .tagline_section{
          background: #008080;
          height: 100vh;
          display: flex;
          flex-direction: column;
          justify-content: center;
        }
      
        .tagline_section h1{
          font-size: 5rem;
          text-align: center;
          color: white;
        }
      
        .tagline_section p{
          width: 65rem;
          color: white;
          font-size: 2rem;
          text-align: center;
          transform: translateX(15rem);
        }
  }

  
  /*================================================================================= Tab */
  @media only screen and (min-width: 768px) 
  {
  
    .setImage{
      margin-top: 144.5px;
      margin-left: 18px;
    }
    
    .founder_main123 p {
      font-size: 2rem;
    }
    
    .founder_div123 {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100vh;
      position: relative;
      /* overflow: hidden; */
    }
    .first123,
    .second123,
    .first-dir123,
    .second-dir123 {
      position: absolute;
      font-size: 25rem;
    }
    
    .first123,
    .first-dir123,
    .second-dir123 {
      z-index: -100;
    }
    
    .first123 {
      color: black;
      font-size:25rem;
    }
    
    .second123 {
      color: #00000012;
      -webkit-text-stroke: white 2px;
    }
    
    .first123,
    .second123 {
      transform: translateY(-18rem);
    }
    
    .first-dir123,
    .second-dir123 {
      transform: translateY(4rem);
      color: white;
    }
    
    .second-dir123 {
      color: #ffffff15;
      -webkit-text-stroke: black 3px;
    }
    
    .anim123 {
      height: 75vh;
      margin-bottom: 15rem;
    }
    
    .pname123 {
      font-family: "Montserrat", sans-serif;
      position: absolute;
      z-index: 2;
      /* green box will be above black box */
      left: 35%;
      top:2%;
      font-size:4rem !important;
      font-weight: 800;
    }
    /* add to p tag css */
    .sname123 {
      font-family: "Montserrat", sans-serif;
      position: absolute;
      bottom:16%;
      left: 25%;
      font-weight: 800;
      font-size:3rem !important;
    
    }
    .dot123{
      font-weight: 800;
    }
  
    
  }
  
  .setImage{
    margin-top: 144.5px;
    margin-left: 18px;
  }
  
  /*#####################################################################################################################################
  ##                                                                                                                                       ##
  #####################################################################################################################################*/
  
  .column {
    float: left;
    width: 25%;
    padding: 0 10px;
  }
  
  /* Remove extra left and right margins, due to padding */
  .row {margin: 0 -5px;}
  
  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }
  
  /* Responsive columns */
  /* @media screen and (max-width: 600px) {
    .column {
      width: 100%;
      display: block;
      margin-bottom: 20px;
    }
  } */
  
  /* Style the counter cards */

/*===========================================================================*/
/* AUTOMATIC SCROLL BAR CSS*/
/*=============================================================================*/

   /* Container styles */
   .scrolling-text-container {
    border-radius: 4px;
    overflow: hidden;
}

/* Inner container styles */
.scrolling-text-inner {
    display: flex;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 600;
    padding: 8px 0;

}

/* Text styles */
.scrolling-text {
    display: flex;
}

.scrolling-text-item {
    padding: 0 10px;
    padding-left: 3rem;
}

.left_container {
    position: absolute;
    width: 350px;
    background-color: black;
    height: 1900px;
    z-index: 2;
}

.left_container marquee {
    height: 1900px;
    width: 300PX;
}





/* Apply the animation to the text items */
.scrolling-text-inner>div {
    animation: var(--direction) var(--marquee-speed) linear infinite;
}

/* Pause the animation when a user hovers over it */
.scrolling-text-container:hover .scrolling-text-inner>div {
    animation-play-state: running;
}

/* Setting the Animation using Keyframes */
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes scroll-right {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0%);
    }
}

  /*MEDIA CSS */
  @media only screen and (max-width: 440px) {

    .aboutus_container{
      width: 100vw ;
      height: 59rem;
      margin-bottom:5rem;
    }

    .aboutus_container .description-msg{
      transform: translate(3rem,5rem);
      width: 15rem;
      text-wrap: nowrap;
    }

    .aboutus_left{
      transform: translate(-6rem,5rem);
      width: 22rem;
    }

    .aboutus_inner_left{
      margin-right: 0;
    }

    .aboutus_left h1{
      width: 22rem;
    }

    .aboutus_inner_left,.aboutus_inner_right{
      width: 20.5rem ;
    }

    .aboutus_left h1{
      font-size: 1.5rem;
    }

    .aboutus_inner_row{
      flex-direction: column;
      width: 22rem;
      font-size: .9rem;
    }

    .aboutus_row{
      flex-direction: column;
      width: 10rem;
    }

    .aboutus_row img{
      width: 15rem;
      transform: translate(-5rem, 3rem);
    }



    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ mobile Founder section  */


    .founder_main123{
      width: 100vw;
      height: 50vh;
      /* background: #008080; */
      margin-top: 2rem;
    }

    .founder_div123{
      /* background-color: aquamarine; */
      height: 50vh;
    }

    .pname12356{
      /* background: red; */
      transform: translateY(-14rem);
      font-size: 1rem !important;
    }

    .first123{
      /* background-color: gold; */
      font-size: 6.5rem !important;
      transform: translateY(-8rem) !important;
    }

    .anim123{
      /* background-color: brown; */
      width: 25rem;
      height: 21rem !important;
      transform: translateY(4.5rem) !important;
    }

    .second123{
      /* background-color: green; */
      font-size: 6.5rem !important;
      transform: translateY(-8rem) !important;
    }

    .first-dir123{
      /* background-color: greenyellow; */
      font-size: 6.5rem !important;
      transform: translate(0) !important;
    }

    .second-dir123{
      /* background-color: blue; */
      font-size: 6.5rem !important;
      transform: translate(0) !important;
    }

    .sname123{
      /* background-color: chocolate; */
      font-size: 1rem !important;
      transform: translate(-4rem, 6rem) !important;
      
    }

         /* ==================================================== mobile Stronger Team Section */

         .stronger_team{
          flex-direction: column;
          height: 60rem;
          
        }
    
        .stronger_team_left h2{
          font-size: 1.4rem;
          font-weight: 500;
          width:20rem;
          padding-top: 3.5rem;
        }
       .stronger_team_right{
        flex-direction: column;
       }
       .stronger_team_right_top{
        flex-direction: column ;
        transform: translateX(0);
       }
       .stronger_team_right_mid{
        height: 5rem;
        flex-direction: column;
        transform: translateX(-5rem);
        margin-top:14rem;
       }
       .stronger_team_right_bottom{
        width: 10rem;
        flex-direction: column;
    
        transform: translateX(0rem);
       }
    
       .stronger_team_right_top img:nth-child(2){
        margin-right: 0rem;
      }
    
      .stronger_team_right_mid p{
        width: 10rem;
        transform: translate(8rem, -41rem);
      }
      .stronger_team_right_bottom p{
        width: 21.5rem;
        transform: translate(1.5rem, -6rem);
      }
    
      #img{
        transform: translateX(-4.5rem);
      }
      #img1{
        transform: translateX(-4.5rem);
      }
      #img2{
        transform: translate(6.5rem,-18.5rem);
      }
      #img3{
        transform: translate(.5rem,-14rem);
        width: 10rem;
      }
      #img4{
        transform: translate(.5rem,-13.2rem);
      }
      #img5{
        transform: translate(10.5rem,-40.5rem);
      }
      #img6{
        transform: translate(7rem,-35rem);
      }


      /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ mobile Tagline section */

      .tagline_section{
        align-items: center;
        height: 15rem;
      }

      .tagline_section h1{
        font-size: 1.5rem;
      }
      .tagline_section p{
        font-size: 1rem;
        width: 24rem;
        transform: translate(0);
      }

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ mobile brands section */

    .clients-home .clients-logos .client-logos-repeater {
      height: 100px;
      cursor: pointer;
      border: 1px solid #f0efef;
      margin-top: 10px;
      width: 140px;
      margin-left: 5px;

  }

  .client-logos-repeater img{
    width: 6rem;
  }
  

  .brand-text {
      padding-left: 2rem;
      padding-top: 2rem;
      padding-bottom: 1rem;
    }
    
    .brand-text h4 {
      font-size: 30px;
      font-weight: 500;
    }
    
    .partners_row {
      margin: 0;
      width: 92vw;
      /* transform: translateX(5rem); */
    }
    
    
    .scrolling-text-container{
      transform: rotate(-90deg);
      height: 46.3vh;
    }
    /* 
    .scrolling-text{
      transform: translateY(-21rem) !important;
    } */
    
    .drag-nums-wrap{
      margin-top: -5rem;
    }
    
    .drag-nums-row-box2{
      height: 30vh;
    }
    .drag-nums-box {
      padding-left: 1rem;
      width: 500px;
      height: 245px;
    }
    .scrolling-text-inner {
      margin-top: 0rem;
      height: 13.46rem;
      transform: translateY(-2rem);
    }
    .drag-nums-num{
      font-size: 7rem;
    }
    .drag-nums-text{
      font-size: 1.5rem;
      padding-left: 1rem;
    }
    .drag-nums-text2{
      font-size: 1.5rem;
      padding-left: 1rem;
    }
    .container-fuild{
        display:flex;
        align-items:center;
        justify-content:center;
    }
  }
  @media only screen and (min-width:401px) and (max-width: 420px) {
    .scrolling-text-container{
      height: 46.3vh;
    }
  }
  
    @media only screen and (max-width: 400px) {
      .scrolling-text-container{
        height: 46.2vh;
      }
    }
  
  @media only screen and (max-width: 390px) {
    .aboutus_container{
      width: 100vw ;
    }

    .aboutus_inner_left,.aboutus_inner_right{
      width: 19rem ;
    }

    .aboutus_left{
      transform: translate(-6rem,5rem);
      width: 19rem;
    }

    .aboutus_inner_row{
      width: 19rem;
    }

    .aboutus_left h1{
      width: 19rem;
    }

    .anim123{
      width: 24rem;
      height: 21rem !important;
      transform: translateY(4.5rem) !important;
    }

    .tagline_section p{
      width: 24rem;
    }

    .aboutus_row img {
      transform: translate(-7rem, 3rem);
  }

  .anim123{
    width: 23rem;
  }

  .stronger_team{
    width: 100vw !important;
  }

  .stronger_team_right{
    transform: translateX(-1rem);
  }

  .tagline_section p{
    width: 23rem !important;
  }
  
    
  .partners_row {
    margin: 0 !important;
    width: 100vw ;
  }

  .clients-home .clients-logos .client-logos-repeater {
    height: 100px;
    cursor: pointer;
    border: 1px solid #f0efef;
    margin-top: 10px;
    width: 130px;
    margin-left: 5px;

}

.client-logos-repeater img{
  width: 6rem;
}

.brand-text {
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 1rem;
}

.brand-text h4 {
    font-size: 30px;
    font-weight: 500;
}

.partners_row {
  margin: 0;
  width: 100vw;
  /* transform: translateX(5rem); */
}

.scrolling-text-container{
  height: 47.5vh;
}

  .scrolling-text-inner {
    margin-top: 0;
    height: 11.2rem;
    transform: translateY(-2rem);
}

  }
  /* @media only screen and (max-width: 375px) {
    .scrolling-text-container{
      height: 56vh;
    }

    .scrolling-text-inner {
      margin-top: 0;
      height: 16.2rem;
      transform: translateY(-4rem);
  }
  } */
/* --------------------------------------------------------------------------------------------- */

.carousel__container {
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.carousel__container .carousel-onhover {
  position: absolute;
  color: #fff;
  opacity: 0;
  z-index: 1;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 18px;
  transform: translateY(-50%);
  top: 50%;
}

.carousel__container__inner {
  text-align: left;
  opacity: 0;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: absolute;
  left: 0;
  z-index: 1;
  transform: translate(2rem,-50%);
  top: 50%;
  height:240px;
  overflow:hidden;
}
.carousel__container__inner2 {
  /* width: 30vw; */
  text-align: left;
  /* margin-left: 10%; */
  opacity: 0;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: absolute;
  left: 60%;
  z-index: 1;
  transform: translate(2rem,-50%);
  top: 75%;
  /* background-color: #008080; */
  /* padding: 100vh 0rem; */
  height:240px;
  overflow:hidden;
}
.carousel__container__inner3 {
  /* width: 20rem; */
  text-align: left;
  /* margin-left: 10%; */
  opacity: 0;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: absolute;
  left: 10%;
  z-index: 1;
  transform: translate(-2rem, -20rem) rotate(-90deg) ;
  top: 48%;
  /* background-color: #008080; */
  /* padding: 100vh 2rem; */
  height:125px;
  overflow:hidden;
}
.textWrapper{
  height: 100vh;
  position: absolute;
  left: 0;
  width: 30vw;
  /* padding-left: 50rem; */
  background-color: #008080;
}
.carousel__container__inner h1 {
  font-size: 15rem;
  line-height: 1.11;
  color: #ffffff;
  text-transform: uppercase;
  margin: 11px 0 11px 5rem;
}
.carousel__container__inner p {
  font-size: 16px;
  line-height: 1.56;
  color: #ffffff;
  margin-bottom: 29px;
}
.carousel__container__inner2 h1 {
  font-size: 15rem;
  line-height: 1.11;
  color: #ffffff;
  text-transform: uppercase;
  margin: 11px 0 11px 5rem;
  transform: translateX(-29px);

}
.carousel__container__inner2 p {
  font-size: 16px;
  line-height: 1.56;
  color: #ffffff;
  margin-bottom: 29px;
}
.carousel__container__inner3 h1 {
  font-size: 5rem;
  line-height: 1.11;
  color: #ffffff;
  text-transform: uppercase;
  margin: 11px 0;
}
.carousel__container__inner3 p {
  font-size: 1.5rem;
  line-height: 1.56;
  color: #ffffff;
  margin-bottom: 29px;
}

.swiper-container {
  width: 100%;
  height: 100vh;
  margin: 0 auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  /* -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; */
}

.carousel__transform {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.swiper-slide-prev, .swiper-slide-next {
  display: block;
  z-index: 999;
}

.swiper-slide-prev:after, .swiper-slide-next:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 42, 57, 0.6);
}


.swiper-slide-active .carousel__container__inner {
  opacity: 1;
}
.swiper-slide-active .carousel__container__inner2 {
  opacity: 1;
}
.swiper-slide-active .carousel__container__inner3 {
  opacity: 1;
}

.swiper__buttonblock__left, .swiper__buttonblock__right {
  position: absolute;
  top: 0%;
  bottom: 0;
  width: 10%;
  cursor: pointer;
  z-index: 1;
}
.swiper__buttonblock__left .swiper-button-prev, .swiper__buttonblock__left .swiper-button-next, .swiper__buttonblock__right .swiper-button-prev, .swiper__buttonblock__right .swiper-button-next {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.swiper__buttonblock__right {
  right: 0;
}

.swiper__hovered__prev .swiper-slide-prev:after {
  background-color: transparent;
}
.swiper__hovered__prev .swiper-slide-prev .carousel__container {
  width: 200%;
  position: relative;
  left: 0;
  transition: 0.3s ease all;
}
.swiper__hovered__prev .swiper-slide-prev .carousel__container:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 42, 57, 0.6);
  top: 0;
  bottom: 0;
  width: 100%;
}
.swiper__hovered__prev .swiper-slide-prev .carousel-onhover {
  text-align: right;
  width: 140px;
  right: 15px;
  opacity: 1;
  transform: translateY(-50%);
  top: 50%;
}

.swiper__hovered__next .swiper-slide-next:after {
  background-color: transparent;
}
.swiper__hovered__next .swiper-slide-next .carousel__container {
  width: 170%;
  position: relative;
  right: 70%;
  transition: all .6s ease -.35s;
}
.swiper__hovered__next .swiper-slide-next .carousel__container:after {
  content: "";
  position: absolute;
  background-color: rgba(0, 42, 57, 0.6);
  top: 0;
  bottom: 0;
  width: 170%;
  
}
.swiper__hovered__next .swiper-slide-next .carousel-onhover {
  text-align: left;
  width: 140px;
  left: 15px;
  opacity: 0;
  
}

.button__prev__hovered .swiper-button-prev {
  right: auto;
  transition: 0.2s ease all;
  left: 20px;
}

.button__next__hovered .swiper-button-next {
  left: auto;
  transition: 0.2s ease all;
  right: 20px;
}

.swiper-slide-active {
  transform: none;
}


@media (min-width: 677px) {
  .swiper-slide-prev, .swiper-slide-next {
    width: 10% !important;
  }
  .swiper-slide-active {
    width: 80% !important;
  }
}


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

  .carousel__container__inner h1{
    font-size: 10rem;
  }
  .carousel__container__inner2 h1{
    font-size: 10rem;
  }
  .textWrapper{
    width: 30vw;
  }
  .carousel__container__inner3{
    transform: rotate(-90deg) translate(19rem, -5rem);
    font-weight: 500;
  }
  .carousel__container__inner3 p{
    font-size: 1.5rem;
    width: 20rem;
  }
}
@media only screen and (max-width: 600px) and (min-width: 300px)  {

  .carousel__container__inner h1{
    font-size: 3.5rem;
    margin: 11px 0 11px 2rem;
  }
  .carousel__container__inner2{
    top: 58%;
  }
  .carousel__container__inner2 h1{
    font-size: 3.5rem;
    margin: 11px 0 11px 2rem;
  }
  .textWrapper{
    width: 40vw;
  }
  .carousel__container__inner3{
    transform: rotate(-90deg) translate(10rem, -5rem);
    font-weight: 500;
  }
  .carousel__container__inner3 p{
    font-size: 1rem;
    width: 20rem;
  }
  .swiper-container {
  margin-top:43rem;
}

}
@media only screen and (max-height: 950px) and (min-height: 766px) and (max-width: 600px) {

  .carousel__container__inner3{
    transform: rotate(-90deg) translate(25rem, -5rem);
  }

}
@media only screen and (max-height: 765px) and (min-height: 665px) and (max-width: 600px) {

  .carousel__container__inner3{
    transform: rotate(-90deg) translate(25rem, -5rem);
  }

}