html {
  height: 100%;
}

body {
  background-color: #FFF;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #000;
  height: 100%;
}

.general {
  /* font-family: Cairo; */
  /* font-family: 'Noto Sans' !important; */
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  /* font-family: 'Cairo' !important; */
}

.navbar {
  justify-content: center;
  /* margin-bottom: 10px; */
  height: 50px;
  background-color: #0f3a5d;
}

.navbar-collapse {
  background-color: #0f3a5d;

}

.navbar-toggler {
  align-self: flex-start;
  justify-content: left !important;
  margin-bottom: 10px;
}

.nav-link {
  color: #FFF !important;
  font-weight: 600;
  font-size: x-large;
}

.nav-link:hover {
  color: #98CAEB !important;

  opacity: 0.75;
}

.nav-item:hover {
  color: #98CAEB !important;

  opacity: 0.75;
}

.nav-item {
  padding: 0px 10px 0 10px;
}

.header {
  background-color: #0f3a5d;
  background-blend-mode: darken;
  width: 100%;
  /* height: 210px; */
}

.footer {
  padding: 4rem 0 4rem 0;
  background-color: #0f3a5d;
  color: #FFF;
  display: block;
}

.carouselMain {
  height: 300px;
}

.carouselMain img {
  height: 400px;
  object-fit: cover;
  /* Crops image to fit, maintaining aspect ratio */
  width: 100%;
}

.carouselTestimonials {
  height: 500px;
}

.carousel {
  padding: 0 !important;
  margin: 0 !important;
}

/* HEADINGS */

/* TODO - see if even needed */
.headings {
  color: #0f3a5d;
  font-family: "Cairo", sans-serif;
  margin-bottom: 1rem;
}

h1 {
  font-family: "Cairo", sans-serif;
  font-size: 50px;
  line-height: 55px;
  margin-bottom: 1rem;

  color: #0f3a5d;
}

h2 {
  font-family: "Cairo", sans-serif;
  font-size: 40px;
  line-height: 45px;
  margin-bottom: 1rem;

  color: #0f3a5d;
}

h3 {
  font-family: "Cairo", sans-serif;
  font-size: 25px;
  line-height: 30px;
  color: #777;
  /*letter-spacing: 2px;*/
}

h3.azul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  color: #0f3a5d;
}

h4 {
  font-size: 20px;
  line-height: 25px;
  color: #0f3a5d;
}

/* HEADINGS END */

/* BUTTONS */
.btn {
  font-family: "Cairo", sans-serif;
  border-radius: 10px !important;
  font-size: 1.2rem;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 1rem;
}

.btn-primary {
  color: #FFF !important;
  background-color: #2e4867 !important;
  border-color: #2e4867 !important
}

.btn-primary:hover {
  transform: scale(1.15);
  opacity: 0.75;
}

.btn-primary-alt {
  background-color: #98CAEB !important;
  border-color: #98CAEB !important;
  color: #292a2a !important;
  transition: all 0.3s
}

.btn-primary-alt:hover {
  transform: scale(1.05);
  opacity: 0.75;
}

.btn-primary-simple {
  color: #FFF !important;
  background-color: #2e4867 !important;
  border-color: #2e4867 !important
}

.btn-primary-simple:hover {
  transform: scale(1.02);
  opacity: 0.75;
}

.btn-secondary {
  background-color: #98CAEB !important;
  border-color: #98CAEB !important;
  color: #FFF !important;
  transition: all 0.3s
}

.btn-secondary:hover {
  transform: scale(1.15);
  opacity: 0.75;
}

.btn-secondary-alt {
  background-color: #41BBCA !important;
  border-color: #41BBCA !important;
  color: #FFF !important;
  transition: all 0.3s;
  margin-left: 15px !important;
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 .2rem #23374f
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #FFF;
  background-color: rgba(46, 72, 103, 0.7) !important;
  border-color: rgba(46, 72, 103, 0.7) !important
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
  color: #FFF;
  background-color: #2e4867 !important;

}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(46, 72, 103, 0.7)
}

.btn-warning {
  color: #000 !important;
  background-color: #41bbca !important;
  border-color: #41bbca !important
}

.btn-warning:hover {
  color: #000;
  background-color: #41bbca !important;
  border-color: #41bbca !important
}

.btn-warning:focus,
.btn-warning.focus {
  box-shadow: 0 0 0 .2rem #23374f
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #fff !important;
  background-color: rgba(46, 72, 103, 0.7) !important;
  border-color: rgba(46, 72, 103, 0.7) !important
}

.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show>.btn-warning.dropdown-toggle {
  color: #FFF !important;
  background-color: #2e4867 !important;

}

.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(46, 72, 103, 0.7)
}


/* BUTTONS END */

/* INPUT */
.searchInput {
  height: 40px;
  margin-top: 2px;
}

/* INPUT END*/

/* CARDS */

.contact-card {
  background-color: var(--surface-color);
  padding: 20px;
  border-radius: 12px;
  display: flex;
  align-items: flex-start;
  gap: 15px;
  box-shadow: 10px 10px 10px #a7a8a9;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card-img-top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: calc(.25rem - 1px);
  border-bottom-right-radius: calc(.25rem - 1px);
  height: 100% !important;
}

.card {
  transition: all 0.3s
}

.card:hover {
  /* transform: translateY(-5px); */
  transform: scale(1.05);
  opacity: 0.75;
  /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
}

/* CARDS END */

/* MENU ITEMS */
.dropdown-menu.megamenu {
  transform: none !important;

  position: absolute;
  top: 60px !important;
  /*width: 1200px !important;*/
  width: 90vw;
  height: auto !important;
  left: 50% !important;
  margin-left: -45vw !important;
}

/* MENU ITEMS END */

/* SOCIAL ICONS */
.social-icon {
  transition: all 0.3s;
  padding: 5px !important;
}

.social-icon:hover {
  transform: scale(1.35);
  opacity: 0.75;
}

/* SOCIAL ICONS END */

/* 
COLOR PALLETTE 
#00365f
#00567d
#044f77

Primary #0F3A5D
Light Blue secondary #98CAEB
Light Blue secondary alternative #41BBCA

Cairo
Noto Sans

*/

.btn-secondary-alt:hover {
  transform: scale(1.15);
  opacity: 0.75;
}

.btn-alt {
  background-color: #0f3a5d !important;
  border-color: #0f3a5d !important;
  color: #FFF !important;
  transition: all 0.3s
}

.btn-alt:hover {
  transform: scale(1.015);
  opacity: 0.75;
}

/* For WebKit-based browsers (Chrome, Safari, Edge, etc.) */
::-webkit-selection {
  background-color: #98CAEB;
  color: #333333;
  /* Dark gray text */
}

/* For Firefox */
::-moz-selection {
  background-color: #98CAEB;
  color: #333333;
  /* Dark gray text */
}

/* Standard selection for other browsers and as a fallback */
::selection {
  background-color: #98CAEB;
  color: #333333;
  /* Dark gray text */
}

.testlinks {
  color: #000 !important;
}