@font-face {
    font-family: "Montserrat" !important;
  font-display: swap;
}

html, body, input, a, button {
    font-family: "Montserrat" !important;
}

.landing-container {
  background-color: #000000 !important;
}

.sidebar, .collapsible {
  background-color: rgb(53, 85, 114) !important;
}

.menu__item, .menu-nav {
  color: rgb(255, 237, 0) !important;
}

.social__button,
.menu-trigger,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  background-color: rgb(255, 237, 0) !important;
}

.social__button i,
.menu-trigger i,
.gallery-preview .nav-button,
.gallery-preview .button,
.menu-nav .nav-button,
.menu__item.menu__item--subscribe {
  color: rgb(53, 85, 114) !important;
}

.footer__text, .footer__text a {
  color: rgb(255, 237, 0) !important;
}

.footer__text--mobile, .footer__text--mobile a {
  color: #000000 !important;
}



  .content-links-component{
    background-color: rgba(125, 16, 16, 0) !important; 
  }

  .content-links-title {
    color: rgb(177, 57, 57) !important;
  }

  .content-links--text {
    color: rgb(177, 57, 57) !important;
  }

  .text--description {
    color: #ffed00 !important;
  }

  .content-link {
    border-color: #ffed00 !important;
  }

  .content-link:hover {
    background-color: #1d384f !important;
  }


    @media screen and (max-width: 768px) {
      .video-container {
      }
    }







    .text-component {
      background-color: rgba(0,0,0,0) !important; 
      color: #FFFFFF !important;
    }











  .floating-button {
    color: #355572 !important; 
    background-color: #ffed00 !important; 
  }