body {
    font-family: 'Quicksand', sans-serif !important;
    overflow: overlay;
    overflow-x: hidden;
}
*{
    font-family: 'Quicksand', sans-serif;
}
.owl-nav{
  display: none;
}
.hero-slider .owl-nav .owl-prev span, .hero-slider .owl-nav .owl-next span {
  color: #fff;
  font-size: 30px;
}
.content {
  background-color: #fff; }

h2 {
  font-size: 20px; }

/* 10 */
@keyframes mymove {
  100% {transform: rotate(20deg);}
}
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: initial;
  position: relative; }
  .site-blocks-cover.overlay {
    position: relative; }
    .site-blocks-cover.overlay:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.2); }
  .site-blocks-cover, .site-blocks-cover > .container > .row {
    min-height: 600px;
    height: calc(100vh); }
  .site-blocks-cover h1 {
    font-size: 6rem;
    font-weight: 900;
    line-height: 1; }
    @media (max-width: 991.98px) {
      .site-blocks-cover h1 {
        font-size: 4rem; } }
  .site-blocks-cover .sub-text {
    font-size: 1.4rem;
    color: gray;
    font-weight: 300; }
    @media (max-width: 991.98px) {
      .site-blocks-cover .sub-text {
        color: #000; } }
  .site-blocks-cover .img-wrap {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 2;
    right: 0%;
    min-height: 600px;
    overflow: hidden;
   }
    @media (max-width: 991.98px) {
      .site-blocks-cover .img-wrap {
        width: 100%;
        right: 0%;
        top: 0; }
        .site-blocks-cover .img-wrap .hero-slider:before {
          position: absolute;
          content: "";
          background: #fff0;
          opacity: .5;
          z-index: 2;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0; } }
    .site-blocks-cover .img-wrap .slide {
      height: 100vh;
      position: relative; }
      .site-blocks-cover .img-wrap .slide .b-img {
        height: 80%;
        width: 80%;
        max-width: 550px;
        -o-object-fit: cover;
        object-fit: cover; 
        margin-top: 18%;
      }
  .site-blocks-cover .intro {
    z-index: 3;
    position: relative; 
    /* height: 100%; */
  }
    .site-blocks-cover .intro .heading {
      margin-left: -100px; }
      @media (max-width: 991.98px) {
        .site-blocks-cover .intro .heading {
          margin-left: 0; } }
    .site-blocks-cover .intro .text {
      padding-left: 50px; }
      @media (max-width: 991.98px) {
        .site-blocks-cover .intro .text {
          padding-left: 0; } }

.site-menu-toggle .menu-text {
  position: relative;
  top: -6px;
  text-transform: uppercase; }

.hero-slider .owl-nav {
  position: absolute;
  bottom: 120px;
  right: 50px;
  z-index: 100; }
  .hero-slider .owl-nav .owl-prev, .hero-slider .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    background: #007bff;
    color: #fff;
    margin-bottom: 10px;
    font-size: 1.3rem; }
    .hero-slider .owl-nav .owl-prev span, .hero-slider .owl-nav .owl-next span {
      color: #fff;
      font-size: 30px; }
    .hero-slider .owl-nav .owl-prev:active, .hero-slider .owl-nav .owl-prev:focus, .hero-slider .owl-nav .owl-next:active, .hero-slider .owl-nav .owl-next:focus {
      outline: none; }

.btn-pill {
  border-radius: 30px;
  padding: 15px 30px;
  border-color: #fff;
  color: #fff; }
  .btn-pill:hover {
    background: #fff;
    border-color: #fff;
    color: #000; }
    @media (max-width: 1024px) {
      .site-blocks-cover .img-wrap .slide .b-img{
        height: 70% !important;
    width: 70% !important;
    max-width: 400px !important;
    left: 3%;
    top: 20%;
    }
    }
    @media (max-width: 767px) {
      .banner-row{
        height: auto !important;
        min-height: auto !important;
      }
      .site-blocks-cover .img-wrap .slide .b-img{
        height: 50% !important;
    width: 60% !important;
    max-width: 250px !important;
    left: 1%;
    margin-top: 0% !important;
    }
    }