body {
  background: #fff !important;
}
#hero {
  margin-top: -103px;
  padding-top: 103px;
  background-image: url('../img/banner.jpg');
  background-size: cover;
  background-attachment: fixed;
  position: relative;
}
#hero .container {
  position: relative;
  z-index: 2;
}
#hero .overlay {
  background: #061827;
  position: absolute;
  z-index: 1;
  opacity: 0.8;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.officials {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  margin-bottom: 20vh;
}
#about-us .bg {
  background: url('../img/elevators.png');
  background-size: cover;
  background-position: center;
}
#navbar {
  z-index: 3;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  transition: all 0.3s;
}
#navbar .nav-link {
  font-weight: 700 !important;
  margin-right: 1.5em !important;
}
#logo {
  transition: all .3s;
}
@media (max-width:425px) {
  #logo {
    width: 60px;
  }
}
#arrow-down {
  padding: 30px;
  border-radius: 200px;
  /* position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%); */
  -webkit-animation-name: bounce; 
  animation-name: bounce; 
  -webkit-animation-duration: 1s;
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
  animation-iteration-count: infinite;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 
  40% {transform: translateY(-30px);} 
  60% {transform: translateY(-15px);} 
} 

.line-heading {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.line-heading::before {
  content: '';
  width: 2rem;
  height: 4px;
  margin: 0 0.75rem 0 0;
  background: #d2a764;
}

.swiper-slide {
  position: relative;
  padding-top: 35%;
  /* border-right: 1px solid #a4a0c22a; */
  cursor: pointer;
  backdrop-filter: blur(100px);
}

@media (max-width:425px) {
  .swiper-slide {
    height: 100vh;
  }
}

#services-desktop .swiper-slide h2 {
  text-align: center;
  transition: all ease 0.56s !important;
}

#services-desktop .swiper-slide:hover h2 {
  text-align: left;
  transition: all ease 0.56s !important;
}

#services-desktop .swiper-slide:hover .description {
  /* transition: all ease 0.6s !important; */
  position: relative;
  top: 0;
}

#services-desktop .description{
  transition: all ease 0.56s !important;
  position: absolute;
  top: 500;
}

@media (max-width:425px) {
  .description {
    position: relative !important;
    top: 0 !important;
  }
}

.swiper-slide:hover {
  backdrop-filter: blur(5px) !important;
}

.swiper-slide .overlay {
  transition: all ease 0.56s !important;
}

.swiper-slide:hover .overlay {
  opacity: 0.6;
  transition: all ease 0.56s !important;
}

.swiper-slide .services-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* text-align: center; */
  z-index: 2;
}

#projects .card-img-top {
  padding-top: 75%;
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center;
  position: relative;
  overflow: hidden;
  transition: all ease 0.56s !important;
  cursor: pointer;
}

#projects .card-img-top:hover {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  transition: all ease 0.56s !important;
}

#projects .overlay {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}

#projects .card-img-top:hover .overlay {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


._1 {
  background-image: url('../img/projects/1.jpg');
}
._2 {
  background-image: url('../img/projects/2.jpg');
}
._3 {
  background-image: url('../img/projects/3.jpg');
}

.swiper-slide {
  background-size: cover !important;
  background-position: center !important;
}
.passenger {
  background: url('../img/services/passenger.webp');
}
.freight {
  background: url('../img/services/freight.webp');
}
.home {
  background: url('../img/services/home.webp');
}
.maintenance {
  background: url('../img/services/maintenance.jpg');
}
.modernization {
  background: url('../img/services/modernization.webp');
}

.swiper-slide .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.8;
}

.swiper-button-prev,
.swiper-button-next {
  color: white !important;
}

.grid-item { width: 200px; }

#contact-us {
  background: url('../img/skyscraper.png');
  background-size: cover;
  background-position: bottom;
}

@media (max-width: 425px) {
  .contact-email {
    font-size: 1rem !important;
  }
}

.bg-about-us {
  height:20em;
  background-attachment:fixed;
  background-size: cover;
  background-position: center;
}
.mission {
  background-image: url('../img/about-us/image1.jpg');
}
.vision {
  background-image: url('../img/about-us/image2.jpg');
}
.values {
  background-image: url('../img/about-us/image4.jpg');
}
.approach {
  background-image: url('../img/about-us/image5.jpg');
}

._16by19 {
  padding-top: 56.25%;
  background-size: cover;
  background-position: center;
}

.project {
  cursor: pointer;
}