:root {
  --primary-metavision-color: #CC2929;
  --primary-metavision-color2: #fcfcfc;


}

/* carousel-indicators */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus,
.btn:active:focus,
.btn-link.nav-link:focus,
.form-control:focus,
.form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  font-family: 'Poppins' !important;
  background-color: var(--primary-metavision-color2);
}

.form-floating>.form-control-plaintext::placeholder,
.form-floating>.form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating>.form-control-plaintext:focus::placeholder,
.form-floating>.form-control:focus::placeholder {
  text-align: start;
}

/* Custom style */
.metavision-bg-color {
  background-color: var(--primary-metavision-color);
}

.metavision-color {
  background-color: var(--primary-metavision-color);
}

header .contact-header i {}

header nav {
  box-shadow: 0px 7px 8px #39353629;
}

nav a.navbar-brand img {
  height: 2.8rem;
}

footer {
  justify-content: space-evenly;
  max-width: 1320px;
}

footer .footer_logo {
  height: 4rem;
}

.hover-underline-animation.right:hover::after {
  transform-origin: bottom right;
}


.carousel-inner img {
  width: 100%;
  height: auto;
}

.about-container .about-header-text {
  padding: 1px 8px;
  color: white;
  background-size: 90% 100%;
  background-position: 10% center;
  background-repeat: no-repeat;
  background-image: url('/img/logo/header_logo.svg');
  background-color: #cc2929a1;
  backdrop-filter: blur(3px);
}
.about-container .about-header-text p{
  background-color: #cc2929a1;
}