#blazor-error-ui {
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}

.blazor-error-boundary {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=)
      no-repeat 1rem/1.8rem,
    #b32121;
  padding: 1rem 1rem 1rem 3.7rem;
  color: white;
}

.blazor-error-boundary::after {
  content: "An error has occurred.";
}

.font-black {
  letter-spacing: 0rem;
  color: #344767;
}

.font-xs {
  font-size: small;
}

.font-white {
  color: white;
}

.font-xl {
  font-size: 3rem;
}

.font-l {
  font-size: 2rem;
}

.font-m {
  font-size: 1rem;
}

.font-s {
  font-size: 0.5rem;
}

.title-xl {
  font-size: 3rem;
  color: white;
  font-weight: 600;
  border: none !important;
}

.title-xl:focus-visible {
  border: none !important;
  outline-style: none !important;
}

h1:focus-visible {
  border: none !important;
  outline-style: none !important;
}

h2:focus-visible {
  border: none !important;
  outline-style: none !important;
}

h3:focus-visible {
  border: none !important;
  outline-style: none !important;
}

h4:focus-visible {
  border: none !important;
  outline-style: none !important;
}

h6:focus-visible {
  border: none !important;
  outline-style: none !important;
}

.navbarTop {
  font-size: 2rem !important;
}

.text-gradient.text-info {
  background-image: linear-gradient(
    195deg,
    var(--main-Green),
    var(--main-Green)
  );
}

.pagination.pagination-warning .page-item.active > .page-link,
.pagination.pagination-warning .page-item.active > .page-link:focus,
.pagination.pagination-warning .page-item.active > .page-link:hover {
  background-image: linear-gradient(
    195deg,
    var(--main-Green) 0%,
    var(--main-Green) 100%
  );
  border: none;
}

.modal-backdrop {
  z-index: -1;
}

