body {
  overflow-x: hidden !important;
}

.bg-img {
  width: 100%;
  height: 624px;
  background-repeat: no-repeat;
  /* Prevents the image from repeating */
  background-position: center center;
  /* Centers the image */
  background-size: cover;
  padding: 0rem 0rem 5rem 0rem;
  margin: 0px;

}

.bg-img.non-cover,
.bg-container {
  height: fit-content;
}


.bg-img-card {
  width: 100%;
  height: auto;
  background-repeat: no-repeat !important;
  /* Prevents the image from repeating */
  background-position: center center !important;
  /* Centers the image */
  background-size: cover !important;
  padding: 0px;
  margin: 0px;
}

.divider {
  height: 2rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .1);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .1);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}

.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}

.list-group {
  width: auto;
  max-width: 820px;
  margin: 2rem auto;
}

.map-container {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.map-container iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
  z-index: 10;
}

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dropdown-menu li {
  position: relative;
}

.nav-item .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.nav-item .submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu>li:hover {
  background-color: #f1f1f1
}

.dropdown-menu>li:hover>.submenu {
  display: block;
}

.hover01 figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.hover01 figure:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}


.text-justify {
  text-align: justify;
}

.dropdown-menu li {
  position: relative;
}

.dropdown-menu .dropdown-submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
  right: 100%;
  left: auto;
}

.dropdown-menu>li:hover>.dropdown-submenu {
  display: block;
}


@keyframes slideFromLeft {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes slideFromRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}


@media all and (max-width: 2000px) and (min-width: 1399px) {


  .slide-right-at-scroll {
    view-timeline-name: --sliders;
    view-timeline-axis: block;

    animation-timeline: --sliders;
    animation-name: slideFromRight;

    animation-range: entry 20% cover 30%;
    animation-fill-mode: both;

  }

  .slide-left-at-scroll {
    view-timeline-name: --sliders;
    view-timeline-axis: block;

    animation-timeline: --sliders;
    animation-name: slideFromLeft;

    animation-range: entry 15% cover 25%;
    animation-fill-mode: both;
  }

  .slide-right {
    animation: slideFromRight 1.5s both;
  
  }
  
  .slide-left {
    animation: slideFromLeft 1.5s both;
  
  }

}



@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}




/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu {
    margin-left: 0.7rem;
    margin-right: 0.7rem;
    margin-bottom: .5rem;
  }

  .lead {
    font-size: 1.15rem;
  }
}

@media all and (max-width: 500px){
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
}