@charset "UTF-8";
/* Header */
/* Left Side */
.text-blue {
  color: #3E4095;
}

.text-gray {
  color: #9E9E9E;
}

* {
  margin: 0;
  padding: 0;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
}

.b-1 {
  border: 1px solid red;
}

h1 {
  font-weight: 700;
  font-size: 2.75rem;
  margin: 1rem 0;
  color: white;
}

h2 {
  font-weight: 600;
  font-size: 2.5rem;
  margin: 0.8rem 0;
  color: #3E4095;
  text-align: center;
}
@media (max-width: 768px) {
  h2 {
    font-size: 2rem;
  }
}

h3 {
  font-weight: 500;
  font-size: 1.75rem;
  margin: 0.5rem 0;
  color: #3E4095;
}
@media (max-width: 768px) {
  h3 {
    font-size: 1.5rem;
  }
}

label {
  margin-bottom: 0;
}

.loading-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.loading-screen img {
  width: 250px;
}

.back-to-top {
  position: fixed;
  bottom: 80px;
  right: 10px;
  width: 50px;
  height: 50px;
  background-color: #3E4095;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  z-index: 99;
  opacity: 1;
  box-shadow: 0 0 10px #000;
}
@media (min-width: 768px) {
  .back-to-top {
    opacity: 0.7;
  }
  .back-to-top:hover {
    opacity: 1;
  }
}
.back-to-top i {
  color: white;
  font-size: 1.5rem;
}

.grecaptcha-badge {
  visibility: hidden;
}

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

.text-cyan {
  color: #00AFEF;
}

.text-turquoise {
  color: #016B75 !important;
}

.text-small {
  font-size: 12px !important;
}

@font-face {
  font-family: "Freestyle Script Regular";
  font-style: normal;
  font-weight: normal;
  src: local("Freestyle Script Regular"), url("../../fonts/FREESCPT.woff") format("woff");
}
.underconstruction-bar {
  background-color: red;
  position: fixed;
  bottom: 230px;
  left: 0;
  width: 30px;
  height: 190px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  z-index: 99999;
}
.underconstruction-bar p.underconstruction-text {
  font-size: 0.7rem;
  font-weight: bold;
  color: white;
  text-align: center;
  transform: rotate(-90deg);
  margin: 0;
  padding: 0;
  position: absolute;
  width: 180px;
}

.maintenancemode-bar {
  background-color: red;
  position: fixed;
  bottom: 230px;
  left: 0;
  width: 30px;
  height: 155px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  z-index: 99999;
}
.maintenancemode-bar p.maintenancemode-text {
  font-size: 0.7rem;
  font-weight: bold;
  color: white;
  text-align: center;
  transform: rotate(-90deg);
  margin: 0;
  padding: 0;
  position: absolute;
  width: 180px;
}

/* Cambiar el color de fondo del custom-switch */
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #ff5733;
  background-color: #ff5733; /* Cambia el color a tu elección */
  outline: none;
}

/* Cambiar el color del interruptor cuando está en estado activado */
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff; /* Cambia el color a tu elección */
}

.countdown-container {
  width: 100%;
  margin: 2rem 0;
}
.countdown-container ul#countdown {
  width: 100%;
  margin: 0 auto;
  padding: 15px 0 20px 0;
  color: #fff;
  border: 1px solid #adafb2;
  border-width: 1px 0;
  overflow: hidden;
  font-family: "Arial Narrow", Arial, sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
}
@media (min-width: 992px) {
  .countdown-container ul#countdown {
    width: 60%;
  }
}
.countdown-container ul#countdown li {
  margin: 0 -3px 0 0;
  padding: 0;
  display: inline-block;
  width: 200px;
  font-size: 72px;
  font-size: 6vw;
  text-align: center;
}
.countdown-container ul#countdown li .label {
  color: #fff;
  font-size: 0.8rem;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .countdown-container ul#countdown li .label {
    font-size: 1.3rem;
  }
}
.countdown-container ul#countdown li .number {
  color: #fff;
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .countdown-container ul#countdown li .number {
    font-size: 3rem;
  }
}

.culture-selector {
  position: fixed;
  top: 3px;
  right: 80px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  font-size: 0.85rem;
  font-weight: 600;
}
@media (min-width: 576px) {
  .culture-selector {
    right: 15px;
  }
}
@media (min-width: 767.99px) {
  .culture-selector {
    right: 15px;
    top: 10px;
  }
}
@media (min-width: 992px) {
  .culture-selector {
    right: 20px;
    top: 13px;
  }
}

.enviroment-bar {
  background-color: orange;
  position: fixed;
  bottom: 70px;
  left: 0;
  width: 30px;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  z-index: 99999;
}
.enviroment-bar p.environment-text {
  font-size: 0.7rem;
  font-weight: bold;
  color: black;
  text-align: center;
  transform: rotate(-90deg);
  margin: 0;
  padding: 0;
}

header {
  background-color: #3E4095;
}
header .main-header {
  background: var(--bg-sm-url) no-repeat center center;
  background-size: cover;
  height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  header .main-header {
    background: var(--bg-md-url) no-repeat center center;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  header .main-header {
    background: var(--bg-lg-url) no-repeat center center;
    background-size: cover;
  }
}
header .main-header .content-main-header {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem;
}
header .main-header .content-main-header .slogan-container {
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
header .main-header .content-main-header .slogan-container h1 {
  font-family: "Freestyle Script Regular";
  font-size: 4rem;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
@media (max-width: 768px) {
  header .main-header .content-main-header .slogan-container h1 {
    width: 100%;
    font-size: 2.5rem;
    text-align: center;
  }
}
header .main-header .content-main-header .cta-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  width: 95%;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .cta-container {
    width: 75%;
  }
}
@media (min-width: 992px) {
  header .main-header .content-main-header .cta-container {
    width: 50%;
  }
}
header .main-header .content-main-header .cta-container h2 {
  font-size: 2rem;
  color: white;
  margin-top: 3rem;
  margin-bottom: 0.5rem;
  text-align: center;
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  width: 100%;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .cta-container h2 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
header .main-header .content-main-header .cta-container h3 {
  text-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
  display: none;
  text-align: center;
  color: white;
  width: 100%;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .cta-container h3 {
    display: block;
  }
}
header .main-header .content-main-header .cta-container .btn-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .cta-container .btn-container {
    flex-direction: row;
    justify-content: center;
  }
}
header .main-header .content-main-header .featured-post-container {
  width: 95%;
  height: 150px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .featured-post-container {
    width: 75%;
    height: 150px;
  }
}
@media (min-width: 992px) {
  header .main-header .content-main-header .featured-post-container {
    width: 50%;
  }
}
header .main-header .content-main-header .featured-post-container .img-container {
  width: 40%;
  height: 100%;
}
header .main-header .content-main-header .featured-post-container .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .featured-post-container .img-container {
    width: 50%;
  }
}
@media (min-width: 992px) {
  header .main-header .content-main-header .featured-post-container .img-container {
    width: 50%;
  }
}
header .main-header .content-main-header .featured-post-container .post-body {
  width: 60%;
  padding: 1rem;
}
@media (min-width: 768px) {
  header .main-header .content-main-header .featured-post-container .post-body {
    width: 50%;
  }
}
@media (min-width: 992px) {
  header .main-header .content-main-header .featured-post-container .post-body {
    width: 50%;
  }
}
header .main-header .content-main-header .featured-post-container .post-body h3 {
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
  color: black;
}
@media (min-width: 992px) {
  header .main-header .content-main-header .featured-post-container .post-body h3 {
    font-size: 0.9rem;
  }
}
header .main-header .content-main-header .featured-post-container .post-body h4 {
  font-size: 0.8rem;
  margin: 0;
  color: black;
}
@media (min-width: 992px) {
  header .main-header .content-main-header .featured-post-container .post-body h4 {
    font-size: 0.9rem;
  }
}
header .main-header .content-main-header .featured-post-container .post-body .lnk.lnk {
  font-size: 0.8rem;
  color: black;
  margin-top: 1rem !important;
}
header .main-header .lottifile-header-container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 150px;
}
header .navbar-main-header {
  width: 100%;
  min-height: 70px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
}
header .navbar-main-header .hamburger-bars {
  color: white;
  display: none;
  width: 32px;
}
header .navbar-main-header .hamburger-bars.show {
  display: block;
}
header .navbar-main-header.sticky-bar-fixed {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #3E4095;
  box-shadow: rgba(25, 41, 61, 0.18) 0px 2px 3px 2px;
  opacity: 0.95;
}
header .navbar-main-header .navbar {
  box-shadow: none;
}
header .navbar-main-header .menu-container {
  position: relative;
  flex-grow: 1;
}
header .navbar-main-header .menu-container li a {
  color: white;
  font-weight: 600;
}
header .navbar-main-header .menu-container li a.active {
  border-bottom: 0;
  border-left: 4px solid white;
}
@media (min-width: 768px) {
  header .navbar-main-header .menu-container li a.active {
    border-bottom: 2px solid white;
    border-left: 0;
  }
}
header .navbar-main-header .menu-container .nav {
  z-index: 2;
}
header .navbar-main-header .menu-container .nav .nav-link {
  font-size: 1.5rem;
  color: white;
}
@media (min-width: 768px) {
  header .navbar-main-header .menu-container .nav .nav-link {
    font-size: 16px;
  }
}
header .navbar-main-header .menu-container .nav.collapsed {
  flex-direction: column;
  position: absolute;
  background-color: #3E4095;
  box-shadow: rgba(25, 41, 61, 0.18) 3px 3px 3px 3px;
  left: -150px;
  top: 50px;
  width: 300px;
  padding: 2rem;
  display: none;
}
header .navbar-main-header .menu-container .nav.collapsed.show {
  display: block;
}
header .navbar-main-header .logo-container {
  width: 150px;
  height: auto;
  margin-right: 0;
}
@media (max-width: 768px) {
  header .navbar-main-header .logo-container {
    width: auto;
  }
  header .navbar-main-header .logo-container a {
    height: 100%;
  }
}
header .navbar-main-header .logo-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
header .navbar-main-header .btn-container {
  display: flex;
}
header .navbar-main-header .btn-container .btn-email {
  display: none;
}
@media (min-width: 414px) {
  header .navbar-main-header .btn-container .btn-email {
    display: flex;
  }
}

