@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", serif;
}

html,
body{
    height: 100%;
    width: 100%;
}

@media only screen and (max-width: 1900px) {
  #logo{
    margin-left: 200px;
  }
  .touch-btn{
    margin-right: 230px;
  }
  .footer-cont{
    margin-left: 140px !important;
    margin-right: 165px !important;
  }
  .footer2-services{
    padding-left: 80px;
  }
  .footer-2 img {
    width: 200px !important;
    height: 65px !important;
    margin-left: -4px !important;
}
  .footer-2 .line{
    width: 2px !important;
  }
  .brand-head{
    padding-top: 1rem !important;
  }
  
}


@media only screen and (max-width: 1800px) {
  #logo{
    margin-left: 200px;
  }
  .touch-btn{
    margin-right: 230px;
  }
  .footer-cont{
    margin-left: 140px !important;
    margin-right: 165px !important;
  }
  .footer2-services{
    padding-left: 80px;
  }
  .footer-2 img {
    width: 200px !important;
    height: 65px !important;
    margin-left: -4px !important;
}
  .footer-2 .line{
    width: 2px !important;
  }
  .brand-head{
    padding-top: 1rem !important;
  }
  
}

@media only screen and (max-width: 1700px) {
  #logo{
    margin-left: 150px ;
  }
  .touch-btn{
    margin-right: 170px !important;
  }
  .footer-cont{
    margin-left: 100px !important;
    margin-right: 100px !important;
  }
  .footer2-services{
    padding-left: 80px;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .footer-2 img {
    width: 190px !important;
    height: 65px !important;
    margin-left: -4px !important;
}
}

@media only screen and (max-width: 1600px) {
  #logo{
    margin-left: 100px ;
  }
  .touch-btn{
    margin-right: 130px !important;
  }
  .footer-cont{
    margin-left: 55px !important;
    margin-right: 85px !important;
  }
  .footer2-services{
    padding-left: 45px;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .footer-2 img {
    width: 190px !important;
    height: 62px !important;
    margin-left: -4px !important;
}
}

