.site-menu-main .nav-item .nav-link-item{
    position: relative;
    display: inline-block;
}

.site-menu-main .nav-item .nav-link-item::after{
    content: "";
    width: 0%;
    height: 2px;
    position: absolute;
    top: 100%;
    left: 0px;
    background-color: #ff4300;
    transition: all 0.3s ease-in-out;
}
.site-menu-main .nav-item:hover a:after{
    width: 100%;
}

.oval{
    padding: 4px 12px;
    border: 2px solid rgba(0,0,0, 0.5);
    display: inline-block;
    border-radius: 50rem;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
 }
 .header3-container{
     padding-left:80px !important;
     padding-right:80px !important;
 }
 .ban-main{
     margin-top: 120px;
 }
.tts{
    color: #000;
    padding-bottom: 2px;
    border-bottom: 2px solid #000;
    text-decoration: none;
    transition: all 0.3s linear;
}
.aximo-hero-thumb33{
    position: relative;
    display: inline-block;

}
.screen_margin{
    margin-top: -110px;
}
.img-b-1,.img-b-2{
    position: absolute;
}
.img-b-1 {
    top: 0px;
    left: -50px;
}
.img-b-2{
    top: 35px;
    right: -65px;
    animation-delay: 2s;
}

.img-b-1 img{
    width: 220px !important;
}
.img-b-2 img{
    width: 220px !important;
}
.aximo-hero-section3{
    padding-top: 150px;
    padding-bottom: 70px;
}
.tts:hover{
    color: #fe4300;
    border-color: #fe4300;
}
.aximo-hero-content3{
    width: 100%;
}
.oval img{
    transition: all 1s ease-in-out;
}
.oval:hover img{
    transform: translateY(-30px) rotate(180deg);
}


.ball{
    width: 60px;
    padding: 10px;
    aspect-ratio: 1/1;
    background-color: #fe4300;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ededed;
}
.rectangle{
    background-color: #6DC1FE !important;
}

.review-p-2 .aximo-hero-subscription{
  
}

 .rectangle{
    width: 100%;
    background-color: #B1D0B2;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.client-ball img{
    border: 3px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    transition: all 0.5s ease-in-out;
}
.hero-client-sect{
    display: flex;
}
.m-minus{
    margin-left: -8px;
}
.client-ball-2{
    border: 3px solid #fff;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: #fff;
    margin-left: -8px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease-in-out;
}
.client-ball-2 img{
    width: 15px;
}

.client-ball:hover img{
    transform:  translateY(-10px);
    z-index: 99;
}
.client-ball-2:hover{
    transform:  translateY(-10px);
    z-index: 99;
}
 .pill-1,.pill-2,.pill-3{
    width: 300px;
    height: 60px;
    background-color: #BA627E;
    border-radius: 50rem;
}
.pill-1{
    position: absolute;
    top: 10px;
    left: 230px;
}
.pill-2{
    width: 200px;
    background-color: #6DC1FE;
    position: absolute;
    top: 100px;
    left: 335px;
}
.pill-3{
    position: absolute;
    top: 180px;
    left: 245px;
}
.screen_margin h4{
    font-size: 30px;
}
.screen_margin p{
    font-size: 18px;
}

.flexboxcontainer1,.flexboxcontainer2,.flexboxcontainer3 {
/* min-height: 500px; */
display: flex;
height: 100%;
/* padding-left: 20%; */
align-items: center;
justify-content: center;
}
.flexboxcontainer1 h2,.flexboxcontainer2 h2,.flexboxcontainer3 h2{
color: #fff;
font-size: 45px;
}

.typed-cursor {
color: white !important;
font-size: 30px;
}

