/*********************************
*         SERVICES HERO
*********************************/
.services-hero {
  background-color: #2D4176;
  height: 540px;
  padding: 380px 0px 0px;
}
.services-hero .container {
  max-width: 100vw;
  width: 76%;
}
.services-hero p {
  text-align: left;
  letter-spacing: 0px;
  color: #F8F8F8;
  opacity: 1;
}
/*********************************
*      END OF SERVICES HERO
*********************************/
/*********************************
*     SERVICES TESTIMONIALS
*********************************/
.services-page .dripicons-article {
  font-size: 50px;
}
.section.services-page, .services-testimonials {
  background-color: #fff;
}
.services-page h2 {
  font-size: 35px;
  color: #1C2C58;
  line-height: 1.3em;
}
.services-page h3{
  font-size: 26px;
}
.services-page h4 {
  font-size: 14px;
  color: #8A171B;
}
.services-page li{
  font-size: 18px;
}
.services-page .shadow {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15) !important;
}
.services-head{
  position: relative;
}
.services-price {
  font-size: 25px;
  width: 55%;
  height: 58px;
  color: #2D4176;
}
.services-order {
  width: 45%;
  background-color: #8F2226;
  color: #fff;
}
.services-page .dripicons-article, .services-page-price {
  color: #2D4176;
}
.services-carousel {
  width: 50%;
}
/*********************************
*  END OF SERVICES TESTIMONIALS
*********************************/
/***********************
*    MEDIA QUERIES
***********************/
@media screen and (min-width:1399px) {
  .services-carousel {
    height: 800px;
  }
}
@media screen and (max-width:1199px) {
    .services-hero .container {
      max-width: 1920px;
      width: 92%;
    }
    .page-title-left h1 {
      font-size: 4.2vw;
    }
  }
@media screen and (min-width:992px) {
  .services-page .services-border {
    position: relative;
    border: 5px solid transparent;
  }
  .services-page .services-border:hover {
    border: 5px solid #8F2226;
    transition: 0.2s;
  }
}
@media screen and (max-width:991px) {

}
@media screen and (max-width:767px) {
  .nto-left-col, .nto-right-col {
    padding-top: 65px;
  }
}
@media screen and (max-width:575px) {
  .services-page h2 {
    font-size: 5vw;
  }
    .services-page h3 {
    font-size: 5vw;
  }
}
/***********************
* END OF MEDIA QUERIES
***********************/