footer {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
}
footer .contact-container {
  width: 100%;
  min-height: 600px;
  background-color: #3E4095;
  position: relative;
}
footer .contact-container .contact-corner-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: auto;
}
footer .contact-container .contact-corner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .contact-container .contact-content-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media (max-width: 768px) {
  footer .contact-container .contact-content-container {
    flex-direction: column;
    align-items: center;
  }
}
footer .contact-container .contact-content-container .left-col {
  width: 50%;
  height: auto;
  margin: 0 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 3rem;
}
@media (max-width: 768px) {
  footer .contact-container .contact-content-container .left-col {
    width: 100%;
    padding: 0 1rem;
  }
}
footer .contact-container .contact-content-container .left-col h2, footer .contact-container .contact-content-container .left-col h3 {
  color: white;
  width: 100%;
  z-index: 1;
  text-align: left;
}
@media (max-width: 768px) {
  footer .contact-container .contact-content-container .left-col h2, footer .contact-container .contact-content-container .left-col h3 {
    text-align: center;
  }
}
footer .contact-container .contact-content-container .left-col h3 {
  font-size: 1rem;
}
footer .contact-container .contact-content-container .left-col .contact-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card {
  width: 100%;
  min-height: 30px;
  margin: 0;
  padding: 0.5rem;
  display: flex;
}
@media (max-width: 475px) {
  footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card {
    flex-direction: column;
  }
}
footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .icon-container {
  width: 15%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (max-width: 475px) {
  footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .icon-container {
    width: 100%;
  }
}
footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .icon-container i {
  color: white;
}
footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .content-container {
  width: 75%;
  height: 100%;
}
footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .content-container h3 {
  text-align: left;
}
footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .content-container a {
  color: white;
  text-decoration: underline;
}
@media (max-width: 475px) {
  footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .content-container {
    width: 100%;
  }
  footer .contact-container .contact-content-container .left-col .contact-wrapper .contact-card .content-container h3 {
    text-align: center;
  }
}
footer .contact-container .contact-content-container .left-col .buttons-container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  footer .contact-container .contact-content-container .left-col .buttons-container {
    justify-content: center;
  }
}
footer .contact-container .contact-content-container .right-col {
  width: 50%;
  height: auto;
  margin: 0 2rem;
}
@media (max-width: 768px) {
  footer .contact-container .contact-content-container .right-col {
    width: 100%;
    padding: 1rem;
  }
}
footer .contact-container .contact-content-container .right-col img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
footer .footer-container {
  border-top: 2px solid white;
  width: 100%;
  height: auto;
  background-color: #3E4095;
}
@media (max-width: 768px) {
  footer .footer-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
footer .footer-container .col-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 50px;
}
@media (max-width: 768px) {
  footer .footer-container .col-container {
    flex-direction: column;
    padding: 0.5rem 0;
  }
}
footer .footer-container .col-container .left-col {
  width: 45%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 768px) {
  footer .footer-container .col-container .left-col {
    width: 100%;
    justify-content: center;
  }
}
footer .footer-container .col-container .left-col ul {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  footer .footer-container .col-container .left-col ul a {
    font-size: 0.9rem;
  }
}
footer .footer-container .col-container .left-col a {
  color: white;
}
footer .footer-container .col-container .left-col a:hover {
  text-decoration: underline;
}
footer .footer-container .col-container .right-col {
  width: 45%;
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  footer .footer-container .col-container .right-col {
    width: 100%;
  }
}
footer .footer-container .col-container .right-col p {
  color: white;
  font-size: 0.8rem;
  margin: 0;
}
@media (max-width: 768px) {
  footer .footer-container .col-container .right-col p {
    padding: 0 2rem;
    text-align: center;
    font-size: 0.7rem;
  }
}

.btn.btn {
  border-radius: 5px;
  font-weight: 600;
  font-size: 1rem !important;
}
.btn.btn.btn-primary {
  background-color: #3E4095 !important;
  color: white;
}
.btn.btn.btn-primary-turquoise {
  background-color: #016B75 !important;
  color: white;
}
.btn.btn.btn-primary-cyan {
  background-color: #00AFEF !important;
  color: white;
}
.btn.btn.btn-primary-inverse {
  background-color: white;
  color: #3E4095;
}
.btn.btn.btn-primary-inverse-turquoise {
  background-color: white;
  color: #016B75;
}
.btn.btn.btn-white-primary {
  background-color: white !important;
  color: #3E4095 !important;
  border: 1px solid #3E4095 !important;
}
.btn.btn.btn-outline-blue {
  background-color: transparent !important;
  color: #3E4095 !important;
  border: 1px solid #3E4095 !important;
}
.btn.btn.btn-outline-turquoise {
  background-color: transparent !important;
  color: #016B75 !important;
  border: 1px solid #016B75 !important;
}
.btn.btn.btn-outline-white {
  background-color: transparent !important;
  color: white;
  border: 1px solid white;
}
.btn.btn.btn-outline-black-50 {
  background-color: transparent !important;
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.lnk {
  text-decoration: underline;
}
.lnk.lnk-primary {
  color: #3E4095;
}
.lnk.lnk-black {
  color: black;
}

.section {
  min-height: 600px;
  width: 100%;
  background-color: #f0f0f0;
}
.section .container-white {
  background-color: white;
}
.section .container-gray {
  background-color: #f5f5f5;
}
.section .container-blue {
  background-color: #3E4095;
}
.section .container-cyan {
  background-color: #00AFEF;
}
.section .container-turquoise {
  background-color: #016B75;
}

.popup-container {
  position: fixed;
  top: 120px;
  right: 5px;
  width: 250px;
  height: auto;
  z-index: 15;
}
@media (min-width: 768px) {
  .popup-container {
    width: 350px;
  }
}
.popup-container .popup {
  position: relative;
  width: 100%;
  height: auto;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.popup-container .popup-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  padding: 5px 15px;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-container .popup-header .btn-close {
  cursor: pointer;
}
.popup-container .popup-header .btn-close i[class^=fa-], .popup-container .popup-header .btn-close i[class*=" fa-"] {
  font-size: 20px;
}
.popup-container .popup-body {
  padding: 5px 0;
  font-size: 14px;
}
.popup-container .popup-body p {
  font-size: inherit;
}
.popup-container .popup-footer {
  text-align: right;
}
.popup-container .popup .popup-button {
  padding: 3px 5px;
  border-radius: 3px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.popup-container .popup.success {
  background-color: #C8E6C9;
}
.popup-container .popup.success::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f058";
  position: absolute;
  top: 10;
  left: 0;
  padding: 5px;
  color: black;
}
.popup-container .popup.error {
  background-color: #F8BBD0;
}
.popup-container .popup.error::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f071";
  position: absolute;
  top: 10;
  left: 0;
  padding: 5px;
  color: black;
}
.popup-container .popup.info {
  background-color: #BBDEFB;
}
.popup-container .popup.info::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f05a";
  position: absolute;
  top: 10;
  left: 0;
  padding: 5px;
  color: black;
}
.popup-container .popup.warning {
  background-color: #FFD54F;
}
.popup-container .popup.warning::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f06a";
  position: absolute;
  top: 10;
  left: 0;
  padding: 5px;
  color: black;
}

.flip-card {
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}
.flip-card-inner.flipped {
  transform: rotateY(180deg);
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background-color: transparent;
  color: black;
}

/* Style the back side */
.flip-card-back {
  background-color: transparent;
  color: white;
  transform: rotateY(180deg);
}

.tiles {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}
@media (min-width: 992px) {
  .tiles {
    max-height: 1024px;
    overflow-y: auto;
  }
}

.tile {
  position: relative;
  float: left;
  width: 100%;
  height: 300px;
  margin-bottom: 0.5rem;
  overflow: hidden;
  cursor: pointer;
}
@media (min-width: 768px) {
  .tile {
    width: 300px;
    height: 300px;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .tile {
    width: 340px;
    height: 340px;
    margin: 0;
  }
}
.tile .caption {
  position: absolute;
  z-index: 998;
  color: white;
  background-color: #3E4095;
  opacity: 0.8;
  bottom: 0;
  width: auto;
  padding: 1rem;
  font-size: 0.8rem;
}

.photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: transform 0.5s ease-out;
}

.gallery-section .gallery-container {
  padding: 0.5rem;
}
@media (min-width: 768px) {
  .gallery-section .gallery-container {
    padding: 3rem;
  }
  .gallery-section .gallery-container i[class^=fa-] {
    font-size: 4rem;
  }
}
.gallery-section .image-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: none;
}
.gallery-section .image-modal.show {
  display: flex;
}
.gallery-section .image-modal .image-container {
  position: relative;
  width: 90%;
  height: 90%;
}
.gallery-section .image-modal .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none;
}
.gallery-section .image-modal .image-container .caption {
  font-size: 1rem;
  position: absolute;
  bottom: 0;
  left: 0px;
  width: auto;
  padding: 1rem;
  background-color: #3E4095;
  opacity: 0.8;
  color: white;
}
.gallery-section .image-modal .image-container .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 40px;
  height: 40px;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  background-color: #3E4095;
  opacity: 0.8;
  border-radius: 50%;
}
.gallery-section .image-modal .image-container .close-btn [class^=fa-],
.gallery-section .image-modal .image-container .close-btn [class*=" fa-"] {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .gallery-section .image-modal .image-container .close-btn {
    width: 60px;
    height: 60px;
  }
}