@media only screen and (max-width: 1500px) {
  #logo{
    margin-left: 35px !important;
  }
  .touch-btn{
    margin-right: 50px !important;
  }
  .footer-cont{
    margin-left: -20px !important;
    margin-right: 0px !important;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .footer-2 img {
    width: 185px !important;
    height: 62px !important;
    margin-left: -4px !important;
}
}
@media only screen and (max-width: 1400px) {
  
  .content-start{
    margin-top: 100px !important;
  }
  #logo{
    margin-left: 70px !important;
    height: 70px !important;
  }
  .touch-btn{
    margin-right: 100px !important;
  }
  .portfolio-section .filter{
    padding: 1rem !important;
  }
  .portfolio-section .portfolio-img .portfolio-box{
    height: 326px !important;
  }
  .portfolio-section .portfolio-name {
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 50px;
  }
  .footer2-services{
    padding-left: 40px;
  }
  .footer-cont{
    margin-left: 20px !important;
    margin-right: 0px !important;
  }
  .footer-pad img{
    width: 170px !important;
    height: 55px !important;
    margin-left: -4px !important;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .brandIdentity-tags img{
    font-size: 17px !important;
  }
  .brandIdentity-tags span{
    font-size: 17px !important;
  }
  .counter h2 {
    font-size: 80px !important;
  }
  .portfolio-section .portfolio-img {
    height: 340px !important;
  }
  .brandIdentity-top h2{
    font-size: 25px;
  }
  .brandIdentity-top p{
    font-size: 15px;
  }
  /*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 22% !important;
    padding: 30px 10px;
  }
}

@media only screen and (max-width: 1300px){
  #logo{
    margin-left: 20px !important;
    height: 75px !important;
  }
  .touch-btn{
    margin-right: 20px !important;
  }
  .portfolio-section .filter{
    padding: 1rem !important;
  }
  .portfolio-section .portfolio-img .portfolio-cover {
    position: absolute;
    top: 0% !important;
    height: 100% !important;
  }
  .portfolio-section .portfolio-name {
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 50px;
}
  .portfolio-section .portfolio-img .portfolio-box{
    height: 326px !important;
  }
  .footer-pad{
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .brandIdentity-tags img{
    font-size: 17px !important;
  }
  .brandIdentity-tags span{
    font-size: 17px !important;
  }
  .footer-2 img {
    width: 165px !important;
    height: 55px !important;
    margin-left: -4px !important;
  }
  /*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 22% !important;
  }
}

@media only screen and (max-width: 1200px){
  
  #logo{
    margin-left: 5px !important;
  }
  .touch-btn{
    margin-right: 3% !important;
  }
  .portfolio-section .portfolio-img .portfolio-cover {
    position: absolute;
    top: 0% !important;
    height: 100% !important;
  }
  .portfolio-section .portfolio-name {
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 45px;
}
  .portfolio-section .portfolio-img .portfolio-box{
    height: 273px !important;
  }
  .footer-pad{
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .brandIdentity-tags img{
    font-size: 17px !important;
  }
  .brandIdentity-tags span{
    font-size: 17px !important;
  }
  .footer-2 img {
    width: 150px !important;
    height: 55px !important;
    margin-left: -4px !important;
  }
  .navbar-nav .nav-item{
    margin-right: 0.5rem !important;
  }
  .counter h2 {
    font-size: 70px !important;
}
  .portfolio-section .filter{
    padding: 15px !important;
    margin-top: 31px !important;
  }
  .portfolio-section h2 {
    font-size: 30px !important;
  }
  .portfolio-section .portfolio-img {
    height: 290px !important;
  }
  /*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 46% !important;
  }
}

@media only screen and (max-width: 1100px){
  .content-start{
    margin-top: 96px !important;
  }
  #logo{
    margin-left: 10px !important;
    height: 65px !important;
    width: 155px !important;
  }
  .navbar-nav .nav-item a{
    font-size: 15px;
  }
  .touch-btn{
    margin-right: 3% !important;
  }
  .portfolio-section .portfolio-img .portfolio-cover {
    position: absolute;
    top: 0% !important;
    height: 100% !important;
  }
  .portfolio-section .portfolio-name {
    font-weight: bold;
    margin-bottom: 0px;
    margin-top: 50px;
}
  .portfolio-section .filter {
    margin-top: 10px !important;
  }
  .footer-pad{
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .brandIdentity-tags img{
    width: 35px !important;
  }
  .brandIdentity-tags span{
    font-size: 15px !important;
  }
  .footer-2 img {
    width: 135px !important;
    height: 50px !important;
    margin-left: -4px !important;
  }
  .footer-2 .container-fluid{
    padding-right: 0% !important;
    padding-left: 0% !important;
  }
  /*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 46% !important;
  }
}
@media only screen and (max-width: 1000px){
  #logo{
    margin-left: 10% !important;
  }
  .touch-btn{
    display: none;
  }
  .services .service-cards{
    padding: 0% !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .service-cards h4{
    font-size: 18px;
  }
  .service-cards p{
    font-size: small !important;
  }
  .portfolio-section .filter {
    margin-top: 0px !important;
  }
  .portfolio-section .portfolio-img {
    height: 200px !important;
  }
  .portfolio-section h2 {
    font-size: 20px !important;
  }
  .portfolio-section .item-link {
    padding: 5px 25px !important;
  }
  .portfolio-section .portfolio-img .portfolio-box {
    height: 220px !important;
  }
  .portfolio-section .filter {
    margin-top: 10px !important;
}
  .footer-pad{
    padding-left: 0% !important;
    padding-right: 0% !important;
  }
  .footer2-services{
    padding-left: 10px !important;
  }
  .footer-2 .line{
    width: 2px !important;
  }
  .footer-2 img {
    width: 145px !important;
    height: 50px !important;
    margin-left: -4px !important;
  }
  .footer-2 p{
    font-size: 18px !important;
  }
  .brandIdentity-tags img{
    font-size: 17px !important;
  }
  .brandIdentity-tags span{
    font-size: 17px !important;
  }  
  /*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 46% !important;
  }
}

@media only screen and (max-width: 900px) {
  .portfolio-section .filter {
    margin-top: 0px !important;
  }
  .portfolio-section .portfolio-img {
    height: 200px !important;
  }
  .portfolio-section .portfolio-img .portfolio-box {
    height: 200px !important;
    background-size: contain !important;
  }
  .portfolio-section .portfolio-img .portfolio-cover {
    position: absolute;
    top: 0px !important;
    height: 100% !important;
  }
  .portfolio-section .portfolio-name {
    font-weight: bold;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
/*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 46% !important;
  }

}

@media only screen and (max-width: 800px) {
  .hero-section {
    height: 50vh;
    background-position: center;
    background-size: cover;
  }
  .content {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  .content h5{
    text-align: justify !important;
  }
  .services h2 {
    font-size : 40px !important;
  }
  .services .service-cards p{
    font-size: 15px !important;
  }
  .counter h2{
    font-size: 40px !important;
  }
  .counter h5{
    font-size: 15px !important;
    line-height: 23px !important;
  }
  .portfolio-section .portfolio-img {
    height: 300px !important;
  }
  .portfolio-section .portfolio-img .portfolio-box {
    height: 200px !important;
    background-size: contain !important;
  }
  .portfolio-section .filter {
    margin-top: 0px !important;
  }
  .portfolio-section .portfolio-img {
    height: 200px !important;
  }
  .portfolio-section .portfolio-img .portfolio-cover {
    position: absolute;
    top: 0px !important;
    height: 100% !important;
  }
  .portfolio-section .portfolio-name {
    font-weight: bold;
    margin-bottom: 0px !important;
    margin-top: 20px !important;
}
  .team-section h2{
    font-size: 40px !important;
  }
  .testimonial-section h2 {
    font-size: 40px !important;
  }
  .testimonial-section p{
    font-size: 15px !important;
  }
  /*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
  .location-services{
    width: 100% !important;
  }

}

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

/* ----------------------------------------------------------------------- INDEX PAGE CSS --------------------------------------------------------------------------------- */

      .content-start{
        margin-top: 100px !important;
      }      

      #logo{
        width: 180px !important;
        height: 70px !important;
        margin-left: 0% !important;
      }

      .hero-section {
        width: 100%;
        height: 50vh;
        background-position: center;
        background-size: cover;
      }
    .buttons{
        flex-direction: column;
        margin-top: 15px !important;
      }
      .content {
        padding-bottom: 10px;
        padding-top: 40px;
      }

      .content h5{
        line-height: 27px !important;
      }
      .start-btn{
        padding: 8px 40px;
        background-color: #ff4d00;
        color: #fff;
      }
  
      .portfolio-btn{
        padding: 8px;
        background-color: #ff4d00;
        color: #fff;
      }
      .services h2{
        font-size: 30px;
      }
      .touch-btn {
        display: none;
      }
      .services .service-cards {
        gap: 10px;
        padding: 3% 0% 10% 0% !important;
      }
      
      .services .service-cards p{
        font-size: 17px;
      }
  
      .services .explore-btn{
        padding: 10px;
        background-color: #ff4d00;
        color: #fff;
        border-radius: 10px !important;
      }
      .counter h2{
        font-size: 30px;
      } 
  
      .counter h5{
        font-size: 13px;
      }
  
      .counter .count-text span{
        font-size: 29px !important;
      }

      .count-cont h5{
        line-height: 20px !important;
      }
      .filter{
        padding: 0rem 2rem 0rem 2rem !important;
      }

      .portfolio-section{
        padding : 1rem !important;
      }
  
      .portfolio-section h2{
        font-size: 20px !important;
      }
  
      .portfolio-section .item-link{
        padding: 6px 10px;
      }
  
      .portfolio-section .portfolio-img .portfolio-box{
        width: 100% !important;
        height: 230px !important;
        background-position: center;
        background-size: contain;
        /* overflow-x: hidden; */
      }
   
      .portfolio-section .portfolio-img {
        height: 230px !important;
      }
      .portfolio-section .portfolio-name{
        margin-top: 0px;
      }
   

      .team-section h2 {
        font-size: 40px;
      }

      .item .box {
        background-size: contain;
        background-position: center;
        height: 350px;
        width: 100%;
      }

      .testimonial-section{
        padding-top: 0% !important;
        overflow-x: hidden;
      }
      .testimonial-section h2 {
        font-size: 25px !important;
      }
      
      .testimonial-img {
        width : 80px !important;
      }
  
      .testimonial-section h2{
        font-size: 18px;
      }
  
      .testimonial-section h4{
        font-size: 15px;
      }
  
      .testimonial-section p{
        font-size: 15px;
        padding: 5px !important;
      }
      /* .carousel-dark .carousel-control-prev-icon, .carousel-control-next-icon {
        display: none;
      } */

      .cta-index h2{
        font-size: 30px;
        color: #000;
      }
      .cta-index p{
        font-size: 18px;
        color: #000;
      }
      .cta-container{
        padding: 0% !important;
      }


