@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html, body {
  font-family: "Inter", sans-serif !important;
  color: black !important;
}

.font-400 {
    font-family: "Inter", sans-serif !important;
    font-weight: 400;
}

.font-500 {
    font-family: "Inter", sans-serif !important;
    font-weight: 500;
}

.font-600 {
    font-family: "Inter", sans-serif !important;
    font-weight: 600;
}

.font-700 {
    font-family: "Inter", sans-serif !important;
    font-weight: 700;
}

.font-red {
    color: #d20001;
}

.font-white {
    color: white;
}

.text-gray {
    color: #a7a9ac;
}

.text-header-web {
    background-color: #fdf7f7;
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid #d20001;
    color: #d20001;
}

.text-header {
    background-color: #fdf7f7;
    padding: 8px 20px;
    border-radius: 100px;
    border: 1px solid #d20001;
    color: #d20001;
}

.text-header p, .text-footer {
    font-size: 0.8em;
}

.text-header img {
    margin-bottom: 5px;
    margin-right: 8px;
}

/* infinite logo slider */

.logo-slider {
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
}

.logo-track {
  display: flex;
  width: max-content;
  animation: scroll 45s linear infinite;
  filter: grayscale(1);
  opacity: 0.7;
}

.logo {
  margin: 0 36px;
}

.logo img {
  height: 30px;
  /* filter: grayscale(100%); */
  /* opacity: 0.7; */
  transition: 0.3s;
}

.logo img:hover {
  filter: grayscale(0%);
  opacity: 1;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}