@font-face {
    font-family: 'Montserrat-Bold';
    src: url(../fonts/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: 'Hind';
    src: url(../fonts/Hind/Hind-Regular.ttf);
}

@font-face {
    font-family: 'Maitree';
    src: url(../fonts/Maitree/Maitree-Regular.ttf);
}

@font-face {
    font-family: 'Montserrat';
    src: url(../fonts/Montserrat/Montserrat-Regular.ttf);
}

@font-face {
    font-family: 'Hind-Bold';
    src: url(../fonts/Hind/Hind-Bold.ttf);
}

nav ul a,
nav .brand-logo {
    color: #4063A1;
}

body {
    background-color: #6299f7;
}

p {
    line-height: 2rem;
}

.sidenav-trigger {
    color: #4063A1;
}

.parallax-container {
    min-height: 380px;
    line-height: 0;
    height: auto;
    color: rgba(255, 255, 255, .9);
}

.parallax-container .section {
    width: 100%;
}

@media only screen and (max-width: 992px) {
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }
    #index-banner .section {
        top: 10%;
    }
}

@media only screen and (max-width: 600px) {
    #index-banner .section {
        top: 0;
    }
}

.icon-block {
    padding: 0 15px;
}

.icon-block .material-icons {
    font-size: inherit;
}

.material-icons {
    color: #B8F2E6;
}

footer.page-footer {
    margin: 0;
}

h4,
h5 {
    font-family: 'Hind';
    color: #4063A1;
}

h1,
h2,
h3 {
    font-family: 'Hind-Bold';
    color: #ECF3FE;
}

p,
a {
    font-family: 'Maitree';
    color: #ECF3FE;
}

ul {
    line-height: 2rem;
    font-family: 'Maitree';
    color: #ECF3FE;
}

.page-footer {
    background-color: #3F5A8D;
}

.footer-copyright p {
    font-family: 'Montserrat';
    font-style: italic;
    color: #B8F2E6;
}

.nav-container {
    background-color: #ECF3FE;
}

.icon-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    filter: invert(89%) sepia(21%) saturate(372%) hue-rotate(111deg) brightness(102%) contrast(90%);
}

.icon {
    filter: brightness(0) saturate(100%);
    min-width: 25px;
    max-width: 25%;
    height: auto;
    padding: 5%;
}

.toast {
    background-color: #3F5A8D;
    font-family: 'Maitree';
    color: #ECF3FE;
}

.nav-wrapper {
    font-family: 'Montserrat';
    color: #3F5A8D;
    align-items: center;
}

.my-logo {
    min-height: 30px;
    max-height: 55px;
    width: auto;
}

.nav-mobile {
    color: #4063A1;
}

.nav-button {
    background-color: #6299f7;
    font-family: 'Hind';
    color: #ECF3FE;
}

.nav-button:hover {
    background-color: #3F5A8D;
}

.input-field label {
    color: #3F5A8D;
  }

.submit-button {
      background-color: #3F5A8D;
  }

  .submit-button:hover {
      background-color: #6299f7;
  }

  .submit-button:active {
      background-color: #B8F2E6;
  }

  /* Inactive/Active Default input field color */
  .input-field input[type]:not([readonly]),
  .input-field input[type]:focus:not([readonly]),
  .input-field textarea:not([readonly]),
  .input-field textarea:focus:not([readonly]) {
      border-bottom: 1px solid #3F5A8D;
      box-shadow: 0 1px 0 0 #3F5A8D;
  }

  /* Inactive/Active Default input label color */
  .input-field input[type]:focus:not([readonly])+label,
  .input-field textarea:focus:not([readonly])+label {
      color: #3F5A8D;
  }

  /* Active/Inactive Invalid input field colors */
  .input-field input[type].invalid,
  .input-field input[type].invalid:focus,
  .input-field textarea.invalid,
  .input-field textarea.invalid:focus {
      border-bottom: 1px solid #e57373;
      box-shadow: 0 1px 0 0 #e57373;
  }

  /* Active/Inactive Invalid input label color */
  .input-field input[type].invalid:focus+label,
  .input-field input[type].invalid~.helper-text::after,
  .input-field input[type].invalid:focus~.helper-text::after, 
  .input-field textarea.invalid:focus+label,
  .input-field textarea.invalid~.helper-text::after,
  .input-field textarea.invalid:focus~.helper-text::after {
      color: #e57373;
  }

  /* Active/Inactive Valid input field color */
  .input-field input[type].valid,
  .input-field input[type].valid:focus,
  .input-field textarea.valid,
  .input-field textarea.valid:focus {
      border-bottom: 1px solid #B8F2E6;
      box-shadow: 0 1px 0 0 #B8F2E6;
  }

  /* Active/Inactive Valid input label color */
  .input-field input[type].valid:focus+label,
  .input-field input[type].valid~.helper-text::after,
  .input-field input[type].valid:focus~.helper-text::after,
  .input-field textarea.valid:focus+label,
  .input-field textarea.valid~.helper-text::after,
  .input-field textarea.valid:focus~.helper-text::after {
      color: #B8F2E6;
  }

  .input-field .prefix.active {
      color: #ECF3FE;
  }

.thanks {
      display: flex;
      flex-wrap: 1;
      flex-direction: column;
      justify-content: center;
      align-items: center;
  }

#backbtn {
    background-color: #3F5A8D;
    color: #ECF3FE;
  }

#backbtn:hover {
    background-color: #6299f7;
    color: #3F5A8D;
  }

#cookieclose {
    background-color: #6299f7;
    color: #ECF3FE;
  }

#cookiemodal p{
    color: #3F5A8D;
  }

.fourofour{
    display: flex;
    flex-wrap: 1;
    flex-direction: column;
    justify-content: center;
}

.fourofour button {
    background-color: #B8F2E6;
    color: #4063A1;
}