.break-keyword {
display: inline-block;
line-height: 1.2;
word-spacing: 100vw; /* hacky way, or just use responsive wrapping */
font-size: 80px;
}
.tts-img{
    animation: leftRight 2s linear infinite alternate-reverse;
}
@keyframes leftRight{
    from{
            transform: translateX(0px);
    }to{
        transform: translateX(20px);
    }
}
.header-social.aximo-social-icon ul li a i{
    transition: 0.3s ease-in-out;
}
.review-pill{
   position: absolute;
    bottom: -31px;
    left: -10px;
    width: 200%;
}









 @media screen and (max-width:1520px){
     .pill-1,.pill-2,.pill-3{
        width: 250px;
        height: 45px;
     }
     .pill-2{
         width: 180px;
     }
     .typed-cursor {
         font-size: 20px;
     }
    .flexboxcontainer1 h2,.flexboxcontainer2 h2,.flexboxcontainer3 h2{
        font-size: 40px;
    }
    .pill-1 {
         top: 12px;
        left: 220px;
    }
    .pill-2 {
        top: 100px;
        left: 330px;
    }
    .pill-3 {
        top: 180px;
        left: 245px;
    }
 }
        
@media screen and (max-width:1440px) {
    .img-b-2{
        right: -40px;
    }
    .img-b-1 img{
        width: 200px !important;
    }
    .img-b-2 img{
        width: 200px !important;
    }
    .review-pill {
        width: 130%;
    }
   
}

@media screen and (max-width:1400px){
     .pill-1,.pill-2,.pill-3{
        width: 200px;
        height: 45px;
     }
     .pill-2{
         width: 150px;
     }
    .flexboxcontainer1 h2,.flexboxcontainer2 h2,.flexboxcontainer3 h2{
        font-size: 30px;
    }
   .pill-1 {
        top: 5px;
        left: 160px;
    }
    .pill-2 {
        top: 62px;
        left: 225px;
    }
   .pill-3 {
        top: 120px;
        left: 170px;
    }
  
    .screen_margin{
        margin-top: 2rem;
    }
}



@media screen and (max-width:1240px){
    
}


@media screen and (max-width:1200px) {
    
    .img-b-1 img{
        width: 200px !important;
    }
    .img-b-2 img{
        width: 200px !important;
    }
     .img-b-1{
        left: -40px;
        top: 0px;
    }
    .img-b-2 {
        right: -60px;
        top: 80px;
    }
}

@media screen and (max-width:1140px){
   
    .pill-1 {
        top: 3px;
        left: 150px;
    }
    .pill-2 {
        top: 62px;
        left: 220px;
    }
    .pill-3 {
        top: 120px;
        left:165px;
    }
 
}

@media screen and (max-width:992px) {
    
    .img-b-1 img{
        width: 250px !important;
    }
    .img-b-2 img{
        width: 250px !important;
    }
    .img-b-1 {
        left: -85px;
        top: -25px;
    }
    .img-b-2 {
        right: -100px;
        top: 65px;
    }
    
    .review-pill{
        width: 120%;
    }
    .review-p-2 .aximo-hero-subscription form input::placeholder{
        font-size: 14px;
    }
    .header3-container{
     padding-left:15px !important;
     padding-right:15px !important;
    }
    .pill-1 {
        top: 3px;
        left: 180px;
    }
    .pill-2 {
        top: 58px;
        left: 240px;
    }
    .pill-3 {
        top: 112px;
        left: 190px;
    }
    .adjust-alignment-div{
        padding-left: 40px;
    }
   .aximo-hero-section3 {
    padding-top: 100px;
   }
}
@media screen and (max-width:767px){
    .flexboxcontainer1 h2, .flexboxcontainer2 h2, .flexboxcontainer3 h2{
        font-size: 20px;
    }   
    .pill-1, .pill-2, .pill-3 {
        width: 150px;
        height: 35px;
    }
    .pill-2{
        width: 120px;
    }
    .pill-1 {
        top: 3px;
        left: 190px;
    }
    .pill-2 {
        top: 48px;
        left: 250px;
    }
    .pill-3 {
        top: 92px;
        left: 200px;
    }
    .adjust-alignment-div{
        padding-left: 80px;
    }

}

