/* =======================================
    INTRO-START
  ======================================== */

.home-logo {
  height: 50px;
  width: auto;
}

/* .intro-heading {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 12px;
} */

/* .intro > p {
  margin-bottom: 20px;
  font-weight: 300;
  font-size: .8rem;
} */

/* .intro-heading > span {
  color: #FF6633;
} */

.rtl-btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.rtl-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 100%;
  width: 100%;
  height: 100%;
  transition: all 300ms ease;
  background-color: #777;
  z-index: 1;
}

.rtl-btn:hover::after {
  left: 0;
}

.ltr-btn {
  position: relative;
  overflow: hidden;
  display: inline-block;
  cursor: pointer;
}

.ltr-btn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  transition: width 300ms ease;
  background-color: #777;
  z-index: 1;
}

.ltr-btn:hover::after {
  width: 100%;
}

/* =======================================
    INTRO-END
  ======================================== */

/* =======================================
    PARALLAX-SECTION-START
  ======================================== */

.parallax-bg {
  width: 100%;
  height: auto;
  object-fit: cover;
  transition: all 300ms ease;
}

.parallax-container {
  overflow: hidden;
}

/* =======================================
    PARALLAX-SECTION-END
  ======================================== */

/* =======================================
    VIDEO-SECTION-START
  ======================================== */

.video-section {
  position: relative;
  height: 80vh;
}

.services-video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-overlay {
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.video-overlay > .center-div {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
}


/* =======================================
    VIDEO-SECTION-END
  ======================================== */

.counter-item {
  color: #555;
}

@media (min-width: 0px) {
  .counter-item {
    padding: 0;
  }
}

@media (min-width: 768px) {
  .counter-item {
    padding: 20px 0;
  }
}

.counter-item > p:first-child {
  font-size: 42px;
}

.counter-item > p:last-child {
  font-size: .7rem;
  color: #444;
}