/* ----------------------------------------------------------------------- FOOTER PAGE CSS -------------------------------------------------------------------------------- */
      .footer-cont{
        margin-left: 12px !important; 
        margin-right: 0px !important; 
        overflow-x: hidden;
      }
      .footer-2 img {
        width: 180px !important;
        height: 60px !important;
      }

      .footer-2 p {
        font-size: 22px;
      }
      .footer-2 .footer-pad{
        padding: 30px 0% !important;
        overflow-x: hidden;
      }

      .footer2-services{
        text-align: left !important;
        padding-left: 13px !important;
      }
      .footer-2 .line{
        width: 2px !important;
      }
      .footer-2 .social {
        margin-left: 0px !important;
    }

/*----------------------------------------------------------------------- ABOUT US PAGE CSS ------------------------------------------------------------------------------- */

      .about-content h1{
        font-size: 30px;
      }      
      .about-content p{
        font-size: 15px;
      }

      .about-mv{
        padding: 5% !important;
      }
      .mission {
        padding: 2% !important;
        margin: 0% !important;
      }
      .mission img{
        margin-top: 20px;
        width: 60px;
        height: 60px;
      }
      .mission h2{
        text-align: center;
        margin-top: 15px;
      }
      .mission p{
        text-align: center;
      }

      .vision {
        padding: 2% !important;
        margin: 0% !important;
      }
      .vision img{
        margin-top: 20px;
        width: 60px;
        height: 60px;
      }
      .vision h2{
        text-align: center;
        margin-top: 15px;
      }
      .vision p{
        text-align: center;
      }
      .about-greysell .greysell-content{
        margin: 0% !important;
      }
      .about-greysell .greysell-img{
        margin: 0% !important;
      }
      .about-greysell p{
        font-size: 15px;
      }
      .cta-about h2{
        font-size: 30px;
        color: #000;
      }
      .cta-about p{
        font-size: 18px;
        color: #000;
      }
      .cta-container{
        padding: 0% !important;
      }
      .item .box{
        background-size: contain !important;
        background-position: center !important;
        height: 350px !important;
        width: 100% !important;
        margin-bottom: 50px !important;
      }
      .item{
        margin-top: -40px !important;
        margin-bottom: 0px !important;
      }
      .item:hover .cover{
        height: 100%;
        margin-top: 0px;
      }
      .item .cover {
        position: absolute;
        top: 0;
        left: 42px;
        width: 80%;
        height: 100%;
        background-color: rgba(31, 148, 255, 0.75);
        transition: opacity 0.15s ease-in;
        opacity: 0;
        padding-top: 80px;
        color: #fff;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
    }