.lottie-container {
  position: fixed;
  bottom: 100px;
  width: 200px;
  height: 200px;
  z-index: 1000;
  display: none;
}
.lottie-container.pos-right {
  animation: animate-lottie-container-right 3s ease-in-out forwards;
  right: 30px !important;
}
@media (min-width: 992px) {
  .lottie-container.pos-right {
    right: 40px !important;
  }
}
.lottie-container.pos-left {
  animation: animate-lottie-container-left 3s ease-in-out forwards;
  left: 30px !important;
}
@media (min-width: 992px) {
  .lottie-container.pos-left {
    left: 40px !important;
  }
}
@media (min-width: 768px) {
  .lottie-container {
    display: block;
  }
}
@keyframes animate-lottie-container-left {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes animate-lottie-container-right {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}

.cookie-consent {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: #016B75;
  color: #fff;
  text-align: left;
  z-index: 9999;
  box-shadow: 0px 0px 10px 0px #000;
}
.cookie-consent .content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .cookie-consent .content-container {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0.2rem 0;
  }
}
.cookie-consent .content-container .cookie-consent-text {
  text-align: center;
  font-size: 1rem;
}
@media (min-width: 992px) {
  .cookie-consent .content-container .cookie-consent-text {
    text-align: left;
    margin: 0;
  }
}
.cookie-consent .content-container button {
  background-color: #fff;
  color: #000;
  border: none;
  padding: 5px 10px;
  margin-left: 10px;
  cursor: pointer;
}
@media (min-width: 992px) {
  .cookie-consent .content-container button {
    width: 25%;
  }
}

.about-us-container {
  padding: 3rem;
}
.about-us-container p {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media (max-width: 768px) {
  .about-us-container {
    padding: 0.5rem;
  }
  .about-us-container p {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 991px) {
  .about-us-container p {
    margin-left: 0;
    margin-right: 0.5rem;
  }
}
.about-us-container .about-card {
  background-color: white;
  color: black;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 1rem;
}
@media (max-width: 768px) {
  .about-us-container .about-card {
    flex-direction: column;
    width: 100%;
    min-height: 600px;
    padding: 1rem;
    margin: 0;
    margin-bottom: 2rem;
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .about-us-container .about-card {
    padding: 0.5rem;
    margin-right: 0.5;
  }
}
.about-us-container .about-card p span {
  font-weight: 600;
}
.about-us-container .about-card .col-left {
  min-width: 250px;
  height: 100%;
  margin-right: 3rem;
}
@media (max-width: 768px) {
  .about-us-container .about-card .col-left {
    width: 100%;
    height: 300px;
    margin-right: 0;
  }
}
@media (max-width: 991px) {
  .about-us-container .about-card .col-left {
    padding: 0.5rem;
    margin-right: 0.5rem;
  }
}
.about-us-container .about-card .col-left img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-us-container .about-card .col-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.about-us-container .about-card .col-right p {
  margin-left: 0;
}
@media (max-width: 768px) {
  .about-us-container .about-card .col-right {
    text-align: center;
  }
  .about-us-container .about-card .col-right h3 {
    margin-top: 2rem;
  }
}
@media (max-width: 991px) {
  .about-us-container .about-card .col-right {
    padding: 0.5rem;
  }
}
.about-us-container .about-card .col-right hr {
  border: 1px solid #3E4095;
  width: 50%;
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .about-us-container .about-card .col-right hr {
    margin-left: auto;
    margin-right: auto;
  }
}
.about-us-container .membership-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .about-us-container .membership-wrapper {
    flex-direction: row;
    align-items: stretch;
  }
}
.about-us-container .membership-wrapper .membership-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  margin: 0.5rem 0;
  padding: 0.5rem;
  width: 100%;
}
@media (min-width: 768px) {
  .about-us-container .membership-wrapper .membership-card {
    margin: 0 1rem;
    padding: 1rem;
    width: 300px;
  }
}
.about-us-container .membership-wrapper .membership-card img {
  width: 150px;
  height: 150px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .about-us-container .membership-wrapper .membership-card img {
    width: 180px;
    height: 180px;
  }
}
.about-us-container .membership-wrapper .membership-card p {
  text-align: center;
}

.research-container {
  padding: 3rem;
}
.research-container p {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media (max-width: 768px) {
  .research-container {
    padding: 0.5rem;
  }
  .research-container p {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 991px) {
  .research-container p {
    margin-left: 0;
    margin-right: 0.5rem;
  }
}
.research-container .research-owl-carousel {
  position: relative;
  padding: 0 3rem;
}
@media (max-width: 768px) {
  .research-container .research-owl-carousel {
    padding: 0 0.5rem;
  }
}
.research-container .research-owl-carousel .item .research-card {
  position: relative;
  width: 300px;
  height: 300px;
  cursor: pointer;
}
@media (max-width: 320px) {
  .research-container .research-owl-carousel .item .research-card {
    width: auto;
    height: 320px;
  }
}
@media (max-width: 767px) {
  .research-container .research-owl-carousel .item .research-card {
    width: auto;
    height: 450px;
  }
}
.research-container .research-owl-carousel .item .research-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.research-container .research-owl-carousel .item .research-card .research-card-caption {
  position: absolute;
  bottom: 0.5rem;
  left: 1rem;
}
.research-container .research-owl-carousel .item .research-card .research-card-caption h3 {
  color: white;
}
.research-container .research-owl-carousel .owl-nav {
  position: absolute;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: -1rem;
  left: 0;
  right: 0;
  bottom: 2.5rem;
}
.research-container .research-owl-carousel .owl-nav button.owl-prev,
.research-container .research-owl-carousel .owl-nav button.owl-next {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(62, 64, 149, 0.5);
  z-index: 1;
}
.research-container .research-owl-carousel .owl-nav button.owl-prev:focus,
.research-container .research-owl-carousel .owl-nav button.owl-next:focus {
  outline: none;
}
.research-container .research-owl-carousel .owl-nav button.owl-prev i,
.research-container .research-owl-carousel .owl-nav button.owl-next i {
  color: white;
}
.research-container .research-owl-carousel .owl-dots .owl-dot {
  margin-top: 2rem;
}
.research-container .research-owl-carousel .owl-dots .owl-dot span {
  width: 25px;
  height: 7px;
  display: block;
  transition: opacity 200ms ease;
  border-radius: 0;
}
.research-container .research-owl-carousel .owl-dots .owl-dot.active span {
  background-color: #3E4095;
}

.cta-cro-looking-container {
  position: relative;
  padding: 3rem;
}
@media (max-width: 475px) {
  .cta-cro-looking-container {
    padding: 1rem;
  }
}
.cta-cro-looking-container .buttons-container {
  margin-top: 5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 475px) {
  .cta-cro-looking-container .buttons-container {
    flex-direction: column;
  }
  .cta-cro-looking-container .buttons-container button,
  .cta-cro-looking-container .buttons-container a {
    width: 90%;
  }
}

.capabilities-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.capabilities-container p {
  text-align: center;
  width: 95%;
}
@media (min-width: 768px) {
  .capabilities-container p {
    width: 75%;
  }
}
.capabilities-container .capabilities-card-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
}
.capabilities-container .capabilities-card-wrapper .capabilities-card {
  background-color: white;
  margin: 1rem;
  width: 250px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.capabilities-container .capabilities-card-wrapper .capabilities-card h5 {
  text-align: center;
  font-size: 1rem;
  margin-top: 0.5rem;
  padding: 0.5rem;
  font-weight: normal;
}
.capabilities-container .capabilities-card-wrapper .capabilities-card img {
  width: 100%;
  min-height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

.cta-next-step-container {
  position: relative;
  padding: 3rem;
}
@media (max-width: 475px) {
  .cta-next-step-container {
    padding: 1rem;
  }
}
.cta-next-step-container .buttons-container {
  margin-top: 5rem;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 475px) {
  .cta-next-step-container .buttons-container {
    flex-direction: column;
  }
  .cta-next-step-container .buttons-container button,
  .cta-next-step-container .buttons-container a {
    width: 90%;
  }
}
.cta-next-step-container .corner-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: auto;
}
.cta-next-step-container .corner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.faq-container {
  padding-bottom: 4rem;
}
.faq-container .faq-accordeon {
  padding: 1rem;
}
.faq-container .faq-accordeon .tab-header {
  width: 100%;
  padding: 1rem;
  background-color: #f5f5f5;
  margin-bottom: 0.5rem;
  position: relative;
  cursor: pointer;
}
.faq-container .faq-accordeon .tab-header span {
  display: block;
  width: 90%;
  font-size: 1.3rem;
  font-weight: 600;
}
.faq-container .faq-accordeon .tab-header span i.fas {
  font-size: 1.7rem;
}
.faq-container .faq-accordeon .tab-header::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.2rem;
  content: "\f107";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  right: 30px;
  color: #696969;
}
.faq-container .faq-accordeon .tab-header.active::before {
  content: "\f106";
}
.faq-container .faq-accordeon .tab-content {
  width: 100%;
  background-color: white;
  position: relative;
  margin-top: -8px;
  padding: 2rem 1rem;
  border-left: 5px solid #f5f5f5;
  margin-left: 1.5rem;
  border-top: 0;
}
.faq-container .faq-accordeon .tab-content ul {
  margin-left: 1.5rem !important;
}
.faq-container .faq-accordeon .tab-content ul li {
  color: #016B75;
}
.faq-container .faq-accordeon .tab-content p {
  color: #016B75;
}

.clinical-trial-container p {
  margin-left: 3rem;
  margin-right: 3rem;
}
@media (max-width: 768px) {
  .clinical-trial-container {
    padding: 0.5rem;
  }
  .clinical-trial-container p {
    margin-left: 1rem;
    margin-right: 1rem;
  }
}
@media (max-width: 991px) {
  .clinical-trial-container p {
    margin-left: 0;
    margin-right: 0.5rem;
  }
}
.clinical-trial-container .trials-card-wrapper {
  width: 100%;
  min-height: 600px;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (max-width: 768px) {
  .clinical-trial-container .trials-card-wrapper {
    padding: 0.5rem;
  }
}
.clinical-trial-container .trials-card-wrapper .trials-card {
  width: 100%;
  min-height: 350px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .clinical-trial-container .trials-card-wrapper .trials-card {
    height: auto;
    flex-direction: column;
    margin-bottom: 1rem;
  }
  .clinical-trial-container .trials-card-wrapper .trials-card.inverse {
    flex-direction: column-reverse;
  }
}
.clinical-trial-container .trials-card-wrapper .trials-card .left-col {
  width: 50%;
  height: 100%;
}
@media (max-width: 768px) {
  .clinical-trial-container .trials-card-wrapper .trials-card .left-col {
    width: 100%;
    height: auto;
  }
}
.clinical-trial-container .trials-card-wrapper .trials-card .left-col img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.clinical-trial-container .trials-card-wrapper .trials-card .right-col {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0 2rem;
  background-color: white;
}
.clinical-trial-container .trials-card-wrapper .trials-card .right-col p {
  margin-left: 0;
  margin-right: 0;
}
@media (max-width: 768px) {
  .clinical-trial-container .trials-card-wrapper .trials-card .right-col {
    width: 100%;
    height: auto;
    padding: 2rem;
  }
  .clinical-trial-container .trials-card-wrapper .trials-card .right-col h3 {
    text-align: center;
    width: 100%;
  }
  .clinical-trial-container .trials-card-wrapper .trials-card .right-col p {
    text-align: justify;
  }
}

.costs-card {
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .costs-card {
    height: auto;
  }
}
.costs-card .img-container img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.costs-card .content-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .costs-card .content-container {
    flex-direction: column;
    height: auto;
  }
}
.costs-card .content-container .left-col {
  width: 50%;
  height: 100%;
  padding: 0 3rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  .costs-card .content-container .left-col {
    width: 100%;
    padding: 0 0.5rem;
  }
}
.costs-card .content-container .left-col h2 {
  text-align: right;
  color: white;
}
@media (max-width: 768px) {
  .costs-card .content-container .left-col h2 {
    text-align: center;
    font-size: 1.5rem;
  }
}
.costs-card .content-container .right-col {
  width: 50%;
  height: 100%;
  padding: 0 4rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 768px) {
  .costs-card .content-container .right-col {
    width: 100%;
    padding: 0 1rem 0 3rem;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
  }
}
.costs-card .content-container .right-col ul li {
  font-size: 2rem;
  color: white;
}
@media (max-width: 768px) {
  .costs-card .content-container .right-col ul li {
    font-size: 1.2rem;
  }
}
.costs-card .button-container {
  width: 100%;
  height: auto;
  padding: 1rem 0;
  display: flex;
  justify-content: center;
  margin-bottom: 3rem;
}
@media (max-width: 768px) {
  .costs-card .button-container {
    flex-direction: column;
    z-index: 2;
    position: relative;
    justify-content: center;
    align-items: center;
  }
  .costs-card .button-container a, .costs-card .button-container button {
    width: 80%;
  }
}
.costs-card .button-container .btn.btn.btn-primary-inverse {
  color: #016B75;
}
.costs-card .corner-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100px;
  height: auto;
  z-index: 1;
}
.costs-card .corner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.our-team-section .our-team-container p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.our-team-section .our-team-container .team-card-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 1rem;
}
.our-team-section .our-team-container .team-card-wrapper .team-card {
  width: 256px;
  height: auto;
  min-height: 400px;
  margin: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  cursor: pointer;
}
@media (max-width: 768px) {
  .our-team-section .our-team-container .team-card-wrapper .team-card {
    min-height: 320px;
  }
}
.our-team-section .our-team-container .team-card-wrapper .team-card h3 {
  text-align: center;
  color: #016B75;
  font-size: 1.15rem;
}
.our-team-section .our-team-container .team-card-wrapper .team-card h3:hover {
  text-decoration: underline;
}
.our-team-section .our-team-container .team-card-wrapper .team-card .img-container {
  position: relative;
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
.our-team-section .our-team-container .team-card-wrapper .team-card .img-container img {
  width: 225px;
}
@media (max-width: 768px) {
  .our-team-section .our-team-container .team-card-wrapper .team-card .img-container img {
    width: 200px;
  }
}
.our-team-section .our-team-container .team-card-wrapper .team-card .img-container .read-more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.6rem;
}
.our-team-section .our-team-container .team-card-wrapper .team-card .img-container:hover .read-more {
  display: flex;
}