@media screen and (max-width:760px){
   
   
}
@media screen and (max-width:720px){
     .adjust-alignment-div{
        padding-left: 40px;
    }
    .pill-1 {
      left: 150px;
    }
    .pill-2 {
       left: 210px;
    }
    .pill-3 {
         left: 160px;
    }
}
@media screen and (max-width:600px){
    
     .img-b-2 img{
        width: 220px !important;
    }
    .img-b-2 {
        right: -70px;
        top: 60px;
    }
    .img-b-1 img{
        width: 220px !important;
    }
    .img-b-1 {
        left: -60px;
        top: -15px;
    }

}
@media screen and (max-width:575px){
     .adjust-alignment-div{
        padding-left: 100px;
    }
    .pill-1 {
      left: 210px;
    }
    .pill-2 {
       left: 265px;
    }
    .pill-3 {
         left: 220px;
    }
   
}
@media screen and (max-width:555px){
    .review-pill{
        width: 300px;
    }
    .aximo-hero-subscription{
        padding: 5px;
        border-radius: 5px;
    }
}
@media screen and (max-width:500px){
      
   
    .adjust-alignment-div{
        padding-left: 50px;
    }
     .pill-1 {
      left: 160px;
    }
    .pill-2 {
       left: 215px;
    }
    .pill-3 {
         left: 170px;
    }
}



@media screen and (max-width:425px) {
    
    .img-b-1 img{
        width: 180px !important;
    }
    .img-b-2 img{
        width: 180px !important;
    }
     .img-b-1{
        left: -20px;
        top: 0px;
    }
       .img-b-2 {
        right: -25px;
        top: 60px;
    }
     .adjust-alignment-div{
        padding-left: 20px;
    }
     .pill-1 {
      left: 135px;
    }
    .pill-2 {
       left: 185px;
    }
    .pill-3 {
         left: 145px;
    }
  
   
}
@media screen and (max-width:375px){
  
      .pill-2 {
       left: 185px;
    }
    .pill-3 {
         left: 145px;
    }
     .img-b-1 img{
        width: 180px !important;
    }
    .img-b-2 img{
        width: 180px !important;
    }
}

@media screen and (max-width:350px) {
    .img-b-1 img{
        width: 180px !important;
    }
   
     .img-b-1{
        left: -20px;
        top: 0px;
    }
    .adjust-alignment-div{
        padding-left: 0px;
    }
    
    .pill-2 {
       left: 165px;
    }
    .pill-3 {
         left: 140px;
    }
   
}



/*// second section starts of brand logos */
.padding{
    padding-top: 60px;
    padding-bottom: 60px;
}
.brand-parent{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.brand-box{
    width: 20%;
    height: 350px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-box img{
    width: 150px;
}
.br1{
    background-color: #79C2F7;
}
.br2{
    background-color: #8FD0FF;
}
.br3{
    background-color: #AEDDFF;
}    
.br4{
    background-color: #CFEBFF;
}
.br5{
    background-color: #EBF7FF;
}
/*.tri1{*/
/*    width: 62px;*/
/*    height: 75px;*/
/*    margin-right: 10px;*/
/*    clip-path: polygon(0 0, 0% 100%, 76% 100%);*/
/*    background-color: #B1D0B2;*/
/*}*/
/*.tri2{*/
/*    width: 100px;*/
/*    height: 80px;*/
/*    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
/*    background-color: #BA627E;*/
/*    transform: rotate(180deg);*/
/*    margin-left: -70px;*/
/*}    */
/*.tri3{*/
/*    width: 100px;*/
/*    height: 80px;*/
/*    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
/*    background-color: #B1D0B2;*/
/*    margin-left: -45px;*/
/*    margin-right: 25px;*/
/*}     */
/*.tri4{*/
/*    width: 100px;*/
/*    height: 80px;*/
/*    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
/*    background-color: #BA627E;*/
/*    transform: rotate(180deg);*/
/*    margin-right: -70px;*/
/*}    */
/*.tri5{*/
/*    width: 100px;*/
/*    height: 80px;*/
/*    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
/*    background-color: #B1D0B2;*/
/*    margin-right: -45px;*/
/*    margin-left: 25px;*/
/*}     */



/*.tri-parent{*/
/*    display: flex;*/
/*    align-items: end;*/
/*}      */
/*.rotate{*/
/*    margin-left: 10px;*/
/*    transform: rotateY(180deg);*/
/*}         */
@media screen and (max-width:992px){
    .brand-box{
        width: 50%;
    }
}            
          
@media screen and (max-width:540px){
    .brand-box{
        width: 100%;
    }
}