/* home service */
#home-service {
    background: #fff;
    padding: 40px 3%;
    text-align: center;
  }
  #home-service p.title {
    color: #7141b1;
    font-size: 14px;
    font-weight: bold;
  }
  #home-service h2.heading {
    font-weight: 900;
    font-size: 36px;
    line-height: 1.3;
    margin: 5px 0 45px;
    font-family: "Montserrat", sans-serif;
  }
  .service-card {
    background: #fff;
    padding: 15px;
  }
  .service-card-box {
    border: 1px solid #e7e7e7;
    padding: 40px;
    text-align: center;
    position: relative;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
    background: url(../assets/images/home/bg-icon-box1.jpg);
    background-position: center center;
    background-size: cover;
    min-height: 275px;
  }
  .service-card:nth-of-type(2) .service-card-box {
    background: url(../assets/images/home/bg-icon-box2.jpg);
  }
  .service-card:nth-of-type(3) .service-card-box {
    background: url(../assets/images/home/bg-icon-box3.jpg);
  }
  .service-card:nth-of-type(4) .service-card-box {
    background: url(../assets/images/home/bg-icon-box4.jpg);
  }
  .service-card:nth-of-type(5) .service-card-box {
    background: url(../assets/images/home/bg-icon-box5.jpg);
  }
  .service-card:nth-of-type(6) .service-card-box {
    background: url(../assets/images/home/bg-icon-box6.jpg);
  }
  .service-card-box i {
    font-size: 40px;
    color: #7141b1;
    position: relative;
    z-index: 1;
    transition: 1s;
  }
  .service-card-box .service-name {
    margin: 30px 0 20px;
    font-size: 20px;
    line-height: 1.4;
    color: #1b1d21;
    font-weight: bold;
    font-family: "Montserrat", sans-serif;
    position: relative;
    z-index: 1;
    transition: 1s;
  }
  .service-card-box .service-description {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #6d6d6d;
    position: relative;
    z-index: 1;
    transition: 1s;
  }
  .service-card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #fff;
    transition: 0.4s;
    transition-delay: 0.1s;
    opacity: 1;
    user-select: none;
  }
  .service-card-box:hover{
    transition: 0.4s;
    box-shadow: 0 0 2px #CCC;
  }
  .service-card-box:hover i {
    color: #43baff;
  }
  .service-card-box:hover .service-name {
    color: #fff;
  }
  .service-card-box:hover .service-description {
    color: #fff;
  }
  .service-card-box:hover .service-card-bg {
    left: 100%;
    opacity: 0.6;
  }
  /* end home service */

  /* service-contact */
  #service-contact{
    padding: 80px 0;
    color: #FFF;
    background: url(../assets/images/service/bg-cta-home2.jpg) no-repeat;
    background-position:  center center;
    background-size: cover;
  }
  #service-contact h3{
    font-weight: 900;
    font-size: 24px;
  }
  #service-contact h1{
    font-weight: 900;
    margin: 40px 0;
    font-size: 60px;
  }
  button.apply-btn {
    cursor: pointer;
    background: #43baff;
    padding: 14px 30px;
    font-size: 16px;
    margin: 0;
    border-radius: 0;
  }
  /* end service-contact */


  /* mobi */
  @media all and (max-width: 1024px) {
    .service-card-box {
      padding: 25px;
    }
    .slick-prev {
      left: 0px;
    }
  
    .slick-next {
      right: 0px;
    }
  }

  @media all and (max-width: 768px){
    #service-contact{
      padding: 40px 3%;
      text-align: center;
    }
    #service-contact h1{
      margin: 25px 0;
      font-size: 40px;
    }
  }
  @media all and (max-width: 576px){
    .side-banner-text{
      width: 100%;
      text-align: center;
    }
    .side-banner-link{
      width: 100%;
      text-align: center;
      margin: 20px 0 0;
    }
  }
  @media all and (max-width: 375px){
    #service-contact h1{
      margin: 25px 0;
      font-size: 30px;
    }
  }
  /* end mobi */