.bg-gradient-dark {
  background-image: linear-gradient(195deg, #42424a 0%, #191919 100%);
}

.bg-red {
  background-image: linear-gradient(
    195deg,
    var(--main-Red) 0%,
    var(--main-Red) 100%
  );
}

.bg-green {
  background-image: linear-gradient(
    195deg,
    var(--main-Green) 0%,
    var(--main-Green) 100%
  );
}

.text-white {
  color: white;
}

.navbarTop:hover {
  color: var(--main-Red) !important;
}

a:hover {
  color: var(--main-Green) !important;
}

/* the slides */
.slick-slide {
  margin: 0 27px;
}

/* the parent */
.slick-list {
  margin: 0 -27px;
}

@media (max-width: 416px) {
  .navbarTop {
    font-size: 1.2rem !important;
  }

  .title-xl {
    font-size: 2rem;
  }

  .font-l {
    font-size: 1.5rem;
  }
}

@media (max-width: 426px) {
  .min-vh-75 {
    min-height: 41vh !important;
  }
}

@media (max-width: 1443x) {
  .slick-arrow {
    border-radius: 15px;
    margin: unset !important;
  }
}

.mb-4 {
  margin-bottom: 2.5rem !important;
}

.slick-arrow {
  border-radius: 15px;
  margin: -10px;
}

.max-width-400 {
  max-width: 400px !important;
}

/* .slick-slide {
  max-width: 302px;
  max-height: 170px;
} */

.text-black {
  color: black;
}

.slick-arrow {
  color: var(--main-Red) !important;
  background-color: var(--main-Red) !important;
}

.slick-dots li button {
  color: var(--main-Red) !important;
  background-color: var(--main-Red) !important;
}

@media (max-width: 769px) {
  .title-xl {
    font-size: 31px;
    margin-top: 53px;
  }

  .font-l {
    font-size: 26px;
  }

  .navbarTop {
    font-size: 20px !important;
  }
}

@media (max-width: 493px) {
  .navbarTop {
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 500px) and (max-width: 768px) {
  .img-sm {
    width: 13.666667% !important;
  }

  .app-carousel-item {
    width: 46.666667% !important;
  }
}

/*@media only screen and (min-width: 1199px) and (max-width:768px) {
    .app-carousel-item {
        width: 46.666667% !important;
    }
}

*/
/*@media only screen and (max-width:768px) {
    .img-sm {
        width: 13.666667% !important;
    }

    .app-carousel-item {
        width: 50.666667% !important;
    }
}*/

@media only screen and (min-width: 769px) {
  .app-carousel-item {
    width: 38.666667% !important;
  }
}

@media only screen and (min-width: 990px) {
  .app-carousel-item {
    width: 18.666667% !important;
  }
}

.img-sm {
  min-height: 80px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  cursor: pointer;
  flex: 0 0 auto;
  width: 24.666667%;
  text-align: center;
}

.img-sm:hover {
  transform: scale(
    1.2
  ); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.selected {
  border: medium solid var(--main-Green);
}

.notify-badge {
  position: absolute;
  right: -20px;
  top: 10px;
  background: red;
  text-align: center;
  border-radius: 30px 30px 30px 30px;
  color: white;
  padding: 5px 10px;
  font-size: 20px;
}

.max-vh-85 {
  max-height: 85vh !important;
}

.nav-arrows {
  margin-top: -20px;
}

.arrow {
  font-size: 25px;
  padding: 5px;
  padding-top: unset;
  color: var(--main-Green);
}

.hand {
  cursor: pointer;
}

.app-carousel-img {
  max-height: 138px;
}

.min-vh-75 {
  min-height: 50vh !important;
}

.min-vh-60 {
  min-height: 60vh !important;
}

.img-logo{
  max-width: 164px;
}

@media (min-width: 1029px) {
  .img-sm {
    width: 13.666667% !important;
  }

  .app-carousel-item {
    width: 19.666667% !important;
  }

  .font-l {
    font-size: 26px;
  }
  
.img-logo{
  margin-left: 25px;
}
}

@media (max-width: 1199px) {
  .title-xl {
    font-size: 31px;
    margin-top: 53px;
  }

  .font-l {
    font-size: 26px;
  }

  .navbarTop {
    font-size: 26px !important;
  }
}

@media (max-width: 575px) {
  .navbarTop {
    font-size: 17px !important;
  }
  .img-logo{
    max-width: 97px;
  }
}

@media (max-width: 497px) {
  .app-carousel-img {
    max-height: 90% !important;
  }

  .bi-arrow-right-circle-fill {
    margin-left: -17px !important;
    padding: unset !important;
  }
}

@media (max-width: 425px) {
  .app-carousel-img {
    max-height: 90% !important;
  }

  .app-p-sm-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .title-xl {
    font-size: 21px !important;
    margin-top: 53px !important;
  }

  .font-l {
    font-size: 18px !important;
  }

  .navbarTop {
    font-size: 13px !important;
  }

  .min-vh-60 {
    min-height: 38vh !important;
  }
  .min-vh-85 {
    min-height: 50vh !important;
  }
}

.swiper-slide:hover {
  cursor: pointer;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent
    url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e")
    center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.modal-content > .modal-body > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.modal-header {
  border: unset;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -5px;
  left: 0;
  width: 100%;
}

.mask {
  opacity: 0.4 !important;
}

.img-slider {
  /* max-height: 200px; */
}
.footer .footer-logo {
  max-width: 12rem;
}
.card-custom{
  height: 180px;
}

@media (max-width: 991px) and (min-width: 768px) {
  .contact-img{
    width: 210px !important;
    margin-left: 55px;
  }
}

@media (max-width: 768px) and (min-width: 575px) {
  .contact-img{
    width: 160px !important;
  }
  .last-info-card{
    margin-top: 80px;
  }
}

@media (max-width: 991px) and (min-width: 769px) {

  .last-info-card{
    margin-top: 65px;
  }
}

@media (max-width: 575px) and (min-width: 0px) {
  .contact-img{
    width: 60px !important;
  }
  .last-info-card{
    margin-top: 80px;
  }
}