.team-modal .modal-content {
  position: relative;
}
.team-modal .modal-content .modal-body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .team-modal .modal-content .modal-body {
    flex-direction: column;
  }
}
.team-modal .modal-content .modal-body .left-col {
  width: 40%;
  height: 100%;
  padding: 1rem;
}
@media (max-width: 992px) {
  .team-modal .modal-content .modal-body .left-col {
    width: 100%;
    height: auto;
    padding: 0.5rem;
    display: flex;
    justify-content: center;
  }
}
.team-modal .modal-content .modal-body .left-col img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 992px) {
  .team-modal .modal-content .modal-body .left-col img {
    width: 256px;
    height: auto;
    margin-top: 12rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.team-modal .modal-content .modal-body .right-col {
  width: 60%;
  height: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .team-modal .modal-content .modal-body .right-col {
    width: 100%;
    height: auto;
    padding: 0.5rem;
  }
  .team-modal .modal-content .modal-body .right-col h3, .team-modal .modal-content .modal-body .right-col p.subtitle {
    text-align: center;
    width: 100%;
  }
}
.team-modal .modal-content .contact-corner-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: auto;
  z-index: 1;
}
.team-modal .modal-content .contact-corner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.team-modal .modal-content .modal-footer {
  z-index: 2;
}
.team-modal .modal-content .modal-footer.buttons-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 414px) {
  .team-modal .modal-content .modal-footer.buttons-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  .team-modal .modal-content .modal-footer.buttons-container button {
    width: 90%;
  }
}

.contact-modal .modal-content {
  position: relative;
}
.contact-modal .modal-content .validation-error-found,
.contact-modal .modal-content .required-error {
  color: red;
  font-size: 0.8rem;
}
.contact-modal .modal-content .validation-error-found i,
.contact-modal .modal-content .required-error i {
  color: red;
}
.contact-modal .modal-content label.required {
  position: relative;
  left: 12px;
}
.contact-modal .modal-content label.required::before {
  content: "";
  background: #FF8A00;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: -12px;
}
.contact-modal .modal-content p span.note-required {
  font-size: 0.8rem;
}
.contact-modal .modal-content p span.note-required i {
  color: #FF8A00;
  width: 6px;
  height: 6px;
  font-size: 0.6rem;
  margin-right: 5px;
}
.contact-modal .modal-content #frmContactUs .i-am-form-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.contact-modal .modal-content #frmContactUs .i-am-form-group #enrolled {
  display: flex;
  flex-direction: column;
}
.contact-modal .contact-corner-container {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: auto;
  z-index: 1;
}
.contact-modal .contact-corner-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact-modal .modal-footer {
  z-index: 2;
}
.contact-modal .modal-footer.buttons-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media (max-width: 414px) {
  .contact-modal .modal-footer.buttons-container {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
  }
  .contact-modal .modal-footer.buttons-container button {
    width: 90%;
  }
}

.register-section .validation-error-found,
.register-section .required-error {
  color: red;
  font-size: 0.8rem;
}
.register-section .validation-error-found i,
.register-section .required-error i {
  color: red;
}
.register-section .form-group label.required {
  position: relative;
  left: 12px;
}
.register-section .form-group label.required::before {
  content: "";
  background: #FF8A00;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 10px;
  left: -12px;
}
.register-section p span.note-required {
  font-size: 0.8rem;
}
.register-section p span.note-required i {
  color: #FF8A00;
  width: 6px;
  height: 6px;
  font-size: 0.6rem;
  margin-right: 5px;
}

.hyperbaric-container {
  border: 1px solid white;
}
.hyperbaric-container h4 {
  width: 90%;
}
@media (min-width: 768px) {
  .hyperbaric-container h4 {
    width: 75%;
  }
}
.hyperbaric-container h5 {
  width: 95%;
}
@media (min-width: 768px) {
  .hyperbaric-container h5 {
    width: 75%;
  }
}
.hyperbaric-container .hyperbaric-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.hyperbaric-container .hyperbaric-wrapper .hyperbaric-card {
  background-color: #f5f5f5;
  color: #016B75;
  width: 90%;
  margin: 0.5rem 1rem;
  padding: 2rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: bold;
  border: 1px solid #016B75;
}
@media (min-width: 768px) {
  .hyperbaric-container .hyperbaric-wrapper .hyperbaric-card {
    width: 250px;
    font-size: 1.2rem;
  }
}

