/*************************************************************************************************************
                                                   Service Page CSS 
  *************************************************************************************************************/ 

/* Style the active class, and buttons on mouse-over */
 
.mega_menu .nav-link:after {
  display: block;
  content: '';
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
 }

 .mega_menu .nav-link:hover:after {
  border-bottom: 2px solid #44c085;
   transform: scaleX(1);
}

.service_page_home_section{
  padding-bottom: 20%;
} 
.service_page_home_section h1{
 padding: 12% 0 0 0;
}
.service_page_home_section p{
  font-size: 18px;
  font-weight: 500;
}

.service1 h5{
    color:#7b8697;
    font-weight: 500;
    margin-top: 5%;
     
  }
  .service1 h3{
    color:#000;
    font-size: 36px;
   
  }
  .service1 p{
    color:#7b8697;
    font-size: 18px;
    text-align: justify;
    line-height: 24px;
   
  }
  .service_point{
    margin-top: 5%;
    margin-left: 12%;
  }

  .check_icon{
    margin-right: 15px;
    color:#000;
  }
  .service1 .service_point p{
    color:#000 !important;
    font-size: 20px;
    font-style: italic; 
  }

  .about_img_about_page{
    background: url('../img/top_banner_bg_right.png');
     background-size: contain; 
     background-repeat:no-repeat;
     padding-bottom:19%;
      margin-top: -3%;

  }

  .about_img_about_page img{
    height:90%;
    margin-top: 5%;
    margin-left: -10%
  }

  .service_page .website_development{
      padding: 3%;
  }
  
  .website_development h4{
      color:#fff;
      font-size: 28px;
  }
  .website_development span{
    font-size: 36px;
}
.website_development p{
    color:#fff;
    padding-bottom: 12px;
    text-align: justify;
    line-height: 20px;
}


.mobile_app_development_image img{
  padding-top: 20px;
  transition: all 0.8s;
}




.mobile_app_development_image img:hover{
  transform: scaleX(-1);
}
.mobile_app_development img{
  padding-top: 10%;

}
.mobile_app_development h4{
    color:#000;
      font-size: 28px;

}
.mobile_app_development span{
    
      font-size: 36px;

}
.mobile_app_development p{
      color:#000;
      text-align: justify;
      line-height: 24px;
      margin-right: 30px;
      margin-bottom: 12%;
}

.seo img{
    padding-top: 80px;
}
.seo h4{
    color:#fff;
    font-size: 28px;
}
.seo span{
  font-size: 36px;
}
.seo p{
  color:#fff;
  padding-bottom: 120px;
  text-align: justify;
  line-height: 20px;
}

.seo_image img{
    padding-top: 80px;
    transition: all 0.8s;
    
}
.seo_image img:hover{
  transform: scaleX(-1);
}
.ux img{
    padding-top: 80px;
}
.ux h4{
    color:#fff;
    font-size: 28px;
}
.ux span{
  font-size: 36px;
}
.ux p{
  color:#fff;
  padding-bottom: 100px;
  text-align: justify;
  line-height: 20px;
}

.logo img{
    padding-top: 80px;
}
.logo h4{
    color:#000;
    font-size: 28px;
}
.logo span{
  font-size: 36px;
}
.logo p{
  color:#000;
  padding-bottom: 100px;
  text-align: justify;
  line-height: 20px;
}

.ecommerce_image img{
    padding-top: 40px;
    transition: all 0.8s;
}

.ecommerce img{
    padding-top: 10%;
}
.ecommerce_image img:hover{
  transform: scaleX(-1);
}
.ecommerce h4{
    color:#000;
      font-size: 28px;

}
.ecommerce span{
    
      font-size: 36px;

}
.ecommerce p{
      color:#000;
      text-align: justify;
      line-height: 24px;
      margin-right: 30px;
      margin-bottom: 12%;
}




@media(max-width:1025px) and (min-width:765px){
    .website_development_image img{
        height: 100%;
    }
}
 @media(max-width:480px){
    .mobile_app_development_image{
        margin-left: -35px;
    }

    .seo p{
        padding-bottom: 0px;
        
     }
      
      .seo_image img{
          padding-top: 50px;
          padding-bottom: 50px;
      }
      .responsive_img img{
        padding-top:0px !important;
    }
    .about_img_about_page img {
      height: auto;
      margin-top: -8%;
      margin-left: -3%;
  }
}

@media(max-width:768px){
    .responsive_img img{
        padding-top:150px;
    }
    .about_img_about_page img {
      height: auto;
      margin-top: -2%;
      margin-left: -3%;
  }
}

@media(min-width:1400px){
  .about_img_about_page{

     background-size: cover; 
  }
}

@media(min-width:1600px){
  .about_img_about_page img{
    height: 100%;
    margin-top: 5%;
    margin-left: -12%
}
}

@media(min-width:1900px){
  .about_img_about_page img{
  margin-top: 9%;
}
}

@media(min-width:2100px){
  .about_img_about_page img{
    margin-top: 16%;
    margin-left: -10%;
  }
}