/* Base */
body * {
  box-sizing: border-box;
  overflow: hidden;
}
/* ---------------------------------------------------------------------------------------- */

/* Animations */
.animate-from-left {
  transform: translateX(-10rem);
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}

.animate-from-left.active {
  transform: translateX(0);
  opacity: 1;
}

.animate-from-right {
  transform: translateX(10rem);
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}

.animate-from-right.active {
  transform: translateX(0);
  opacity: 1;
}

.animate-from-bottom {
  transform: translateY(5rem);
  transition: transform 0.5s, opacity 0.5s;
  opacity: 0;
}

.animate-from-bottom.active {
  transform: translateY(0);
  opacity: 1;
}
/* ---------------------------------------------------------------------------------------- */

/* Nav Bar */ 
.navbar {
  background: linear-gradient(90deg, rgba(0,115,180,1) 0%, rgba(36,94,167,1) 25%, rgba(68,81,157,1) 50%, rgba(0,133,198,1) 75%, rgba(0,173,228,1) 100%) !important;
}

.navbar-brand, .nav-link.active, .navbar-toggler {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: white !important;
}

.nav-item {
  margin: 0 0.5rem 0 0.5rem;
}

.logo-img {
  height: 3rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 575.98px) { /* sm */
  .logo-img {
    height: 2rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Carousel */
.carousel-inner, .carousel-item  {
  height: 100%;
}

.carouselImg {
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.carousel-title {
  color: #000742;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: center;
}

.carousel-description {
  color: #070707;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-align: center;
}

@media (max-width: 575.98px) { /* sm */
  .carousel {
    height: 30vh;
  }

  .carouselImg {
    object-position: 70% 100%;
  }

  .carousel-text-container {
    height: 100%;
    width: 50%;
    align-items: start !important;
    justify-content: center;
    padding-left: 1.5rem;
  }

  .carousel-title {
    text-align: start;
  }

  .carousel-description {
    text-align: start;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Jumbo */ 
.jumbo {
  padding: 5rem 0 5rem 0;
  background: #000742;
  margin-bottom: 5rem;
}

.jumbo-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: white;
  text-align: center;
}

@media (max-width: 575.98px) { /* sm */
  .jumbo {
    padding: 3rem 0 3rem 0;
    margin-bottom: 2.25rem;
  }

  .jumbo-text {
    font-size: calc(1.1rem + .9vw)
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Highlights */ 
.highlights {
  padding: 0 5rem 0 5rem;
  margin-bottom: 4rem;
}

.highlightImg {
  width: 100%;
  max-width: 25rem;
  border-radius: 10%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.higlights-title {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: start;
}

.higlights-description {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-align: start;
}

@media (max-width: 991.98px) { /* lg */
  .highlights {
    padding: 0;
  }
}

@media (max-width: 575.98px) { /* sm */
  .highlights {
    padding: 2rem 1.5rem 0 1.5rem;
    margin-bottom: 0;
  }

  .highlights-second-row {
    flex-direction: column-reverse;
  }

  .highlightImg {
    margin-top: 0;
  }

  .higlights-description {
    margin-bottom: 3rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Banks */ 
.banks {
  margin-bottom: 5rem;
}

.bankImg {
  max-height: 3rem;
  margin: 1rem;
}

@media (max-width: 575.98px) { /* sm */
  .banks {
    padding: 0 1.5rem 0 1.5rem;
    margin-bottom: 3rem;
  }

  .bankImg {
    max-height: 2rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Jumbo 2 */
.jumbo2 {
  color: white;
  padding: 8rem 0 8rem 0;
  background: linear-gradient(90deg, rgba(0,115,180,1) 0%, rgba(36,94,167,1) 25%, rgba(68,81,157,1) 50%, rgba(0,133,198,1) 75%, rgba(0,173,228,1) 100%) !important;
}

.jumbo2Img {
  height: 4rem;
  margin-bottom: 1.5rem;
}

.jumbo2-title {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: start;
  margin-bottom: 1.5rem;
}

.jumbo2Img2 {
  height: 2rem;
  margin-bottom: 1.5rem;
}

.jumbo2-description {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: start;
}

@media (max-width: 575.98px) { /* sm */
  .jumbo2 {
    padding: 4rem 1.5rem 4rem 1.5rem;
    margin-bottom: 3rem;
  }

  .bankImg {
    max-height: 2rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Jumbo 3 */ 
.jumbo3 {
  padding: 5rem 0 5rem 0;
}

.jumbo3-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: center;
  margin-bottom: 2rem;
}

.jumbo3-button {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 0.9rem;
  background: #0052B4;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-radius: 50px;
}

@media (max-width: 575.98px) { /* sm */
  .jumbo3 {
    padding: 1rem 1.5rem 1rem 1.5rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Highlights 2 */ 
.highlights2 {
  padding: 0 5rem 0 5rem;
  margin-bottom: 4rem;
}

.highlight2Img {
  width: 100%;
  max-width: 25rem;
  border-radius: 10%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.higlights2-title {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: start;
}

.higlights2-description {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-align: start;
}

@media (max-width: 991.98px) { /* lg */
  .highlights2 {
    padding: 0;
  }
}

@media (max-width: 575.98px) { /* sm */
  .highlights2 {
    padding: 1rem 1.5rem 3rem 1.5rem;
    margin-bottom: 0;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Footer */ 
.footer {
  color: #000742;
  background: #BABDF9;
  padding: 4rem 0 3rem 0;
}

.footer-location-section {
  margin-bottom: 0.5rem;
}

.footer-title {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: start;
  margin-bottom: 1.5rem;
}

.footer-subtitle {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  text-align: start;
}

.footer-description {
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  text-align: start;
}

.material-symbols-outlined {
  margin-right: 1rem;
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24
}

@media (max-width: 575.98px) { /* sm */
  .footer {
    padding: 3rem 1.5rem 3rem 1.5rem;
  }

  .footer-location-section {
    margin-bottom: 0;
  }

  .footer-location {
    margin-top: 1rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Copyright */
.copyright {
  padding: 2rem 0 1rem 0;
  background: #000742;
}

.copyright-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: white;
  text-align: center;
}

@media (max-width: 575.98px) { /* sm */
  .copyright {
    padding: 2rem 1.5rem 1rem 1.5rem;
  }
}
/* ---------------------------------------------------------------------------------------- */

/* Contact Modal */
.modal-content {
  border-radius: 2.5rem;
}

.modal-header {
  padding: 2rem;
  padding-bottom: 0;
  border-bottom: 0;
}

.modal-button-close {
  color: black !important;
  opacity: 1 !important;
}

.modal-body {
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  padding-top: 1.5rem;
  padding-bottom: 0;
}

.modal-title {
  padding-left: .25rem;
  padding-right: .25rem;
  font-family: 'Open Sans', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-align: start;
}

.modal-description {
  padding-left: .25rem;
  padding-right: .25rem;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-align: start;
  margin-top: 1rem;
  margin-bottom: 1.75rem;
}

.modal-form {
  padding-top: .25rem;
  padding-left: .25rem;
  padding-right: .25rem;
  padding-bottom: .25;
}

.modal-input {
  padding: .5rem 1rem;
  border-radius: 5rem;
  margin-bottom: 0.75rem;
}

.modal-text-area {
  border-radius: 1rem;
}

::placeholder {
  color: #929292;
}

.modal-button {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  background: #0052B4;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  border-radius: 50px;
}

.modal-button-spinner {
  margin-right: 0.25rem;
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: #b6b6b6 !important;
  background: #EAEAEA !important;
  border-color: #00000000;
}

.modal-footer {
  padding: 3rem;
  padding-top: 0rem;
  border-top: 0;
}
/* ---------------------------------------------------------------------------------------- */

@media (max-width: 575.98px) { /* sm */

}

@media (max-width: 767.98px) { /* md */

}

@media (max-width: 991.98px) { /* lg */

}

@media (max-width: 1199.98px) { /* xl */

}

@media (max-width: 1399.98px) { /* xxl */

}
/* ---------------------------------------------------------------------------------------- */