/* --------------------------------------------------------------------------- SERVICE PAGE CSS-----------------------------------------------------------------------------*/
      .brand-head{
         padding-top: 5rem !important;
      }
      .brandIdentity-header .brand-head{
        padding-top: 5% !important;
        padding-left: 0% !important;
      }
      .brandIdentity-header .breadcrumb{
        font-size: 12px;
      }
      .brand-services {
        margin-top: 30px !important;
      }
      .brand-services h4{
        margin-left: 0% !important;
      } 
      .brandIdentity-tags img{
        width: 40px !important;
      }
      .brandIdentity-tags span{
        font-size: 15px !important;
      }
      .brandIdentity.carousel-inner{
        padding: 0%!important;
      }
      .carousel-inner{
        padding: 0em !important;
      }
      .brandIdentity-top p{
        font-size: 15px !important;
      }
      .cta-services{
        padding: 3rem 1rem !important;
      }
      .cta-services p{
        font-size: 15px !important;
      }
      .testimonial-services{
        padding: 3rem !important;
      }
      .testimonial-services h3{
        font-size: 18px !important;
      }
      .testimonial-services h4{
        font-size: 17px !important;
      }
      .testimonial-services p{
        font-size: 15px !important;
      }
      .faq{
        padding: 1rem !important;
      }
      .faq-questions a{
        width: 100% !important;
      }
      .faq-questions .card{
        width: 100% !important;
      }
      .wrapper .static-txt{
        margin-left: 0px;
      }
