/*--------------------- ----------
	:: best-service
-------------------------------*/
.best-service {
      background: url(../images/home-service/service-temp-bg.png);
      background-position: bottom;
      background-repeat: no-repeat;
  }
  
  .best-service a.btn.main-btn {
      position: absolute;
      margin-top: -35px;
      color: #000;
      background: var(--main-color);
      right: 0;
      min-width: 100px;
      display: block;
      font-size: 14px;
      text-align: center;
      min-height: 36px;
  }
  
  .best-service figure {
      background-color: #fff;
      box-shadow: 0 0 19px #ccc;
      transition: all .5s;
  }
  
  .best-service .blog-post {
      background-color: transparent;
      box-shadow: none;
  }
  
  .best-service .mask {
      background-color: rgba(0, 0, 0, 0.6);
      opacity: 0;
      -webkit-transform: translate(460px, -100px) rotate(180deg);
      -moz-transform: translate(460px, -100px) rotate(180deg);
      -o-transform: translate(460px, -100px) rotate(180deg);
      -ms-transform: translate(460px, -100px) rotate(180deg);
      transform: translate(460px, -100px) rotate(180deg);
      -webkit-transition: all 0.2s 0.4s ease-in-out;
      -moz-transition: all 0.2s 0.4s ease-in-out;
      -o-transition: all 0.2s 0.4s ease-in-out;
      -ms-transition: all 0.2s 0.4s ease-in-out;
      transition: all 0.2s 0.4s ease-in-out;
      width: 100%;
      height: 100%;
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
  }
  
  .best-service .post-img {
      overflow: hidden;
      position: relative;
  }
  
  .best-service .img-fluid {
      width: 100%;
      -webkit-transition: all 0.2s ease-in;
      -moz-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
  }
  
  .best-service .blog-post:hover .mask {
      opacity: 1;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -o-transition-delay: 0s;
      -ms-transition-delay: 0s;
      transition-delay: 0s;
      -webkit-transform: translate(0px, 0px);
      -moz-transform: translate(0px, 0px);
      -o-transform: translate(0px, 0px);
      -ms-transform: translate(0px, 0px);
      transform: translate(0px, 0px);
  }
  
  .best-service .blog-post:hover a.btn.main-btn {
      background-color: var(--h-color);
      color: #fff;
  }
  
  .best-service figure {
      margin-bottom: 0;
  }
  
  .best-service .sp-40{
      margin-bottom: 40px;
  }
  
  .best-service h4:after {
      content: '';
      display: block;
      width: 50px;
      border: 1px solid #000;
      position: relative;
      left: 0;
      top: 10px;
      margin: 5px 0 0 0;
  }
  
  .best-service p {
      color: #747070;
      line-height: 28px;
      padding-top: 20px;
      margin-bottom: 0;
  }
  
  /*--------------------- ----------
        Service-provide
  -------------------------------*/
  .service-provide {
      background: url(../images/all-img/best-ser-bg.png);
      background-position: top;
      background-repeat: no-repeat;
  }
  
  .service-provide .service-desc {
      box-shadow: none;
      border: 1px solid #ccc;
      background-color: #f7fcff;
  }
  
  .service-provide .service-desc h3:after {
      content: none;
  }
  
  .service-provide .service-desc:hover {
      background-color: var(--main-color);
      transition: all ease 0.6s;
      box-shadow: 0 0 15px rgba(0, 0, 0, .25);
  }
  
  /*--------------------- ----------
        Service-features
  -------------------------------*/
  .compny-features {
      background: url(../images/home-service/features-bg.png);
      background-position: top;
      background-repeat: no-repeat;
  }
  
  .compny-features .card-header {
      padding-left: 0;
  }
  
  .compny-features .card-header {
      border-bottom: 0;
  }
  
  .compny-features .card-header a.collapsed {
      padding: 10px;
  }
  
  .compny-features .card-body p {
      font-family: 'Open Sans', sans-serif;
  }
  
  .compny-features .card-body {
      padding: 20px 30px;
  }
  
  .compny-features .card-header a.collapsed, .compny-features .card-header a {
      border-radius: 0;
  }
  
  .compny-features .card-header a {
      background-color: var(--h-color);
      color: #fff;
  }
  
  .compny-features .card-header a.collapsed {
      background-color: #fff;
      color: #000;
      border: 1px solid #ccc;
  }
  
  .who-data .swiper-btn-center .swiper-button-white, .who-data .swiper-btn-center .swiper-button-white {
      position: relative;
      background-color: var(--h-color);
      background-size: 30% !important;
      height: 45px;
      width: 45px;
  }
  
  .who-data .swiper-button-prev.swiper-button-white {
      float: right;
      top: 40px;
      margin-right: 11%;
  }
  
  .who-data .swiper-button-next.swiper-button-white {
      float: right;
      top: 40px;
      margin-right: -17%;
  }
  
  .who-data iframe {
      width: 100%;
      height: 400px;
  }
  
  .who-data .swiper-container.ser-feature.swiper-container-horizontal {
      padding-bottom: 40px;
  }
  
  /*--------------------- ----------
        Service-gallery
  -------------------------------*/
  .service-gallery img {
      display: block;
      position: relative;
  }
  
  .service-gallery .gallery-info {
      width: 20%;
      padding: 5px;
  }
  
  .service-gallery .view {
      float: left;
      overflow: hidden;
      position: relative;
      text-align: center;
      /* -moz-box-shadow: 1px 1px 2px #e6e6e6; */
      cursor: default;
  }
  
  .service-gallery .view-first img {
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
  }
  
  .service-gallery .view img {
      display: block;
      position: relative;
  }
  
  .service-gallery .view-first .mask {
      opacity: 0;
      background-color: rgba(35, 35, 34, 0.7);
      -webkit-transition: all 0.4s ease-in-out;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -ms-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
  }
  
  .service-gallery .view .mask, .service-gallery .view .content {
      bottom: 0;
      position: absolute;
      overflow: hidden;
      top: 0;
      right: 0;
      left: 0;
      padding: 25px 10px;
  }
  
  .service-gallery .view-first h3 {
      -webkit-transform: translateY(-100px);
      -moz-transform: translateY(-100px);
      -o-transform: translateY(-100px);
      -ms-transform: translateY(-100px);
      transform: translateY(-100px);
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
  }
  
  .service-gallery .view h3 {
      color: #fff;
      text-align: center;
      position: relative;
      font-size: 20px;
      padding: 10px;
      margin: 50px 0 0 0;
  }
  
  .service-gallery .view-first p {
      -webkit-transform: translateY(100px);
      -moz-transform: translateY(100px);
      -o-transform: translateY(100px);
      -ms-transform: translateY(100px);
      transform: translateY(100px);
      opacity: 0;
      -webkit-transition: all 0.2s linear;
      -moz-transition: all 0.2s linear;
      -o-transition: all 0.2s linear;
      -ms-transition: all 0.2s linear;
      transition: all 0.2s linear;
  }
  
  .service-gallery .view p {
      position: relative;
      color: #fff;
      padding: 10px 20px 20px;
      text-align: center;
  }
  
  .service-gallery .view-first a.info {
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      display: inline-block;
      text-decoration: none;
      padding: 7px 14px;
      background: var(--main-color);
      color: #000;
      border-radius: 8px;
  }
  
  .service-gallery .view-first:hover .mask {
      opacity: 1;
  }
  
  .service-gallery .view-first:hover h3, .service-gallery .view-first:hover p, .service-gallery .view-first:hover a.info {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
  }
  
  .service-gallery .view-first:hover p {
      -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
      -o-transition-delay: 0.1s;
      -ms-transition-delay: 0.1s;
      transition-delay: 0.1s;
  }
  
  .service-gallery .view-first:hover h3, .service-gallery .view-first:hover p, .service-gallery .view-first:hover a.info {
      opacity: 1;
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -o-transform: translateY(0px);
      -ms-transform: translateY(0px);
      transform: translateY(0px);
  }
  
  .service-gallery .view-first:hover a.info {
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      -o-transition-delay: 0.2s;
      -ms-transition-delay: 0.2s;
      transition-delay: 0.2s;
  }
  
  /*--------------------- ----------
        Service-details
  -------------------------------*/
  .service-details {
      background: url(../images/home-service/details-bg.png);
      background-position: bottom;
      background-repeat: no-repeat;
  }
  
  .service-details li {
      list-style-type: none;
  }
  
  .service-details .icon {
      color: #008000;
      padding-right: 20px;
  }
  
  .service-details ul.list {
      padding: 0;
  }