html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "Oxygen", sans-serif;
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 2000 !important;
}

#carouselExampleControlsHistoryNews .carousel-control-prev {
  filter: invert(100%) !important;
  left: -8rem !important;
}

#carouselExampleControlsHistoryNews .carousel-control-next {
  filter: invert(100%) !important;
  right: -8rem !important;
}

.banner-history {
  background-image: url("../assets/banner-historia-1.png");
}

.banner-news {
  background-image: url("../assets/fondo-gris.png");
}

.banner-historia-info {
  background-image: url("../assets/banner-historia-2.png");
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}

.banner-about-us {
  background-image: url("../assets/banner-historia-2.png");
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}

.banner-account {
  background-image: url("../assets/franja-rinde.png");
}

.banner-discapacidad {
  background-image: url("../assets/franja-rinde.png");
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}

.banner-sticky {
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}

.banner-discapacidad-1 {
  background-image: url("../assets/banner-discapacidad.png");
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}

.banner-contact-form {
  background-image: url("../assets/banner-form-contact-figure.jpg");
}

.banner-footer {
  background-image: url("../assets/banner-footer.jpg");
}

.border-c-primary {
  border-color: #2765A0 !important;
}

.hover-menu:hover {
  color: #68B3DF !important;
}

@media (min-width: 768px) {
  .clip-path-footer {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 6% 100%);
  }
}

@media (max-width: 768px) {
  .banner-about-us {
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 0% 100%);
  }

  .banner-discapacidad {
    clip-path: polygon(0 2%, 100% 0, 100% 100%, 0% 100%);
  }

  .banner-discapacidad-1 {
    clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%);
  }

@media (max-width: 1280px) {
  .banner-contact-form {
    background-image: none;
    background-color: #005AB6;
  }

  .banner-footer {
    background-image: none;
    background-color: #005AB6;
  }
}