/* --------------------------------------------------------------------------------- BLOGS -------------------------------------------------------------------------------- */
      .post{
        padding: 0% !important;
      }
      .post .featured-post{
        padding: 0% !important;
      }
      .post .featured-post #post-h2{
        margin-left: 35px !important;
      }
      .category{
        padding: 0px 30px !important;
      }
      .latest-blog{
        padding: 0%;
      }
      .latest-blog .container{
        padding: 0%;
      }
      .latest-blog h2{
        margin-left: 20px !important;
      }
      .latest-blog p{
        margin-left: 20px !important;
      }
     

/* -------------------------------------------------------------------------- CONTACT DETAILS-------------------------------------------------------------------------------*/
    .contact-details{
      display: flex;
      flex-direction: column;
      row-gap: 20px;
    }
    .portfolio-row{
      padding-left: 0% !important;
      padding-right: 0% !important;
    }
    .portfolio-col{
      padding-left: 0% !important;
      padding-right: 0% !important;
    }
    #iframe{
      height: 400px !important;
    }
    .portfolio-tag{
      font-size: 12px !important;
    }
    .contact-head{
      padding-top: 8% !important;
    }
    .clients h2{
      font-size: 30px !important;
    }

/* -------------------------------------------------------------------------- Industries -------------------------------------------------------------------------------*/
    .industry-tag{
      font-size: 50px !important;
    }
/*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
    .location-services{
      width: 100% !important;
    }
/*------------------------------------------------------------------------ 404 Pages ------------------------------------------------------------------------------*/
    .error-page{
      padding: 0% !important;
      padding-top: 110px !important;
    }
/*---------------------------------------------------------------------------- Form  ------------------------------------------------------------------------------*/
    .service-form #labelCheckbox{
      font-size: 14px !important;
    }

    .service-form #verifyCheckbox{
      margin-top: -2px !important;
    }
}

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

  .content-start{
    margin-top: 90px !important;
  }
