:root {
  --color-primary: #002b64;
  --color-gray-background: #071220cc;
  --color-active: #949494;
}

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

.menu-right {
  background-image: url("../images/menu/menu-bg.jpg");
}

#menu-content {
  transition: width 0.3s ease-out;
}

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

.stroke-text {
  color: white;
  /* text-shadow: 0 0 1px #000, -1px -1px 0 #000, 0px 0px 0 #000, -1px 1px 0 #000,
    1px 1px 0 #000; */
  text-shadow: -1px -1px 0 #000,
  0   -1px 0 #000,
  1px -1px 0 #000,
  1px  0   0 #000,
  1px  1px 0 #000,
  0    1px 0 #000,
 -1px  1px 0 #000,
 -1px  0   0 #000;
}

.stroke-text:hover {
  text-shadow: none;
  color: var(--color-primary);
}

.masked {
  -webkit-mask-image: url("../images/isologo-blue.png");
  mask-image: url("../images/isologo-blue.png");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
}

.card-shadow {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.swiper-scrollbar {
  width: 100% !important;
}