*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
}

body,
html {
  scroll-behavior: smooth;
  height: 100%;
}

body {
  max-width: 100vw;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
.page-wrap {
	background: #edf5fa; 
	background: -moz-linear-gradient(top,  #edf5fa 0%, #fff 100%); 
	background: -webkit-linear-gradient(top,  #edf5fa 0%,#fff 100%);
	background: linear-gradient(to bottom,  #edf5fa 0%,#fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf5fa', endColorstr='#fff',GradientType=0 );
	background-size: 100% 100% !important;	
  z-index: 1;
}
main {
  display: block;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

body,
p,
a,
li {
  font-family: "proxima-nova", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
}

p {
  font-weight: 500;
  margin-bottom: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "proxima-nova", "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
  font-weight: 700;
}

h1 {
  line-height: 1;
  color: #fdb734;
  font-size: 1.625rem;
}
@media (min-width: 900px) {
  h1 {
    font-size: 2.1875rem;
  }
}
@media (min-width: 1200px) {
  h1 {
    font-size: 3.125rem;
  }
}

h2 {
  color: #3c5775;
  font-size: 1.375rem;
}
@media (min-width: 900px) {
  h2 {
    font-size: 1.625rem;
  }
}
@media (min-width: 1200px) {
  h2 {
    font-size: 1.875rem;
  }
}

h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}

p,
li {
  color: #3c5775;
  font-size: 1.125rem;
  line-height: 1.4444444444;
}

a {
  color: #3c5775;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}

.lead-text,
.lead-text p {
  font-size: 1.25rem;
}
@media (min-width: 900px) {
  .lead-text,
  .lead-text p {
    font-size: 1.375rem;
  }
}
@media (min-width: 1200px) {
  .lead-text,
  .lead-text p {
    font-size: 1.5rem;
  }
}

.text--dark-red {
  color: #90392b;
}
.text--dark-red a:hover {
  color: #273c53;
}

.text--bold {
  font-weight: 600;
}

.container {
  margin-right: auto;
  margin-left: auto;
  max-width: 1164px;
  padding-left: 32px;
  padding-right: 32px;
}
.container h2 {
  line-height: 1.5;
}

.fade-in {
  opacity: 0;
}
.fade-in--active {
  animation: fade-in 1s ease-out 0s 1 normal forwards;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fade-right {
  opacity: 0;
  transform: translateX(100px);
}
.fade-right--active {
  animation: fade-right 1s ease-out 0s 1 normal forwards;
}

@keyframes fade-right {
  0% {
    opacity: 0;
    transform: translateX(100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-left {
  opacity: 0;
  transform: translateX(-100px);
}
.fade-left--active {
  animation: fade-left 1s ease-out 0s 1 normal forwards;
}

@keyframes fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fade-up {
  opacity: 0;
  transform: translateY(100px);
}
.fade-up--active {
  animation: fade-up 1s ease-out 0s 1 normal forwards;
}

@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.zoom-in {
  transform: scale(1.075);
  z-index: -1;
}
.zoom-in--active {
  animation: zoom-in 2s ease-out 0s 1 normal forwards;
}

@keyframes zoom-in {
  0% {
    transform: scale(1.075);
    z-index: -1;
  }
  100% {
    transform: scale(1);
    z-index: -1;
  }
}
.word-path {
  opacity: 0;
  animation-fill-mode: forwards;
}

@keyframes fade-in-animation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.mt-1 {
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .mt-1 {
    margin-top: 25px;
  }
}

.mt-2 {
  margin-top: 30px;
}
@media (min-width: 900px) {
  .mt-2 {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .mt-2 {
    margin-top: 50px;
  }
}

.mt-3 {
  margin-top: 45px;
}
@media (min-width: 900px) {
  .mt-3 {
    margin-top: 60px;
  }
}
@media (min-width: 1200px) {
  .mt-3 {
    margin-top: 75px;
  }
}

.mt-4 {
  margin-top: 60px;
}
@media (min-width: 900px) {
  .mt-4 {
    margin-top: 80px;
  }
}
@media (min-width: 1200px) {
  .mt-4 {
    margin-top: 100px;
  }
}

.mt-5 {
  margin-top: 75px;
}
@media (min-width: 900px) {
  .mt-5 {
    margin-top: 100px;
  }
}
@media (min-width: 1200px) {
  .mt-5 {
    margin-top: 125px;
  }
}

.mt-6 {
  margin-top: 90px;
}
@media (min-width: 900px) {
  .mt-6 {
    margin-top: 120px;
  }
}
@media (min-width: 1200px) {
  .mt-6 {
    margin-top: 150px;
  }
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .mb-1 {
    margin-bottom: 25px;
  }
}

.mb-2 {
  margin-bottom: 30px;
}
@media (min-width: 900px) {
  .mb-2 {
    margin-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .mb-2 {
    margin-bottom: 50px;
  }
}

.mb-3 {
  margin-bottom: 45px;
}
@media (min-width: 900px) {
  .mb-3 {
    margin-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .mb-3 {
    margin-bottom: 75px;
  }
}

.mb-4 {
  margin-bottom: 60px;
}
@media (min-width: 900px) {
  .mb-4 {
    margin-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .mb-4 {
    margin-bottom: 100px;
  }
}

.mb-5 {
  margin-bottom: 75px;
}
@media (min-width: 900px) {
  .mb-5 {
    margin-bottom: 100px;
  }
}
@media (min-width: 1200px) {
  .mb-5 {
    margin-bottom: 125px;
  }
}

.mb-6 {
  margin-bottom: 90px;
}
@media (min-width: 900px) {
  .mb-6 {
    margin-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .mb-6 {
    margin-bottom: 150px;
  }
}

.pt-1 {
  padding-top: 20px;
}
@media (min-width: 1200px) {
  .pt-1 {
    padding-top: 25px;
  }
}

.pt-2 {
  padding-top: 30px;
}
@media (min-width: 900px) {
  .pt-2 {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .pt-2 {
    padding-top: 50px;
  }
}

.pt-3 {
  padding-top: 45px;
}
@media (min-width: 900px) {
  .pt-3 {
    padding-top: 60px;
  }
}
@media (min-width: 1200px) {
  .pt-3 {
    padding-top: 75px;
  }
}

.pt-4 {
  padding-top: 60px;
}
@media (min-width: 900px) {
  .pt-4 {
    padding-top: 80px;
  }
}
@media (min-width: 1200px) {
  .pt-4 {
    padding-top: 100px;
  }
}

.pt-5 {
  padding-top: 75px;
}
@media (min-width: 900px) {
  .pt-5 {
    padding-top: 100px;
  }
}
@media (min-width: 1200px) {
  .pt-5 {
    padding-top: 125px;
  }
}

.pt-6 {
  padding-top: 90px;
}
@media (min-width: 900px) {
  .pt-6 {
    padding-top: 120px;
  }
}
@media (min-width: 1200px) {
  .pt-6 {
    padding-top: 150px;
  }
}

.pb-1 {
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  .pb-1 {
    padding-bottom: 25px;
  }
}

.pb-2 {
  padding-bottom: 30px;
}
@media (min-width: 900px) {
  .pb-2 {
    padding-bottom: 40px;
  }
}
@media (min-width: 1200px) {
  .pb-2 {
    padding-bottom: 50px;
  }
}

.pb-3 {
  padding-bottom: 45px;
}
@media (min-width: 900px) {
  .pb-3 {
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .pb-3 {
    padding-bottom: 75px;
  }
}

.pb-4 {
  padding-bottom: 60px;
}
@media (min-width: 900px) {
  .pb-4 {
    padding-bottom: 80px;
  }
}
@media (min-width: 1200px) {
  .pb-4 {
    padding-bottom: 100px;
  }
}

.pb-5 {
  padding-bottom: 75px;
}
@media (min-width: 900px) {
  .pb-5 {
    padding-bottom: 100px;
  }
}
@media (min-width: 1200px) {
  .pb-5 {
    padding-bottom: 125px;
  }
}

.pb-6 {
  padding-bottom: 90px;
}
@media (min-width: 900px) {
  .pb-6 {
    padding-bottom: 120px;
  }
}
@media (min-width: 1200px) {
  .pb-6 {
    padding-bottom: 150px;
  }
}

.text--center {
  text-align: center;
}

.text--primary {
  color: #3c5775;
}

.text--secondary {
  color: #fdb734;
}

.text--white {
  color: #ffffff;
}

.text--dark-red {
  color: #90392b;
}

.text--bold {
  font-weight: 700;
}

.text--center {
  text-align: center;
}

.text--underline {
  text-decoration: underline;
}

.show-tab-up {
  display: none;
}
@media (min-width: 600px) {
  .show-tab-up {
    display: initial;
  }
}

.show-note-up {
  display: none;
}
@media (min-width: 900px) {
  .show-note-up {
    display: initial;
  }
}

.header--main {
  background-color: #003672;
  padding-top: 60px;
  padding-bottom: 60px;
}
.header--main .container {
  display: flex;
  justify-content: center;
  gap: 40px;
  flex-wrap: wrap;
}
.header--main img {
  min-width: 250px;
}
.header--main h1 {
  min-width: 350px;
  text-align: left;
  color: #ffffff;
  flex: 1;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.5625rem;
}
@media (min-width: 600px) {
  .header--main h1 {
    font-size: 1.875rem;
  }
}
@media (min-width: 900px) {
  .header--main h1 {
    font-size: 2.1875rem;
  }
}

.alert .container {
  background-color: #90091B;
  padding-top: 30px;
  padding-bottom: 30px;
  border-radius: 20px;
  display: flex;
  gap: 25px 45px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.alert .container * {
  color: #ffffff;
}
@media (min-width: 1240px) {
  .alert .container {
    position: relative;
  }
  .alert .container:after {
    height: 43px;
    content: url(../img/alert-arrow-v2.svg);
    position: absolute;
    right: -35px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
}

.alert h2, .footer__top h2 {
  text-transform: uppercase;
  line-height: 1.2272727273;
  font-weight: 900;
  margin-bottom: 10px;
  font-size: 1.25rem;
}
@media (min-width: 900px) {
  .alert h2, .footer__top h2 {
    font-size: 1.375rem;
  }
}

.alert a:hover, .alert a:focus, .footer__top a:hover, .footer__top a:focus {
  color: #fdb734;
}

.alert__text {
  min-width: 350px;
  flex: 1;
}

.banner h1,
.banner p {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.banner h1 {
  font-family: "cabin-sketch-bold", cursive;
  color: #003672;
}
.banner img {
  max-width: 650px;
  max-height: 650px;
}
@media (max-width: 899px) {
  .banner img {
    max-height: 400px;
  }
}
.banner .container {
  display: flex;
  flex-wrap: wrap;
  gap: 45px;
  justify-content: center;
  align-items: center;
}

.wave-background {
  background: center 100px/cover no-repeat url(../img/waves-bg-v2.svg);
}

.info-cards {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.info-card {
  border-radius: 30px;
  min-width: 325px;
  padding: 20px 25px;
}
@media (min-width: 600px) {
  .info-card {
    padding: 35px;
  }
}
.info-card h2 {
  font-family: "cabin-sketch-bold", cursive;
  letter-spacing: -0.5px;
  margin-bottom: 17px;
  line-height: 1.1363636364;
  font-size: 2.125rem;
}
@media (min-width: 600px) {
  .info-card h2 {
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .info-card h2 {
    font-size: 2.75rem;
  }
}

.info-card__what {
  flex: 1;
}
.info-card__what p,
.info-card__what h2 {
  color: #ffffff;
}
.info-card__what h2 {
  display: flex;
  gap: 35px;
  align-items: center;
}
/*
.info-card__what h2:after {
  content: url(../img/question-marks.svg);
}
*/
.info-card__what section {
  background-color: #003672;
  padding-bottom: 30px;
}
.info-card__what img {
  padding-bottom: 0px;
  margin-top: -50px;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  max-height: 450px;
}

.info-card__signs {
  flex: 2;
  background-color: #fff;
}
.info-card__signs p,
.info-card__signs h2 {
  color: #003672;
}

.info-card__help p,
.info-card__help h2,
.info-card__help li {
  color: #fff;
}
.info-card__help {
  flex: 1;
  min-width: 100%;
  background-color: #003672;
  position: relative;
  z-index: 2;
}
@media (min-width: 600px) {
  .info-card__help {
    padding: 45px 65px;
    margin-bottom: 30px;
  }
}

.info-card__services {
  flex: 1;
  background-color: #EEF5FA;
}
.info-card__services p,
.info-card__services h2 {
  color: #003672;
}
/*
.info-card__services ul {
  list-style-type: none;
  padding: 0px;
}
*/
.info-card__services .service-card {
  background-color: #ffffff;
  border-radius: 12px;
  max-width: 350px;
  padding: 20px;
}
.info-card__services .service-card p {
  color: #003672;
}
.info-card__services .service-card p:last-of-type {
  margin-bottom: -5px;
}
.info-card__services .service-card a {
  color: #003672;
}
.info-card__services .service-card a:hover {
  color: #90392b;
}

.info-card__hope {
  flex: 2;
}
.info-card__hope section {
  background-color: #EEF5FA;
  z-index: 3;
  position: relative;
}
.info-card__hope section p,
.info-card__hope section h2 {
  color: #003672;
}
.info-card__hope article {
  background-color: #e9f0f8;
  max-height: 455px;
  margin-top: 30px;
  z-index: -10;
  position: relative;
}
.info-card__hope article img {
  max-height: 750px;
  margin-top: -100px;
}
@media (max-width: 599px) {
  .info-card__hope article img {
    margin-top: -75px;
  }
}

.footer__top {
  padding-top: 125px;
  margin-top: -150px;
  background: 75% top/cover no-repeat url(../img/waves-bg-red-v2.svg);
  z-index: 20;
  overflow: hidden;
}
@media (min-width: 900px) {
  .footer__top {
    background: center top/cover no-repeat url(../img/waves-bg-red-v2.svg);
    padding-top: 250px;
    margin-top: -175px;
  }
}
.footer__top * {
  color: #ffffff;
}
.footer__top .container {
  position: relative;
  display: flex;
  gap: 20px;
  align-items: flex-start;
  padding-top: 50px;
}

.footer__top__text  {max-width: 60%;}

.footer__top img {
  position: absolute;
  bottom: 0;
  right: 5%;
  max-width: 30%;
  height: auto;
}

@media (min-width: 640px) {

  .footer__top img {
      top: 0;
      bottom: auto;
      }

}

@media (min-width: 900px) {

  .footer__top img {top: -200px;}

}

@media (min-width: 1224px) {

  .footer__top img {top: -250px;}

}

.footer__lower {
  background-color: #003672;
  padding-top: 17px;
  padding-bottom: 17px;
  z-index: 30;
}
.footer__lower .container {
  display: flex;
  gap: 30px;
  justify-content: flex-end;
  align-items: center;
}
.footer__lower p {
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1.1;
}

.translate-button {
  position: fixed;
  color: #3c5775;
  bottom: 0;
  right: 10px;
  background-color: #ffffff;
  text-decoration: none;
  padding: 10px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
  box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
  z-index: 5;
}
@media (min-width: 900px) {
  .translate-button {
    right: 25px;
  }
}
.translate-button:hover, .translate-button:focus {
  background-color: #3c5775;
  color: #ffffff;
}