.dcl-color {
  border-color: #1f7bb8;
}

.eda-color {
  border-color: #34d293;
}

.inedu-color {
  border-color: #f5474a;
}

.simce-color {
  border-color: #ff8742;
}
/* .swiper {
  margin: 0 auto;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  box-shadow: 4px 9px 17px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 4px 9px 17px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 4px 9px 17px 0px rgba(0, 0, 0, 0.75);
}

.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  font-weight: bold;
  background-color: white;
} */

.swiper-container {
  --swiper-navigation-color: #ffffff;
  --swiper-theme-color: #ffffff;

  /* min-height: 640px;
  max-height: 960px; */
  height: 50rem;
}
.swiper-slide {
  background-color: rgb(11, 9, 163);
}
.swiper-slide::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-color: #3d405b;
  z-index: 1;
  background: linear-gradient(
    to top,
    #1d3553 0%,
    rgba(29, 53, 83, 0.987) 8.1%,
    rgba(29, 53, 83, 0.951) 15.5%,
    rgba(29, 53, 83, 0.896) 22.5%,
    rgba(29, 53, 83, 0.825) 29%,
    rgba(29, 53, 83, 0.741) 35.3%,
    rgba(29, 53, 83, 0.648) 41.2%,
    rgba(29, 53, 83, 0.55) 47.1%,
    rgba(29, 53, 83, 0.45) 52.9%,
    rgba(29, 53, 83, 0.352) 58.8%,
    rgba(29, 53, 83, 0.259) 64.7%,
    rgba(29, 53, 83, 0.175) 71%,
    rgba(29, 53, 83, 0.104) 77.5%,
    rgba(29, 53, 83, 0.049) 84.5%,
    rgba(29, 53, 83, 0.013) 91.9%,
    rgba(29, 53, 83, 0) 100%
  );
}
.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.75;
}
.swiper-slide__title {
  color: #ffffff;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 10%;
  text-align: center;
  z-index: 2;
  letter-spacing: -2px;
  opacity: 0.5;
  transition: 0.3s;
}
.swiper-slide.swiper-slide-active .swiper-slide__title {
  opacity: 1;
}

.img-main {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.invalid-feedback {
  display: none;
  width: 100%;
  padding: 0.25rem;
  font-size: 80%;
  color: #e74a3b;
  border: 1px solid #e74a3b;
  background-color: #f8d7da;
  text-align: center;
  margin-bottom: 1.25rem;
}

.was-validated :invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-feedback {
  display: block;
}

.form-input.is-invalid {
  border-color: #e74a3b;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23e74a3b' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e74a3b' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-input:invalid:focus,
.form-input.is-invalid:focus {
  border-color: #e74a3b;
  box-shadow: 0 0 0 0.2rem rgba(231, 74, 59, 0.25);
}

.was-validated textarea.form-input:invalid,
textarea.form-input.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right
    calc(0.375em + 0.1875rem);
}

.hideMe {
  -moz-animation: cssAnimation 0s ease-in 5s forwards;
  /* Firefox */
  -webkit-animation: cssAnimation 0s ease-in 5s forwards;
  /* Safari and Chrome */
  -o-animation: cssAnimation 0s ease-in 5s forwards;
  /* Opera */
  animation: cssAnimation 0s ease-in 5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
@keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
  }
}
@-webkit-keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    visibility: hidden;
  }
}