/* ----------------------------------------------------------------------- INDEX PAGE CSS --------------------------------------------------------------------------------- */

        #logo{
          width: 160px !important;
          height: 60px !important;
          margin-left: 0% !important
        }
        .hero-section {
          height: 45vh;
          background-position: center;
          background-size: cover;
        }
        .buttons{
          flex-direction: column;
          margin-top: 15px !important;
        }
        .buttons span{
          font-size: 12px !important;
        }
        .content {
          padding-bottom: 10px;
          padding-top: 40px;
        }
        .content h1{
          font-size: 20px;
        }
        .content h5{
          font-size: 15px !important;
          line-height: 20px !important;
        }
        .start-btn{
          padding: 5px 27px !important;
          background-color: #ff4d00;
          color: #fff;
        }
    
        .portfolio-btn{
          padding: 5px !important;
          background-color: #ff4d00;
          color: #fff;
        }
        .services h2{
          font-size: 22px !important;
        }
        .touch-btn {
          display: none;
        }
        .services .service-cards {
          gap: 10px;
          padding: 3% 0% 10% 0% !important;
        }

        .services .service-cards img{
          width: 50px !important;
        }
        .services .service-cards h4{
          font-size: 17px !important;
        }
        .services .service-cards p{
          font-size: 12px !important;
        }
        .services .service-cards .service-btn{
          padding: 5px !important;
        }
        .services .service-cards span{
          font-size: 12px !important;
        }
        .exp-service{
          padding: 0% 0% 0% 0% !important;
        }
        .services .explore-btn{
          padding: 10px;
          background-color: #ff4d00;
          color: #fff;
          border-radius: 8px;
        }

        .services span{
          font-size: 14px !important;
        }

        .count-cont{
          padding: 20px 0 0 0 !important;
        }
        .counter h2{
          font-size: 25px !important;
        } 
    
        .counter h5{
          font-size: 13px !important;
          line-height: 18px !important;
        }
    
        .counter .count-text span{
          font-size: 29px !important;
        }
  
        .filter{
          padding: 0rem 2rem 0rem 2rem !important;
        }
  
        .portfolio-section{
          padding : 1rem !important;
        }
    
        .portfolio-section h3{
          font-size: 20px !important;
        }
    
        .portfolio-section .item-link{
          padding: 6px 10px;
        }
        .portfolio-section .portfolio-img .portfolio-cover {
          position: absolute;
          top: 0px !important;
          height: 100% !important;
      }
    
        .portfolio-section .portfolio-img .portfolio-box{
          height: 200px !important;
          background-position: center;
          background-size: contain;
        }
     
        .portfolio-section .portfolio-name {
          margin-top: 0px !important;
        }
        .portfolio-section .portfolio-img {
          margin-top: 0px !important;
          height: 215px !important;
        }
  
        .team-section{
          padding-top: 0% !important;
        }
  
        .team-section h1 {
          font-size: 40px;
        }
  
        .item .box {
          background-size: contain !important;
          background-position: center !important;
          height: 300px !important;
          width: 100% !important;
          margin-top: 40px !important;
        }
  
        .testimonial-section{
          padding-left: 0.5% !important;
          padding-right: 0.5% !important;
          padding-top: 0% !important;
          padding-bottom: 0% !important;
        }
        .testimonial-section h1 {
          font-size: 25px !important;
        }
        
        .testimonial-img {
          width : 80px !important;
        }
    
        .testimonial-section h2{
          font-size: 18px;
        }
    
        .testimonial-section h4{
          font-size: 15px;
        }
    
        .testimonial-section p{
          font-size: 15px !important;
          padding: 5px !important;
        }
        /* .carousel-dark .carousel-control-prev-icon, .carousel-control-next-icon {
          display: none;
        } */
  
        .cta-index h2{
          font-size: 20px !important;
          color: #000;
        }
        .cta-index p{
          font-size: 12px !important;
          color: #000;
        }
        .cta-container{
          padding: 0% !important;
        }
  
  
/* ----------------------------------------------------------------------- FOOTER PAGE CSS -------------------------------------------------------------------------------- */
        .footer-2 img {
          width: 130px !important;
          height: 49px !important;
        }
  
        .footer-2 p {
          font-size: 15px !important;
        }
        .footer-2 h2 {
          font-size: 22px !important;
        }
        .footer-2 a{
          font-size: 15px !important;
        }
        .footer-2 .footer-pad{
          padding: 30px 0% !important
        }
  
        .footer2-services{
          text-align: left !important;
          padding-left: 3% !important;
        }
        .footer-cont{
          margin-left: 10px !important; 
          margin-right: 0px !important;
          overflow-x: hidden; 
        }
        .footer-2 .line{
          width: 2px !important;
        }
        .footer-2 .social {
          margin-left: 0px !important;
      }
/*----------------------------------------------------------------------- ABOUT US PAGE CSS ------------------------------------------------------------------------------- */
  
        .about-content h1{
          font-size: 20px !important;
        }      
        .about-content p{
          font-size: 15px !important;
        }
        .about-content #about-learn{
          padding: 5px 10px;
          font-size: 12px;
        }
        .about-mv{
          padding: 0.5% !important;
        }
        .mission {
          padding: 2% !important;
          margin: 0% !important;
        }
        .mission img{
          margin-top: 20px;
          width: 70px !important;
        }
        .mission h2{
          text-align: center;
          margin-top: 15px;
          font-size: 17px;
        }

        .mission p{
          text-align: center;
          font-size: 15px;
        }
  
        .vision {
          padding: 2% !important;
          margin: 0% !important;
        }
        .vision img{
          margin-top: 20px;
          width: 70px !important;
        }
        .vision h2{
          text-align: center;
          margin-top: 15px;
          font-size: 17px;
        }
        .vision p{
          text-align: center;
          font-size: 15px;
        }
        .about-greysell .greysell-content{
          margin: 0% !important;
        }
        .about-greysell .greysell-img{
          margin: 0% !important;
        }
        .about-greysell h2{
          font-size: 20px !important;
          margin-top: 10px;
        }
        .about-greysell p{
          font-size: 15px !important; 
        }

        .team-section h1{
          font-size: 25px !important;
        }
        .item{
          margin-top: -80px !important;
          margin-bottom: 0px !important;
        }
        .item:hover .cover{
          height: 76%;
          margin-top: 42px;
        }
        .cta-about h2{
          font-size: 20px !important;
          color: #000;
        }
        .cta-about p{
          font-size: 15px !important;
          color: #000;
        }
        .cta-container{
          padding: 0% !important;
        }
  
