/*
  ////////////////////////////
     Home banner
  ////////////////////////////
*/

#home-banner {
  height: calc(100vh - 200px);
}

.home-slide.shade:before {
  content: '';
  width: 100%;
  height: 100%;
  background: #00000070;
  z-index: 1;
  position: absolute;
}

.deacero-home-slick .slick-list, .deacero-home-slick .slick-track, .deacero-home-slick .slick-slide, .slick-slide > div {
  height: 100% !important;
}
.deacero-home-slick .slick-slide {
  position: relative;
  margin: 0;
}
.deacero-home-slick-controls-container {
  margin-top: -130px;
  height: 70px;
  z-index: 3;
  position: relative;
}
.deacero-home-slick-btn {
  width: 50px;
  height: 50px;
}

.deacero-home-slick .slick-slide {
  /*padding-bottom: 140px;*/
}
ul.deacero-home-dots li > div {
  width: 30px;
  height: 2px;
  cursor: pointer;
  transition: 0.3s all;
}
ul.deacero-home-dots li.slick-active > div {
  background-color:var(--Orange600) !important;
}

.home-banner-video-slide video {
  transition: opacity 2s ease-in-out;
}

.home-banner-video-slide video.video-active {
  opacity: 1 !important;
  width: 100%;
  height: 100%;
  object-fit: cover !important;
}

/*
  ////////////////////////////
     Home banner 50%
  ////////////////////////////
*/



/*
  ////////////////////////////
      Navigation tabs
  ////////////////////////////
*/
#nav-tabs {
  background: var(--LinearGradient);
  padding: 30px 15px;
}

section#nav-tabs a {
  color: var(--White) !important;
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s all;
}

section#nav-tabs a:hover {
  color: var(--Orange600) !important;
}

section#nav-tabs a::after {
  content: "";
  border: 1px solid var(--White);
  height: 70px;
  display: flex;
  width: 1px;
  position: absolute;
  right: 0px;
  pointer-events: none;
  cursor: default;
}

section#nav-tabs a:last-child::after {
  content: none;
}


#antiFraudeModal .btn-close {
  filter: invert(1);
}
@media (max-width: 1399px) {
  .deacero-home-slick-controls-container {
    align-items: end;
  }
}
@media (max-width: 1024px) {
  .deacero-home-slick-controls-container {
    margin-top: -95px;
    height: 60px;
  }
  #nav-tabs {
    padding: 20px 15px;
  }
  .deacero-home-slick .slick-slide {
    padding-bottom:50px;
  }
  .deacero-home-slick-btn {
    width: 35px;
    height: 35px;
  }
}
@media (max-width: 991px) {
  .deacero-home-slick-controls-container {
    align-items: start;
  }
  section#nav-tabs a::after {
    display: none;
    width: 95%;
    bottom: 0px;
    height: 1px;
  }
  section#nav-tabs a:first-child::after, section#nav-tabs a:nth-child(2)::after {
      display: flex;
  }

  #home-banner {
    height: calc(100vh - 80px);
  }
  .slide-shade-50 {
    box-shadow: inset 640px 0px 100px 0px rgb(9 47 116 / 100%);
    background: none;
    width: 100% !important;
  }

  .home-slide-50 .bg-home-img {
    width: 100% !important;
  }
  i.deacero-quote:before {
    font-size: 70px;
  }
  .deacero-quote {
    left: -5%;
    top: -19%;
    opacity: 0.4;
  }
}

@media (max-width: 768px) {
  #home-banner {
    height: calc(100vh - 65px);
  }

  section#nav-tabs a {
    font-size: 16px;
  }
  .slide-shade-50 {
    box-shadow: inset 500px 0px 70px 0px rgb(9 47 116 / 65%);
  }

}

@media (max-width: 575px) {
  section#nav-tabs a::after  {
      display: flex;
  }

}