

.mightytek-service-box  .mightytek-service-meta ul{
    margin: 0;
    
  }
  .mightytek-service-details{
    padding-top: 30px;
  }
  .mightytek-service-box  .mightytek-service-meta ul li span.mightytek-user{
    letter-spacing: var(--letter-spacing);
    text-transform: uppercase;
    font-size: var(--font-size-normal);
    font-family: var(--global-font-family);
    font-weight: var(--font-weight-regular);
    color: var(--color-theme-orange);
  }
  .mightytek-service-image{
    position: relative;
    overflow: hidden;
    padding: 10px 10px 0;
    display: inline-block;
    width: 100%;
  }
  .mightytek-service-box-style-1 .mightytek-service-details{
    padding: 25px;
    position: relative;
    background: var(--color-theme-white);
  }
  .mightytek-service-box-style-1{
    box-shadow: 10px 10px 50px rgb(0 0 0 / 5%);
    position: relative;
    background: var(--color-theme-white);
  }
  .mightytek-service-box-style-1 .mightytek-service-image img{
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  }
  
  .mightytek-service-image:before{
    content: "";
    background:var(--color-theme-secondary);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    opacity: 0;
  }
  .mightytek-service-box:hover  .mightytek-service-image:before{
    top: -10px;
    left: 10px;
    opacity: 1;
  }
  .mightytek-service-box-style-1 .mightytek-service-inner-image{
      position: absolute;
      width: 80px;
      height: 80px;
      text-align: center;
      right: 30px;
      top: -65px;
      padding: 15px;
      background:var(--color-theme-white);
      border-bottom: 2px solid var(--color-theme-secondary);
      display: none; 
  }
  
  .mightytek-service-box-style-2{
    padding: 60px;
    position: relative;
    overflow: hidden;
    background-color: var(--color-theme-primary-light);
    transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; 
  }
  .mightytek-service-box-style-2 .mightytek-service-details{
    padding: 0;
  }
  .mightytek-service-box-style-2 .mightytek-service-image .mightytek-img-box{
    display: inline-block;
      width: 80px;
      height: 80px;
      line-height: 80px;
      text-align: center;
      background:var(--color-theme-white);
      z-index: 1;
      position: relative;
  }
  .mightytek-service-box-style-2 .mightytek-service-image{
    overflow: visible;
  }
  .mightytek-service-box-style-2 .mightytek-service-image:before{
     z-index: 0;
  }
  .mightytek-service-box-style-2 .mightytek-service-image{
    margin: 0px 0 40px;
    width: 80px;
    display: inline-block;
  }
  .mightytek-service-box.mightytek-service-box-style-2 .mightytek-service-details .blog-title .mightytek-heading-title:hover{
    color: var(--color-theme-white);
  }
  .mightytek-service-box-style-2:before{
    content: "";
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
  }
  .mightytek-service-box-style-2:hover:before{
    opacity: 1;
  }
  .mightytek-service-box-style-2:hover 
  .mightytek-service-box-style-2 > img{
    position: absolute;
    top: 0;
    
    left: 0;
    right: 0;
    width: 100%;
    z-index: 0;
    opacity: 0;
  } 
  .mightytek-service-box-style-2 .service-box-content{
    position: relative;
    z-index: 1;
  }
  .mightytek-service-box-style-2:hover > img{
    opacity: 1;
  }
  .mightytek-service-box-style-2:hover .mightytek-service-meta ul li span.mightytek-user{
   color: var(--color-theme-orange);
  }
  .mightytek-service-box-style-2 .mightytek-servicemain p{
    transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; 
  }
  .mightytek-service-box-style-2:hover .mightytek-heading-title ,.mightytek-service-box-style-2:hover .mightytek-servicemain p,.mightytek-service-box-style-2:hover .mightytek-button.mightytek-blog-link span.text-btn ,.mightytek-service-box-style-2:hover .mightytek-button.mightytek-blog-link{
    color: var(--color-theme-white);
  }
  .mightytek-service-box .mightytek-service-details .blog-title .mightytek-heading-title:hover{
    color: var(--color-theme-primary);
  }
  .mightytek-service-box.center:hover .mightytek-service-image:before{
    left: -10px;
    top: -10px;
  }
  .mightytek-service-box.mightytek-service-box-style-2 .mightytek-service-image:before{
    left: -5px;
    top: -5px; 
    opacity: 1;
    display: none;
  }
  
  @media(max-width:480px){
    .mightytek-service-box-style-2
    {
      padding: 30px;
    }
  }
  
  .mightytek-service-box-style-1  .mightytek-servicemain p{
      margin-bottom: 0px;
  }
  .mightytek-service-box-style-1  .mightytek-btn-container{
    text-align: center;
    padding: 8px 15px 12px;
    border-top: 1px solid var(--border-color-lighter);
  }