/* --------------------------------------------------------------------------- SERVICE PAGE CSS--------------------------------------------------------------------------- */
        
        .brandIdentity-header{
          padding: 0% !important;
        }
        .brandIdentity-header .brand-head{
          padding-top: 10% !important;
          padding-left: 5% !important;
        }
        /* .brandIdentity-header .breadcrumb{
          display: none;
        } */
        .brandIdentity-top p{
          font-size: 15px !important;
        }
        .brand-services {
          margin-top: 30px !important;
        }
        .brand-services h4{
          margin-left: 0% !important;
        }
        .brandIdentity-tags img{
          width: 35px !important;
        }
        .brandIdentity-tags span{
          font-size: 14px !important;
        }
        .cta-services{
          padding: 3rem 1rem !important;
        }
        .cta-services p{
          font-size: 15px !important;
        }
        .testimonial-services{
          padding: 3rem !important;
        }
        .testimonial-services h3{
          font-size: 18px !important;
        }
        .testimonial-services h4{
          font-size: 17px !important;
        }
        .testimonial-services p{
          font-size: 15px !important;
        }
        .faq{
          padding: 1rem !important;
        }
        .faq-questions a{
          width: 100% !important;
        }
        .faq-questions .card{
        width: 100% !important;
        }
        .wrapper .static-txt{
          margin-left: 0px;
        }
/* --------------------------------------------------------------------------------- BLOGS -------------------------------------------------------------------------------- */
      .post{
        padding: 0% !important;
      }
      .post .featured-post{
        padding: 0% !important;
      }
      .post .featured-post #post-h2{
        margin-left: 35px !important;
      }
      .category{
        padding: 0px 30px !important;
      }
      .latest-blog{
        padding: 0%;
      }
      .latest-blog .container{
        padding: 0%;
      }
      .latest-blog h3{
        margin-left: 20px !important;
      }
      .latest-blog p{
        margin-left: 20px !important;
      }
/* -------------------------------------------------------------------------- CONTACT DETAILS-------------------------------------------------------------------------------*/
      .contact-details{
        display: flex;
        flex-direction: column;
        row-gap: 20px;
      }
      .portfolio-row{
        padding-left: 0% !important;
        padding-right: 0% !important;
      }
      .portfolio-col{
        padding-left: 0% !important;
        padding-right: 0% !important;
      }
      #iframe{
        height: 350px !important;
      }
      .portfolio-tag{
        font-size: 12px !important;
      }
      .contact-head{
        padding-top: 12% !important;
      }
      .clients h2{
        font-size: 30px !important;
      }
/* -------------------------------------------------------------------------- Industries -------------------------------------------------------------------------------*/
      .industry-tag{
        font-size: 40px !important;
      }
/*------------------------------------------------------------------------ Location Pages ------------------------------------------------------------------------------*/
      .location-services{
        width: 100% !important;
      }
/*------------------------------------------------------------------------ 404 Pages ------------------------------------------------------------------------------*/
      .error-page{
        padding: 0% !important;
        padding-top: 90px !important;
      }

/*---------------------------------------------------------------------------- Form  ------------------------------------------------------------------------------*/
      .service-form #labelCheckbox{
        font-size: 14px !important;
      }

      .service-form #verifyCheckbox{
        margin-top: -2px !important;
      }
}