.hero-container {
  width: 100%;
  min-height: calc(100vh - 45px);
  background: var(--background-sm-url) no-repeat center center;
  background-size: cover;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .hero-container {
    background: var(--background-md-url) no-repeat center center;
    background-size: cover;
    height: calc(100vh - 192px);
  }
}
@media (min-width: 992px) {
  .hero-container {
    background: var(--background-lg-url) no-repeat center center;
    background-size: cover;
    height: calc(100vh - 95px);
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }
}
.hero-container .carousel-container {
  width: 100%;
  height: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .hero-container .carousel-container {
    width: 40%;
    height: 40%;
  }
}
.hero-container .carousel-container .hero-owl-carousel {
  width: 100%;
}
.hero-container .carousel-container .hero-owl-carousel .content-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 2rem;
}
@media (min-width: 768px) {
  .hero-container .carousel-container .hero-owl-carousel .content-container {
    width: 100%;
    padding: 0 6rem;
  }
}
@media (min-width: 992px) {
  .hero-container .carousel-container .hero-owl-carousel .content-container {
    width: 100%;
    height: 100%;
    padding: 0 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
}
.hero-container .carousel-container .hero-owl-carousel .content-container h1 {
  width: 100%;
  font-size: 1.5rem;
  color: #3E4095;
  text-align: center;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .hero-container .carousel-container .hero-owl-carousel .content-container h1 {
    font-size: 2rem;
    text-align: center;
  }
}
@media (min-width: 992px) {
  .hero-container .carousel-container .hero-owl-carousel .content-container h1 {
    font-size: 2.3rem;
    text-align: left;
  }
}
.hero-container .carousel-container .hero-owl-carousel .content-container h3 {
  width: 90%;
  font-size: 1.2rem;
  color: #3E4095;
  text-align: center;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .hero-container .carousel-container .hero-owl-carousel .content-container h3 {
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
  }
}
@media (min-width: 992px) {
  .hero-container .carousel-container .hero-owl-carousel .content-container h3 {
    font-size: 1.8rem;
    text-align: left;
    margin-bottom: 0;
  }
}
.hero-container .form-container {
  width: 90%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
}
.hero-container .form-container form {
  width: 100%;
  padding: 1rem;
  background-color: #f5f5f5;
  opacity: 0.9;
}
@media (min-width: 992px) {
  .hero-container .form-container form {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .hero-container .form-container {
    width: 55%;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .hero-container .form-container {
    width: 40%;
    height: 40%;
    max-width: 500px;
    margin-bottom: 0;
    padding: 0 3rem;
  }
}
.hero-container .validation-error-found,
.hero-container .required-error {
  color: red;
  font-size: 0.8rem;
}
.hero-container .validation-error-found i,
.hero-container .required-error i {
  color: red;
}

.hyperbaric-block-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem 0;
}
@media (min-width: 414px) {
  .hyperbaric-block-container {
    min-height: 100vh;
    height: auto;
  }
}
@media (min-width: 768px) {
  .hyperbaric-block-container {
    min-height: 90vh;
    height: auto;
    padding: 3rem 0;
  }
}
@media (min-width: 992px) {
  .hyperbaric-block-container {
    min-height: 100vh;
  }
}
.hyperbaric-block-container h2 {
  text-align: center;
}
.hyperbaric-block-container h3 {
  text-align: center;
}
.hyperbaric-block-container h4 {
  text-align: center;
}
@media (min-width: 768px) {
  .hyperbaric-block-container h4 {
    text-align: left;
  }
}
.hyperbaric-block-container h4 u {
  font-size: 1.45rem;
  font-weight: bold;
}
.hyperbaric-block-container.bg-blue {
  background-color: #3E4095;
}
.hyperbaric-block-container.bg-blue h2,
.hyperbaric-block-container.bg-blue h3,
.hyperbaric-block-container.bg-blue h4 {
  color: white;
}
.hyperbaric-block-container.bg-gray {
  background-color: #f5f5f5;
}
.hyperbaric-block-container.bg-gray h2,
.hyperbaric-block-container.bg-gray h3,
.hyperbaric-block-container.bg-gray h4 {
  color: #3E4095;
}
.hyperbaric-block-container.bg-white {
  background-color: #fff;
}
.hyperbaric-block-container.bg-white h2,
.hyperbaric-block-container.bg-white h3,
.hyperbaric-block-container.bg-white h4 {
  color: #3E4095;
}
.hyperbaric-block-container .block-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.how-hbot-works .hHBOTw-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
@media (min-width: 768px) {
  .how-hbot-works .hHBOTw-wrapper {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
}
.how-hbot-works .hHBOTw-wrapper .hHBOTw-card {
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: 1rem auto;
  padding: 1rem;
  background-color: #3E4095;
  border-radius: 5px;
}
@media (min-width: 768px) {
  .how-hbot-works .hHBOTw-wrapper .hHBOTw-card {
    width: 45%;
    height: 250px;
  }
}
@media (min-width: 992px) {
  .how-hbot-works .hHBOTw-wrapper .hHBOTw-card {
    width: 40%;
    height: 250px;
  }
}
.how-hbot-works .hHBOTw-wrapper .hHBOTw-card-icon {
  width: 100%;
  height: 40%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.how-hbot-works .hHBOTw-wrapper .hHBOTw-card-icon [class^=fa-] {
  font-size: 3rem;
  background-color: white;
  color: #3E4095;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.how-hbot-works .hHBOTw-wrapper .hHBOTw-card-text {
  width: 100%;
  height: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
}
.how-hbot-works .hHBOTw-wrapper .hHBOTw-card-text p {
  color: white;
  text-align: center;
  margin-bottom: 0;
}
.how-hbot-works .btn-container.btn-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .how-hbot-works .btn-container.btn-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.how-hbot-works .btn-container.btn-container .btn.btn {
  width: 90%;
}
@media (min-width: 768px) {
  .how-hbot-works .btn-container.btn-container .btn.btn {
    width: auto;
  }
}

.hyperbaric-benefits .hyperbaric-benefits-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem auto;
  padding: 1rem;
  background-color: white;
}
@media (min-width: 768px) {
  .hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card {
    width: 320px;
    height: 420px;
  }
}
@media (min-width: 992px) {
  .hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card {
    width: 350px;
    height: 430px;
  }
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card .image {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card .image img {
  width: 150px;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card .title {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 0;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card .title h4 {
  text-align: center;
  color: #3E4095;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card .text {
  width: 100%;
  justify-content: center;
  align-items: flex-start;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card .text p {
  text-align: center;
  color: #3E4095;
}
.hyperbaric-benefits .hyperbaric-benefits-wrapper .benefit-card [class^=fa-] {
  font-size: 5rem;
  color: #3E4095;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hyperbaric-benefits .btn-container.btn-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .hyperbaric-benefits .btn-container.btn-container {
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
}
.hyperbaric-benefits .btn-container.btn-container .btn.btn {
  width: 90%;
}
@media (min-width: 768px) {
  .hyperbaric-benefits .btn-container.btn-container .btn.btn {
    width: auto;
  }
}

.hyperbaric-applications .nav-tabs {
  border: 0;
}
.hyperbaric-applications .nav-tabs .nav-item {
  margin-bottom: -1px;
  flex-grow: 1;
  text-align: center;
  border: 0;
  text-transform: uppercase;
}
.hyperbaric-applications .nav-tabs .nav-item .nav-link {
  color: #3E4095;
  padding: 1rem 0;
}
.hyperbaric-applications .nav-tabs .nav-item .nav-link.active {
  color: #3E4095;
  font-weight: bold;
  border: 0;
  background: #3e4095;
  color: white;
}
.hyperbaric-applications .nav-tabs .nav-item .nav-link:hover:not(.active) {
  color: #3E4095;
  border: 0;
}
.hyperbaric-applications .accordion-tab-header {
  width: 100%;
  padding: 1rem;
  background-color: white;
  margin-bottom: 0.5rem;
  position: relative;
  cursor: pointer;
  border: 1px solid #3E4095;
}
.hyperbaric-applications .accordion-tab-header.active {
  background-color: #3E4095;
  color: white;
}
.hyperbaric-applications .accordion-tab-header.active span {
  color: white;
}
.hyperbaric-applications .accordion-tab-header span {
  display: block;
  width: 90%;
  font-size: 1rem;
  color: #3E4095;
}
.hyperbaric-applications .accordion-tab-header::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.2rem;
  content: "\f067";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 13px;
  right: 20px;
  color: black;
}
.hyperbaric-applications .accordion-tab-header.active::before {
  content: "\f106";
  color: white;
}
.hyperbaric-applications .accordion-tab-content {
  width: 100%;
  background-color: white;
  position: relative;
  margin-top: -8px;
  padding: 1rem;
}
.hyperbaric-applications .content-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.hyperbaric-applications .content-container h4 {
  font-size: 1.3rem;
  margin-top: 2rem;
  text-align: left;
}
@media (min-width: 768px) {
  .hyperbaric-applications .content-container h4 {
    font-size: 1.5rem;
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .hyperbaric-applications .content-container {
    flex-direction: row;
  }
}
.hyperbaric-applications .content-container .first-col {
  width: 100%;
  height: 50%;
  order: 1;
}
@media (min-width: 768px) {
  .hyperbaric-applications .content-container .first-col {
    order: 0;
    width: 60%;
  }
}
.hyperbaric-applications .content-container .second-col {
  width: 100%;
  height: 50%;
  order: 0;
}
@media (min-width: 768px) {
  .hyperbaric-applications .content-container .second-col {
    width: 40%;
    order: 1;
  }
}
.hyperbaric-applications .content-container ul {
  margin-left: 0;
  list-style-type: none;
}
@media (min-width: 768px) {
  .hyperbaric-applications .content-container ul {
    margin-left: 1.5rem;
  }
}
.hyperbaric-applications .content-container ul li {
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #3E4095;
}
@media (min-width: 768px) {
  .hyperbaric-applications .content-container ul li {
    font-size: 1.5rem;
  }
}
.hyperbaric-applications .content-container ul li::before {
  content: "✓";
  font-weight: bold;
  color: #016B75;
}

.hyperbaric-reviews .review-card {
  width: 345px;
  height: 400px;
  background-color: white;
  padding: 2rem;
}
@media (min-width: 414px) {
  .hyperbaric-reviews .review-card {
    width: 380px;
  }
}
@media (min-width: 768px) {
  .hyperbaric-reviews .review-card {
    width: 340px;
  }
}
@media (min-width: 992px) {
  .hyperbaric-reviews .review-card {
    width: 350px;
  }
}
.hyperbaric-reviews .review-card .customer-info {
  width: 100%;
  height: 90px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.hyperbaric-reviews .review-card .customer-info .img-container {
  width: 80px;
  height: 80px;
  background-color: blue;
  border-radius: 50%;
}
.hyperbaric-reviews .review-card .customer-info .initial-container {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2rem;
  color: white;
}
.hyperbaric-reviews .review-card .customer-info .info-container {
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 1rem;
}
.hyperbaric-reviews .review-card .customer-info .info-container .name {
  font-size: 1.2rem;
  color: black;
}
.hyperbaric-reviews .review-card .customer-info .info-container .date {
  font-size: 0.8rem;
  color: #555;
}
.hyperbaric-reviews .review-card .customer-info .info-container .stars span[class*=-star] {
  color: orange;
  font-size: 1.5rem;
}
.hyperbaric-reviews .review-card .customer-text {
  width: 100%;
  padding: 1.5rem 0;
}

.hyperbaric-pricing h2 {
  text-align: center;
}
@media (min-width: 992px) {
  .hyperbaric-pricing h2 {
    text-align: center;
  }
}
.hyperbaric-pricing h5 {
  text-align: center;
}
@media (min-width: 992px) {
  .hyperbaric-pricing h5 {
    text-align: left;
  }
}
.hyperbaric-pricing .pricing-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 0.5rem 0;
}
@media (min-width: 768px) {
  .hyperbaric-pricing .pricing-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
  }
}
.hyperbaric-pricing .pricing-wrapper .price-card {
  width: 100%;
  min-height: 200px;
  padding: 1rem;
  margin: 0.5rem 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 768px) {
  .hyperbaric-pricing .pricing-wrapper .price-card {
    width: 45%;
    min-height: 260px;
    margin: 1rem;
  }
}
@media (min-width: 768px) {
  .hyperbaric-pricing .pricing-wrapper .price-card {
    width: 30%;
    min-height: 260px;
    margin: 1rem;
  }
}
.hyperbaric-pricing .pricing-wrapper .price-card h2 {
  color: #3E4095;
  margin: 0.5rem 0;
  font-size: 1.8rem;
  text-align: center;
}
.hyperbaric-pricing .pricing-wrapper .price-card h2 span {
  font-size: inherit;
}
.hyperbaric-pricing .pricing-wrapper .price-card h5 {
  color: #3E4095;
  margin: 0.5rem 0;
  font-weight: bold;
  text-align: center;
}
.hyperbaric-pricing .pricing-wrapper .price-card p {
  text-align: center;
  color: #3E4095;
  font-size: 1.2rem;
}
.hyperbaric-pricing .pricing-wrapper .price-card i[class^=fas] {
  font-size: 3rem;
  color: #3E4095;
  margin: 1rem 0;
}
.hyperbaric-pricing .stats-wrapper {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 1.5rem 0;
  padding: 1.5rem 0;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
}
@media (min-width: 768px) {
  .hyperbaric-pricing .stats-wrapper {
    width: 70%;
    margin: 3rem auto;
  }
}
.hyperbaric-pricing .stats-wrapper .stat-card {
  width: 120px;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
}
.hyperbaric-pricing .stats-wrapper .stat-card h3 {
  color: silver;
  font-size: 2rem;
  font-weight: 900;
}
.hyperbaric-pricing .stats-wrapper .stat-card h3 span {
  font-size: inherit;
}
.hyperbaric-pricing .stats-wrapper .stat-card p {
  color: silver;
  text-align: center;
  font-size: 0.9rem;
  font-weight: bold;
}
.hyperbaric-pricing .stats-wrapper .stat-card i[class^=fas] {
  font-size: 1.5rem;
  color: silver;
}

.hyperbaric-faqs .hyperbaric-faqs-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem;
}
.hyperbaric-faqs .hyperbaric-faqs-wrapper .faq-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0.5rem 0;
  padding: 1rem;
  background-color: #f5f5f5;
}
.hyperbaric-faqs .hyperbaric-faqs-wrapper .faq-card .faq-question {
  width: 97%;
  max-width: 97%;
  text-align: left;
  font-size: 1.3rem;
  color: #3E4095;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  font-weight: bold;
}
.hyperbaric-faqs .hyperbaric-faqs-wrapper .faq-card .faq-question span {
  font-size: inherit;
  font-weight: normal;
  color: white;
  background-color: #3E4095;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0.5rem;
  padding: 0 0.5rem;
}
.hyperbaric-faqs .hyperbaric-faqs-wrapper .faq-card .faq-question::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 1.2rem;
  content: "\f107";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  right: 10px;
  color: #3E4095;
}
.hyperbaric-faqs .hyperbaric-faqs-wrapper .faq-card .faq-question.active::before {
  content: "\f106";
  color: #3E4095;
}
.hyperbaric-faqs .hyperbaric-faqs-wrapper .faq-card .faq-answer {
  width: 100%;
  text-align: left;
  font-size: 1.2rem;
  color: #3E4095;
  padding: 1rem 1.5rem;
  margin-left: 0.8rem;
  display: none;
  border-left: 3px solid #3E4095;
}

.hyperbaric-thankyou .icon-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hyperbaric-thankyou .icon-container i {
  font-size: 6rem;
  color: #00B881;
}
.hyperbaric-thankyou h4 {
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
}
@media (min-width: 992px) {
  .hyperbaric-thankyou h4 {
    font-size: 1.5rem;
  }
}
.hyperbaric-thankyou h5 {
  text-align: center;
  color: #3E4095;
}
.hyperbaric-thankyou .thankyou-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
@media (min-width: 768px) {
  .hyperbaric-thankyou .thankyou-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card {
  width: 350px;
  height: 350px;
  background-color: white;
  padding: 2rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .hyperbaric-thankyou .thankyou-wrapper .thankyou-card {
    margin: 1rem;
    width: 295px;
    height: 300px;
  }
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card ul {
  width: 100%;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card ul li {
  padding: 0.5rem 0;
  font-size: 1.1rem;
  color: #3E4095;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card ul li [class^=fa-] {
  font-size: 1.5rem;
  color: #3E4095;
  margin-right: 0.5rem;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card .social-network-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card .social-network-container a {
  margin: 0 0.5rem;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card .social-network-container a i {
  font-size: 3rem;
  color: #3E4095;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card p {
  font-size: 1.2rem;
}
.hyperbaric-thankyou .thankyou-wrapper .thankyou-card p i {
  font-size: 1.5rem;
  color: #3E4095;
  margin-right: 0.5rem;
}
.hyperbaric-thankyou .btn-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.hyperbaric-thankyou .btn-container a {
  width: 90%;
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .hyperbaric-thankyou .btn-container a {
    width: 30%;
    margin: auto 1rem;
  }
}
@media (min-width: 992px) {
  .hyperbaric-thankyou .btn-container {
    flex-direction: row;
  }
}

.ultrasound-container h4 {
  width: 90%;
}
@media (min-width: 768px) {
  .ultrasound-container h4 {
    width: 75%;
  }
}
.ultrasound-container h5 {
  width: 95%;
}
@media (min-width: 768px) {
  .ultrasound-container h5 {
    width: 75%;
  }
}
.ultrasound-container .equipment-cta {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ultrasound-container .equipment-cta {
    flex-direction: row;
  }
}
.ultrasound-container .equipment-cta .col-left {
  padding-left: 0;
  padding-right: 0;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #3E4095;
  order: 2;
}
@media (min-width: 768px) {
  .ultrasound-container .equipment-cta .col-left {
    order: 1;
  }
}
.ultrasound-container .equipment-cta .col-left h3 {
  color: white;
  text-align: center;
}
@media (min-width: 768px) {
  .ultrasound-container .equipment-cta .col-left h3 {
    text-align: left;
  }
}
.ultrasound-container .equipment-cta .col-left .buttons-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .ultrasound-container .equipment-cta .col-left .buttons-container {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.ultrasound-container .equipment-cta .col-left .buttons-container button, .ultrasound-container .equipment-cta .col-left .buttons-container a {
  width: 80%;
}
.ultrasound-container .equipment-cta .col-right {
  padding-left: 0;
  padding-right: 0;
  order: 1;
}
@media (min-width: 768px) {
  .ultrasound-container .equipment-cta .col-right {
    order: 2;
  }
}
.ultrasound-container .techs-cta {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ultrasound-container .techs-cta {
    flex-direction: row;
  }
}
.ultrasound-container .techs-cta .col-left {
  padding-left: 0;
  padding-right: 0;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: #f5f5f5;
  order: 2;
}
.ultrasound-container .techs-cta .col-left h3 {
  color: #016B75;
  text-align: center;
}
@media (min-width: 768px) {
  .ultrasound-container .techs-cta .col-left h3 {
    text-align: left;
  }
}
.ultrasound-container .techs-cta .col-left .buttons-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .ultrasound-container .techs-cta .col-left .buttons-container {
    flex-direction: row;
    justify-content: flex-start;
  }
}
.ultrasound-container .techs-cta .col-left .buttons-container button, .ultrasound-container .techs-cta .col-left .buttons-container a {
  width: 80%;
}
.ultrasound-container .techs-cta .col-right {
  padding-left: 0;
  padding-right: 0;
  order: 1;
}
.ultrasound-container .modalities-wrapper {
  width: 100%;
  min-height: 450px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin: 1.5rem 0;
}
@media (min-width: 768px) {
  .ultrasound-container .modalities-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }
}
.ultrasound-container .modalities-wrapper .modality-card {
  width: 92%;
  min-height: 200px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 1rem;
  padding: 2rem 1rem;
}
@media (min-width: 768px) {
  .ultrasound-container .modalities-wrapper .modality-card {
    width: 40%;
  }
}
.ultrasound-container .modalities-wrapper .modality-card h6 {
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.management .page-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5f5f5;
  padding: 0 1rem;
  margin-top: 3.6rem;
}
.management .page-title h2 {
  color: black;
}
.management .page-title .navbar-nav {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.management .page-title .navbar-nav .nav-item.active .nav-link {
  background-color: #e0e0e0;
}
.management .page-title .navbar-nav .nav-item .nav-link {
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  color: #000;
}
.management .page-title .navbar-nav .nav-item .nav-link:hover {
  background-color: #e0e0e0;
}
.management-post-details .btn-container .btn {
  width: 100%;
  margin: 0.2rem 0 !important;
}
.management-post-details .img-container {
  width: 100%;
  height: 256px;
  border: 1px solid #ccc;
}
.management-post-details .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.management-header {
  border: 1px solid red;
}
.management-header .navbar-collapse .navbar-nav .nav-item .nav-link span {
  display: none;
}
@media (min-width: 1328px) {
  .management-header .navbar-collapse .navbar-nav .nav-item .nav-link span {
    display: inline-block;
  }
}

.management-dashboard {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}
.management-dashboard .map-container {
  width: 100%;
  height: 650px;
  position: relative;
}
.management-dashboard .map-container .map {
  width: 100%;
  height: 100%;
}
.management-dashboard .map-container .map .leaflet-control-attribution {
  font-size: 0.7rem;
}
.management-dashboard .map-container .map .leaflet-control-attribution a {
  font-size: inherit;
}
.management-dashboard .map-container .map .leaflet-control-container .leaflet-top.leaflet-left {
  z-index: 998;
  right: 20px !important;
  bottom: 50px !important;
  left: unset;
  top: unset;
}
.management-dashboard .leaflet-popup-pane .leaflet-popup-content table {
  font-size: 15px;
}
.management-dashboard .leaflet-popup-pane .leaflet-popup-content th,
.management-dashboard .leaflet-popup-pane .leaflet-popup-content td {
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}
.management-dashboard .leaflet-popup-pane .leaflet-popup-content td {
  font-weight: 600;
}
.management-dashboard .realtime-card {
  position: absolute;
  top: 70px;
  left: 30px;
  width: 300px;
  bottom: 70px;
  background-color: white;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  z-index: 998;
}
.management-dashboard .realtime-card-header {
  width: 100%;
  height: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}
.management-dashboard .realtime-card-body {
  width: 100%;
  height: 100%;
}
.management-dashboard .realtime-card-body .realtime-card-user-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.5rem;
}
.management-dashboard .realtime-card-body .realtime-card-user-info .barchart-visitors-per-30-seconds {
  width: 100%;
  height: 100px;
  background-color: white;
  margin-bottom: 0.2rem;
}
.management-dashboard .realtime-card-body .realtime-card-device-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.management-dashboard .realtime-card-body .realtime-card-device-info [class^=fa-],
.management-dashboard .realtime-card-body .realtime-card-device-info span {
  font-size: 1.3rem;
}
.management-dashboard .realtime-card-body .realtime-card-language-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
}
.management-dashboard .realtime-card-body .realtime-card-language-info [class^=fa-],
.management-dashboard .realtime-card-body .realtime-card-language-info span {
  font-size: 1.3rem;
}
.management-dashboard .realtime-card-body .realtime-card-language-info li,
.management-dashboard .realtime-card-body .realtime-card-language-info span {
  font-size: 1.3rem;
}
.management-dashboard .realtime-card-body .realtime-card-language-info li {
  font-weight: bold;
}
.management-dashboard .realtime-card-body .realtime-card-language-info span {
  font-weight: normal;
}
.management-dashboard .realtime-card h1,
.management-dashboard .realtime-card p {
  text-align: center;
  color: #000;
}
.management-dashboard .visitor-active-list {
  padding-bottom: 2rem;
}
.management-dashboard .pages-table-container {
  margin-bottom: 2rem;
}
.management-dashboard .pages-table-container th {
  font-weight: 600;
}
.management-dashboard .timer-progess-container {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 16px;
}
.management-dashboard .timer-progess-container progress {
  height: 10px;
}

.management-tools-qrcode .qrcodes-card-container,
.management-tools-qrcode .qrcodes-card-wrapper {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  height: 700px;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card {
  width: 350px;
  height: 500px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 1rem;
  margin: 1rem;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-header,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-header {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-header h5,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-header h5 {
  color: black;
  flex-grow: 1;
  font-size: 0.9rem;
  font-weight: 600;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body {
  width: 100%;
  height: 368px;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .img-container,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .img-container {
  width: 100%;
  height: 300px;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .img-container img,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cove;
     object-fit: cove;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container {
  display: flex;
  width: 100%;
  height: 68px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container .hash-container,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container .hash-container {
  width: 100%;
  height: 34px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.8rem;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container .hash-container a,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container .hash-container a {
  font-size: inherit;
  color: black;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container .url-container,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container .url-container {
  width: 100%;
  height: 34px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  font-size: 0.8rem;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container .url-container a,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container .url-container a {
  font-size: inherit;
  color: black;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container .text-shorten,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container .text-shorten {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-body .links-container .btn.btn,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-body .links-container .btn.btn {
  margin: 0.2rem 0.1rem;
  padding: 0.28rem 0.5rem;
  box-shadow: none;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-footer,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-footer {
  width: 100%;
  height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-footer .qrcode-id,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-footer .qrcode-id {
  width: 30%;
  height: 100%;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-footer .qrcode-scan-count,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-footer .qrcode-scan-count {
  width: 30%;
  height: 100%;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
}
.management-tools-qrcode .qrcodes-card-container .qrcode-card-footer .qrcode-scan-date,
.management-tools-qrcode .qrcodes-card-wrapper .qrcode-card-footer .qrcode-scan-date {
  width: 40%;
  height: 100%;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 0.8rem;
}

.realtime-info-card-wrapper {
  width: 100%;
  min-height: 500px;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 1rem;
}
.realtime-info-card-wrapper .realtime-info-card {
  width: 300px;
  height: 320px;
  margin: 1rem;
  background-color: white;
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.realtime-info-card-wrapper .realtime-info-card-header {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
.realtime-info-card-wrapper .realtime-info-card-header h4 {
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
}
.realtime-info-card-wrapper .realtime-info-card-body {
  overflow-y: auto;
  height: 240px;
}
.realtime-info-card-wrapper .realtime-info-card-body th {
  font-weight: 600;
}
.realtime-info-card-wrapper .realtime-info-card-body th,
.realtime-info-card-wrapper .realtime-info-card-body td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.hero-section .blog-hero {
  width: 100%;
  height: 250px;
  background: linear-gradient(to bottom, #3E4095, #016B75);
  background: var(--background-sm-url) no-repeat center center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 2rem;
}
@media (min-width: 768px) {
  .hero-section .blog-hero {
    background: var(--background-md-url) no-repeat center center;
    background-size: cover;
    height: 400px;
  }
}
@media (min-width: 992px) {
  .hero-section .blog-hero {
    background: var(--background-lg-url) no-repeat center center;
    background-size: cover;
  }
}
.hero-section .blog-hero h1 {
  color: white;
  padding: 0.5rem 2rem;
  background-color: rgba(0, 0, 0, 0.5);
  display: inline;
}

.featured-post-section {
  margin-top: 2rem;
  padding: 0.5rem;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .featured-post-section {
    padding: 2rem;
  }
}
.featured-post-section .featured-post {
  width: 100%;
  min-height: 350px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .featured-post-section .featured-post {
    flex-direction: row;
  }
}
.featured-post-section .featured-post span {
  font-size: 0.8rem;
}
.featured-post-section .featured-post i.fas {
  font-size: 0.8rem;
}
.featured-post-section .featured-post a {
  color: black;
  font-size: 0.8rem;
}
.featured-post-section .featured-post a span {
  font-size: 0.8rem;
}
.featured-post-section .featured-post p.stats {
  flex-grow: 1;
  font-size: 0.8rem;
}
.featured-post-section .featured-post p.stats span {
  font-size: 0.8rem;
}
.featured-post-section .featured-post .img-container {
  width: 100%;
  height: 350px;
}
.featured-post-section .featured-post .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .featured-post-section .featured-post .img-container {
    width: 512px;
    min-width: 512px;
    height: auto;
  }
}
.featured-post-section .featured-post .content-container {
  flex-grow: 1;
  display: flex;
  padding: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background-color: white;
}
@media (min-width: 768px) {
  .featured-post-section .featured-post .content-container {
    padding: 2rem;
  }
}
.featured-post-section .featured-post .content-container p {
  flex-grow: 1;
}

.posts-section {
  width: 100%;
  padding: 2rem 0;
}
.posts-section .post-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .posts-section .post-wrapper {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
  }
}
.posts-section .post-wrapper .post {
  width: 100%;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  background-color: white;
  margin: 1rem 0;
}
@media (min-width: 768px) {
  .posts-section .post-wrapper .post {
    width: 340px;
    margin: 1rem 0.5rem;
  }
}
.posts-section .post-wrapper .post .img-container {
  width: 100%;
  height: 250px;
}
.posts-section .post-wrapper .post .img-container img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
}
.posts-section .post-wrapper .post .content-container {
  display: flex;
  padding: 1rem;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #f5f5f5;
}
.posts-section .post-wrapper .post .content-container i.fas {
  font-size: 0.8rem;
}
.posts-section .post-wrapper .post .content-container a {
  color: black;
  font-size: 0.8rem;
}
.posts-section .post-wrapper .post .content-container a span {
  font-size: 0.8rem;
}
.posts-section .post-wrapper .post .content-container p {
  flex-grow: 1;
}
.posts-section .post-wrapper .post .content-container p.stats {
  flex-grow: 1;
  font-size: 0.8rem;
}
.posts-section .post-wrapper .post .content-container p.stats span {
  font-size: 0.8rem;
}

.post-detail-section {
  width: 100%;
}
.post-detail-section .post-detail {
  width: 100%;
}
.post-detail-section .post-detail ol {
  margin-left: 1.5rem;
}
.post-detail-section .post-detail ol li {
  margin: 1rem 0;
}
.post-detail-section .post-detail .img-container {
  width: 100%;
  height: 250px;
}
@media (min-width: 768px) {
  .post-detail-section .post-detail .img-container {
    height: 700px;
  }
}
.post-detail-section .post-detail .img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.post-detail-section .post-detail .content-container {
  margin: 1rem auto;
  padding: 1rem;
}
@media (min-width: 768px) {
  .post-detail-section .post-detail .content-container {
    margin: 2rem auto;
    padding: 2rem auto;
  }
}
.post-detail-section .post-detail .content-container h1 {
  font-size: 1.5rem;
  color: black;
}
@media (min-width: 768px) {
  .post-detail-section .post-detail .content-container h1 {
    font-size: 2rem;
  }
}
.post-detail-section .post-detail .content-container h4 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.post-detail-section .post-detail .content-container .keywords-content {
  background-color: #f5f5f5;
  margin: 2rem 0;
  padding: 1rem;
}
.post-detail-section .post-detail .content-container .keywords-content h2,
.post-detail-section .post-detail .content-container .keywords-content h3,
.post-detail-section .post-detail .content-container .keywords-content h4,
.post-detail-section .post-detail .content-container .keywords-content h5,
.post-detail-section .post-detail .content-container .keywords-content h6 {
  display: inline;
  margin-right: 0.5rem;
  padding: 0;
}
@media (min-width: 768px) {
  .post-detail-section .post-detail .content-container .keywords-content h2 {
    font-size: 1.5rem;
  }
  .post-detail-section .post-detail .content-container .keywords-content h3 {
    font-size: 1.25rem;
  }
  .post-detail-section .post-detail .content-container .keywords-content h4 {
    font-size: 1rem;
  }
  .post-detail-section .post-detail .content-container .keywords-content h5 {
    font-size: 0.875rem;
  }
  .post-detail-section .post-detail .content-container .keywords-content h6 {
    font-size: 0.75rem;
  }
}
.post-detail-section .post-detail .content-container .call-to-action {
  border: 2px dashed #ccc;
  background-color: #f5f5f5;
  padding: 1.5rem 1rem;
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.post-detail-section .post-detail .content-container .call-to-action h4 {
  text-align: center;
}
.post-detail-section .post-detail .content-container .btn.btn {
  box-shadow: none;
  text-transform: capitalize;
}
.post-detail-section .post-detail .content-container .btn.btn:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
.post-detail-section .post-detail .content-container .like-icon.like-icon {
  font-size: 16px;
  transition: all 0.2s ease;
}
.post-detail-section .post-detail .content-container .like-icon.like-icon.like-icon-grow {
  transform: scale(2.5);
}

.lastest-post-container h5 {
  text-align: center;
  color: #3E4095;
}
.lastest-post-container a {
  color: #3E4095;
  text-decoration: none;
}
.lastest-post-container .post-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.lastest-post-container .post-wrapper a {
  width: 100%;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-around;
    margin-left: 1rem;
  }
  .lastest-post-container .post-wrapper a {
    width: 40%;
    margin: 0 1rem;
  }
}
.lastest-post-container .post-wrapper .featured-card {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.lastest-post-container .post-wrapper .featured-card h4 {
  font-size: 1.2rem;
  color: #3E4095;
  text-align: left;
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .featured-card h4 {
    margin: 1rem 0;
    font-size: 1.5rem;
  }
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .featured-card {
    width: 100%;
    height: 510px;
  }
}
.lastest-post-container .post-wrapper .featured-card .image-container {
  width: 100%;
  height: 300px;
}
.lastest-post-container .post-wrapper .featured-card .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.lastest-post-container .post-wrapper .featured-card .title-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0.5rem;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .featured-card .title-container {
    padding: 0 1.5rem;
  }
}
.lastest-post-container .post-wrapper .featured-card .excerpt-container {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0.5rem;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .featured-card .excerpt-container {
    padding: 0 1.5rem;
  }
}
.lastest-post-container .post-wrapper .lastest-wraper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .lastest-wraper {
    width: 60%;
    margin: 0 1rem;
  }
}
.lastest-post-container .post-wrapper .lastest-wraper a {
  width: auto;
}
.lastest-post-container .post-wrapper .lastest-wraper .lastest-card {
  width: 100%;
  height: 160px;
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  background-color: white;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .lastest-wraper .lastest-card {
    width: 100%;
  }
}
.lastest-post-container .post-wrapper .lastest-wraper .lastest-card h4 {
  font-size: 1.2rem;
  color: #3E4095;
  text-align: left;
  margin: 0.5rem 0;
}
@media (min-width: 768px) {
  .lastest-post-container .post-wrapper .lastest-wraper .lastest-card h4 {
    margin: 1rem 0;
  }
}
.lastest-post-container .post-wrapper .lastest-wraper .lastest-card .image-container {
  width: 40%;
  height: 100%;
}
.lastest-post-container .post-wrapper .lastest-wraper .lastest-card .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.lastest-post-container .post-wrapper .lastest-wraper .lastest-card .title-container {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0.5rem;
  padding-left: 1rem;
}

.subscribe-container {
  width: 100%;
  background-color: #016B75;
  padding: 2rem 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media (min-width: 992px) {
  .subscribe-container {
    padding: 3rem 0;
  }
}
.subscribe-container h2, .subscribe-container h4 {
  text-align: center;
  color: white;
}
.subscribe-container .subscribe-wrapper {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  position: relative;
}
@media (min-width: 768px) {
  .subscribe-container .subscribe-wrapper {
    width: 80%;
  }
}
@media (min-width: 992px) {
  .subscribe-container .subscribe-wrapper {
    width: 45%;
  }
}
.subscribe-container .subscribe-wrapper form {
  width: 100%;
}
.subscribe-container .subscribe-wrapper .subscribe-results-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #016B75;
}
.subscribe-container .subscribe-wrapper .subscribe-results-container [class^=fa-] {
  font-size: 6rem;
  color: white;
}
.subscribe-container .subscribe-wrapper .subscribe-results-container h5 {
  font-size: 1.2rem;
  color: white;
  width: 70%;
}
@media (min-width: 768px) {
  .subscribe-container .subscribe-wrapper .subscribe-results-container h5 {
    width: 50%;
  }
}

.imrtx-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100vh;
  background-color: #f5f5f5;
}
@media (min-width: 768px) {
  .imrtx-container {
    flex-direction: row;
    align-items: center;
  }
}
.imrtx-container .col-left {
  width: 100%;
  height: 50%;
  background-color: #3E4095;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .imrtx-container .col-left {
    width: 50%;
    height: 100%;
    align-items: center;
  }
}
.imrtx-container .col-left .content-container {
  width: 400px;
  height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
@media (min-width: 768px) {
  .imrtx-container .col-left .content-container {
    width: 512px;
    height: 512px;
  }
}
.imrtx-container .col-left .content-container .logo-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imrtx-container .col-left .content-container .logo-container img {
  width: 250px;
  height: auto;
}
@media (min-width: 768px) {
  .imrtx-container .col-left .content-container .logo-container img {
    width: 300px;
  }
}
.imrtx-container .col-left .content-container .slogan-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imrtx-container .col-left .content-container .slogan-container h1 {
  text-align: center;
  font-size: 1.3rem;
  color: white;
}
@media (min-width: 768px) {
  .imrtx-container .col-left .content-container .slogan-container h1 {
    font-size: 1.8rem;
  }
}
.imrtx-container .col-left .content-container .title-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imrtx-container .col-left .content-container .title-container h2 {
  text-align: center;
  font-size: 2.5rem;
  color: white;
  text-shadow: 2px 2px 10px black;
}
.imrtx-container .col-right {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
  .imrtx-container .col-right {
    width: 50%;
    height: auto;
  }
}
.imrtx-container .col-right .content-container {
  width: 350px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  background-color: white;
  box-shadow: 0px 0px 1px rgba(48, 49, 51, 0.05), 0px 16px 24px rgba(48, 49, 51, 0.1);
  padding: 2rem 1rem;
  margin-top: -2rem;
}
@media (min-width: 768px) {
  .imrtx-container .col-right .content-container {
    width: 512px;
    min-height: 512px;
    padding: 2rem 1rem;
    margin-top: 0;
  }
}
.imrtx-container .col-right .content-container hr {
  width: 100%;
}
.imrtx-container .col-right .content-container h3 {
  align-items: center;
}
.imrtx-container .col-right .content-container h3 span {
  font-size: 1.75rem;
  font-weight: 500;
}
.imrtx-container .col-right .content-container h3 a, .imrtx-container .col-right .content-container h3 i {
  font-size: 1.2rem;
  color: #212529;
}
.imrtx-container .col-right .content-container .form-group {
  width: 100%;
}
.imrtx-container .col-right .content-container .lnk.lnk {
  font-size: 0.8rem;
}
.imrtx-container .col-right .content-container .access-error,
.imrtx-container .col-right .content-container .validation-error {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: red;
  font-size: 0.8rem;
}

.container-offline {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  background: var(--background-sm-url) no-repeat center center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
}
.container-offline h1 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .container-offline h1 {
    font-size: 3.5rem;
  }
}
@media (min-width: 992px) {
  .container-offline h1 {
    font-size: 3rem;
  }
}
.container-offline h2 {
  font-size: 1.5rem;
  font-weight: normal;
}
@media (min-width: 768px) {
  .container-offline h2 {
    font-size: 2.3rem;
  }
}
@media (min-width: 992px) {
  .container-offline h2 {
    font-size: 3.3rem;
  }
}
.container-offline .logo {
  width: 220px;
}
@media (min-width: 768px) {
  .container-offline .logo {
    width: 320px;
  }
}
.container-offline p {
  color: #fff;
  font-size: 0.8rem;
  text-align: center;
}
@media (min-width: 768px) {
  .container-offline p {
    font-size: 1.2rem;
  }
}
.container-offline li {
  color: white;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .container-offline li {
    font-size: 1.2rem;
  }
}
.container-offline li span {
  font-size: inherit;
}
.container-offline .language-selector-container {
  width: 100px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 1rem;
}
.container-offline .language-selector-container .nav-link {
  border: 1px solid white;
  border-radius: 50%;
  padding: 0.4rem 0.5rem;
  color: #fff;
  font-size: 0.8rem;
}
@media (min-width: 768px) {
  .container-offline .language-selector-container .nav-link {
    font-size: 1.2rem;
  }
}
.container-offline .language-selector-container .nav-link.active {
  background-color: white;
  color: #000;
}

.error-container {
  width: 100%;
  height: calc(100vh - 55px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .error-container {
    flex-direction: row;
    height: calc(100vh - 270px);
  }
}
@media (min-width: 992px) {
  .error-container {
    flex-direction: row;
    height: calc(100vh - 165px);
  }
}
.error-container .left-col {
  order: 1;
  width: 100%;
  height: 60%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .error-container .left-col {
    width: 50%;
    height: 100%;
    order: 0;
  }
}
.error-container .left-col h1 {
  width: 100%;
  font-size: 3rem;
  margin-bottom: 1rem;
  text-align: center;
  color: #3E4095;
}
@media (min-width: 768px) {
  .error-container .left-col h1 {
    font-size: 4rem;
    text-align: left;
  }
}
.error-container .left-col h3 {
  text-align: center;
  color: #3E4095;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .error-container .left-col h3 {
    text-align: left;
  }
}
.error-container .left-col p {
  text-align: center;
  color: #3E4095;
}
@media (min-width: 768px) {
  .error-container .left-col p {
    text-align: left;
  }
}
.error-container .left-col .list-unstyled {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .error-container .left-col .list-unstyled {
    align-items: flex-start;
  }
}
.error-container .left-col .list-unstyled li {
  color: #3E4095;
  font-size: 1.5rem;
}
@media (min-width: 768px) {
  .error-container .left-col .list-unstyled li {
    margin-bottom: -0.5rem;
  }
}
.error-container .right-col {
  order: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 40%;
}
@media (min-width: 768px) {
  .error-container .right-col {
    width: 50%;
    height: 100%;
    order: 1;
  }
}
.error-container .right-col img {
  width: 300px;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .error-container .right-col img {
    width: 512px;
    height: 512px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}