.mav-teams {
  max-width: 1280px;
  margin-inline: auto;
  background-color: #F4F4F2;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #337EB5;
}

img {
  width: 100%;
  height: auto;
}

input,
textarea {
  border: none;
  outline: none;
  overflow: auto;
}

.hide {
  display: none;
}

.mav-center {
  text-align: center;
  margin-inline: auto;
}

.mav-line-break {
  width: calc(100% - 50px);
  margin-inline: auto;
  margin-block: 25px;
  height: 1px;
  background-color: #C3C3C3;
}

.mav-heading__h1 {
  font-size: 4rem !important;
  font-weight: 600 !important;
  line-height: 1.2;
}

.mav-heading__h1.mav-bold {
  font-weight: 600 !important;
}

.mav-heading__h2 {
  font-size: 3.8rem !important;
  font-weight: 600 !important;
  color: #0C073D !important;
  padding-bottom: 10px;
}

.mav-heading__h2.mav-center {
  max-width: 950px;
  margin-inline: auto;
  text-align: center;
}

.mav-heading__h2.mav-bold {
  font-weight: 600 !important;
}

.mav-heading__h3 {
  font-size: 30px !important;
  font-weight: 300 !important;
  color: #0C073D !important;
  line-height: 1.2;
}

.mav-heading__h3.mav-bold {
  font-weight: 600 !important;
}

.mav-heading__h4 {
  font-size: 25px !important;
  font-weight: 300 !important;
  color: #0C073D !important;
  line-height: 1.3;
}

.mav-heading__h4.mav-bold {
  font-weight: 600 !important;
}

.mav-body-p {
  font-size: 16px !important;
  font-weight: 300 !important;
  padding-block: 10px !important;
  line-height: 1.7 !important;
  max-width: 900px !important;
}

.mav-body-p.center {
  text-align: center;
  margin-inline: auto;
}

.mav-body-p.small {
  font-size: 16px !important;
}

.mav-body-p.lrg {
  font-size: 2.2rem !important;
}

.mav-body-p.no-margin {
  padding: 0 !important;
}

.mav-white {
  color: white !important;
}

.mav-grey {
  color: #575757 !important;
}

.mav-blue {
  color: #337EB5 !important;
}

.mav-teal {
  color: #114E50 !important;
}

.mav-teal-dark {
  color: #08292B !important;
}

.mav-grad {
  background: linear-gradient(146deg, rgb(30, 181, 209) 19%, rgb(29, 176, 203) 31%, rgb(27, 163, 186) 46%, rgb(24, 141, 159) 63%, rgb(21, 111, 121) 82%, rgb(17, 78, 80) 100%) !important;
}

.mav-spacer {
  height: 25px;
}

.mav-margin-block__10 {
  margin-block: 10px;
}

.pexip-navy-bg {
  background-color: #0B2036;
}

.mav__300 {
  font-weight: 300 !important;
}

.mav__400 {
  font-weight: 400 !important;
}

.mav__500 {
  font-weight: 500 !important;
}

.mav__600 {
  font-weight: 600 !important;
}

.mav__white {
  color: white !important;
}

.mav__grey {
  color: #575757 !important;
}

.mav__blue {
  color: #337EB5 !important;
}

.mav__teal {
  color: #114E50 !important;
}

.mav__teal-dark {
  color: #08292B !important;
}

.mav__white {
  color: white !important;
}

.mav-bg__grad {
  background: linear-gradient(146deg, rgb(30, 181, 209) 19%, rgb(29, 176, 203) 31%, rgb(27, 163, 186) 46%, rgb(24, 141, 159) 63%, rgb(21, 111, 121) 82%, rgb(17, 78, 80) 100%) !important;
}

.mav-bg__grey {
  background: #F4F4F2 !important;
}

.mav-max-width {
  max-width: 1500px;
  width: 100%;
  padding-inline: 25px;
  margin: 0 auto;
}

.home-page {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.mav-section {
  padding-inline: 25px;
  padding-block: 25px;
  display: flex;
  flex-direction: column;
}

.mav-intro {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mav-intro__image {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.mav-intro__content {
  padding-left: 30px;
  width: 70%;
}

.mav-video-embedd {
  width: 80%;
  margin-inline: auto;
  margin-top: 25px;
}

.mav-2-col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mav-2-col .mav-col {
  width: 50%;
}

.mav-2-col .mav-col.mav-image-bg {
  background-color: #F4F4F2;
  min-height: 500px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}

.mav-2-col .mav-col.mav-image-bg img {
  width: 65%;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: auto;
}

.mav-2-col .mav-col .mav-content {
  width: 80%;
  margin: auto;
}

.mav-2-col .mav-col .mav-content .mav-button {
  margin-top: 15px;
  font-size: 1.8rem;
}

.mav-2-col__content {
  width: 50%;
  padding: 25px;
}

.mav-2-col__content-full-width {
  width: 100%;
}

.mav-2-col__image {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mav-2-col__image.mav-2-col__image-large img {
  max-height: 450px;
}

.mav-2-col__image img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  -o-object-fit: contain;
  object-fit: contain;
}

.mav-2-col__product {
  margin-inline: 25px;
  width: 100%;
}

.mav-2-col__product-image {
  background-color: #ffffff;
  border-radius: 13px;
  box-shadow: 3px 3px 27px rgba(0, 0, 0, 0.18);
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 25px;
  margin-bottom: 25px;
  height: 300px;
  width: 100%;
}

.mav-2-col__product-img {
  width: 60%;
  max-width: 308px;
  margin: auto;
}

.mav-2-col__product-vendor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}

.mav-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.mav-3-col__col {
  width: 100%;
}

.mav-3-col__icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.18);
  margin-inline: auto;
  margin-bottom: 20px;
}

.mav-3-col.mav-margin-block {
  margin-block: 30px;
}

.mav-icon {
  margin-bottom: 25px;
}

.mav-icon__bg {
  background-color: #F4F4F2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 45px;
  border-radius: 2px;
  height: 190px;
}

.mav-4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-inline: 50px;
}

.mav-4-col__col {
  width: 100%;
}

.mav-4-col__icon {
  margin-bottom: 20px;
}

.mav-4-col__icon img {
  width: auto;
  height: 50px;
}

.mav-contact__headshot {
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 25px;
}

.mav-contact__headshot img {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
}

.mav-contact .mav-body-p {
  color: #575757;
  transition: 0.2s ease;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  margin-bottom: 15px;
}

.mav-contact .mav-body-p:hover {
  color: #337EB5;
}

.home-page {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.mav-section {
  padding-inline: 25px;
  padding-block: 25px;
  display: flex;
  flex-direction: column;
}

.mav-intro {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mav-intro__image {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
}

.mav-intro__content {
  padding-left: 30px;
  width: 70%;
}

.mav-video-embedd {
  width: 80%;
  margin-inline: auto;
  margin-top: 25px;
}

.mav-2-col {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mav-2-col .mav-col {
  width: 50%;
}

.mav-2-col .mav-col.mav-image-bg {
  background-color: #F4F4F2;
  min-height: 500px;
  display: flex;
  align-content: center;
  justify-content: center;
  border-radius: 2px;
  overflow: hidden;
}

.mav-2-col .mav-col.mav-image-bg img {
  width: 65%;
  height: -moz-fit-content;
  height: fit-content;
  margin-block: auto;
}

.mav-2-col .mav-col .mav-content {
  width: 80%;
  margin: auto;
}

.mav-2-col .mav-col .mav-content .mav-button {
  margin-top: 15px;
  font-size: 1.8rem;
}

.mav-2-col__content {
  width: 50%;
  padding: 25px;
}

.mav-2-col__content-full-width {
  width: 100%;
}

.mav-2-col__image {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mav-2-col__image.mav-2-col__image-large img {
  max-height: 450px;
}

.mav-2-col__image img {
  width: 100%;
  height: 100%;
  max-height: 300px;
  -o-object-fit: contain;
  object-fit: contain;
}

.mav-2-col__product {
  margin-inline: 25px;
  width: 100%;
}

.mav-2-col__product-image {
  background-color: #ffffff;
  border-radius: 13px;
  box-shadow: 3px 3px 27px rgba(0, 0, 0, 0.18);
  position: relative;
  overflow: hidden;
  display: flex;
  padding: 25px;
  margin-bottom: 25px;
  height: 300px;
  width: 100%;
}

.mav-2-col__product-img {
  width: 60%;
  max-width: 308px;
  margin: auto;
}

.mav-2-col__product-vendor {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
}

.mav-3-col {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.mav-3-col__col {
  width: 100%;
}

.mav-3-col__icon {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.18);
  margin-inline: auto;
  margin-bottom: 20px;
}

.mav-3-col.mav-margin-block {
  margin-block: 30px;
}

.mav-icon {
  margin-bottom: 25px;
}

.mav-icon__bg {
  background-color: #F4F4F2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 45px;
  border-radius: 2px;
  height: 190px;
}

.mav-4-col {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  padding-inline: 50px;
}

.mav-4-col__col {
  width: 100%;
}

.mav-4-col__icon {
  margin-bottom: 20px;
}

.mav-4-col__icon img {
  width: auto;
  height: 50px;
}

.mav-contact__headshot {
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
  margin-bottom: 25px;
}

.mav-contact__headshot img {
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border-radius: 50%;
}

.mav-contact .mav-body-p {
  color: #575757;
  transition: 0.2s ease;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  text-align: center;
  margin-bottom: 15px;
}

.mav-contact .mav-body-p:hover {
  color: #337EB5;
}

.page-header {
  display: none !important;
}

.mav-teams {
  max-width: 100% !important;
  overflow: clip !important;
  background: white !important;
  position: relative !important;
  max-width: 1140px !important;
}

.mav-teams .mav-larger-text {
  font-size: 1.7em !important;
}

.mav-teams .mav-img__parralax {
  transform: scale(1.2);
}

.mav-teams .mav-teams__action-btn a {
  text-decoration: none !important;
}

.mav-teams .mav-heading__h1 {
  font-size: 67px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #08292B !important;
}

.mav-teams .mav-heading__h1.mav-bold {
  font-weight: 600 !important;
}

.mav-teams .mav-heading__h2 {
  font-size: 3.8rem !important;
  font-weight: 600 !important;
  padding-bottom: 10px !important;
  color: #08292B !important;
}

.mav-teams .mav-heading__h2.mav-center {
  max-width: 950px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.mav-teams .mav-heading__h2.mav-bold {
  font-weight: 600 !important;
}

.mav-teams .mav-heading__h3 {
  font-size: 36px !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: #08292B !important;
}

.mav-teams .mav-heading__h3.mav-bold {
  font-weight: 600 !important;
}

.mav-teams .mav-heading__h4 {
  font-size: 25px !important;
  font-weight: 300 !important;
  line-height: 1.3 !important;
  color: #08292B !important;
}

.mav-teams .mav-heading__h4.mav-bold {
  font-weight: 600 !important;
}

.mav-teams .mav-body-p {
  font-size: 16px !important;
}

.mav-teams .mav-body-p.med {
  font-size: 2rem !important;
}

.mav-teams .mav-body-p.lrg {
  font-size: 20px !important;
  color: #08292B !important;
}

.mav-teams .mav__white {
  color: white !important;
}

.mav-teams .mav__grey {
  color: #575757 !important;
}

.mav-teams .mav__blue {
  color: #337EB5 !important;
}

.mav-teams .mav__teal {
  color: #114E50 !important;
}

.mav-teams .mav__teal-dark {
  color: #08292B !important;
}

.mav-teams .mav__white {
  color: white !important;
}

.mav-teams .mav-bold {
  font-weight: 600 !important;
}

.mav-teams .mav-line {
  width: 200vw !important;
  height: 1px !important;
  margin-left: -50vw !important;
  margin-block: 10px !important;
}

.mav-teams .mav-line.white {
  background-color: #ffffff !important;
}

.mav-teams .mav-line.teal {
  background-color: #114E50 !important;
}

.mav-teams .mav-2-cols {
  display: flex;
  gap: 25px;
}

.mav-teams__list {
  margin-top: 50px !important;
}

.mav-teams__list li {
  font-size: 80px !important;
  color: #08292B !important;
  max-width: 400px !important;
  display: flex !important;
  gap: 15px !important;
  margin-block: 22px !important;
}

.mav-teams__list li span {
  min-width: 70px !important;
}

.mav-teams__table {
  margin-top: 50px !important;
}

.mav-teams__table-row {
  border-top: 1px #08292B solid !important;
  padding-block: 15px !important;
  display: flex !important;
  justify-content: space-between !important;
}

.mav-teams__table-row:hover .mav-teams__arrow {
  margin-right: 0 !important;
}

.mav-teams__table-row.white {
  border-color: #ffffff !important;
}

.mav-teams__table-row .mav-teams__arrow-p {
  margin-left: auto !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.mav-teams__table-row .mav-teams__arrow {
  margin-left: auto !important;
  margin-right: 25px !important;
  transition: 0.2s ease !important;
}

.mav-teams__action {
  position: relative !important;
  z-index: 9 !important;
  margin-inline: auto !important;
  margin-top: 25px !important;
}

.mav-teams__action-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  cursor: pointer !important;
}

.mav-teams__action-btn span {
  width: 50px !important;
  height: 50px !important;
  background: #ffffff !important;
  border-radius: 50% !important;
  display: flex !important;
}

.mav-teams__action-arrow {
  width: 50px !important;
  height: 50px !important;
}

.mav-teams .mav-section {
  padding-inline: 0 !important;
  padding-block: 50px !important;
  position: relative !important;
  overflow: clip !important;
}

.mav-teams .mav-section.mav-max-width {
  padding-inline: 25px !important;
}

.mav-teams .mav-section__inner {
  position: relative !important;
}

.mav-teams .mav-section__bg-img {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

.mav-teams .mav-section__bg-img-overlay:before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 48, 49, 0.42) !important;
  z-index: 0 !important;
}

.mav-teams .mav-section__bg-grad {
  background: linear-gradient(180deg, #14BED4 0%, #114E50 100%) !important;
}

.mav-teams .mav-section__banner {
  min-height: 400px !important;
}

.mav-teams ul,
.mav-teams ol {
  padding-left: 15px !important;
  list-style-type: disc !important;
}

.mav-teams__team-modal {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  background: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: blur(8.8px) !important;
  backdrop-filter: blur(8.8px) !important;
  padding: 50px !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0) !important;
  transition: top 0.4s ease, left 0.4s ease, transform 0.4s ease, opacity 0.3s ease-out !important;
}

.mav-teams__team-modal-inner {
  width: 900px !important;
  position: relative !important;
}

.mav-teams__team-modal-close {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  border: 0 !important;
  background: 0 !important;
  outline: 0 !important;
  cursor: pointer !important;
}

.mav-teams__team-modal-cols {
  display: none !important;
  align-items: center !important;
  gap: 25px !important;
  visibility: hidden !important;
}

.mav-teams__team-modal-cols.show {
  display: flex !important;
  visibility: visible !important;
}

.mav-teams__team-modal-img {
  width: 600px !important;
}

.mav-teams__team-modal.show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translate(-50%, -50%) scale(1) !important;
  height: 100%;

}

.mav-teams .mav-header {
  display: flex !important;
  justify-content: space-between !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  padding: 15px 25px !important;
  z-index: 9 !important;
}

.mav-teams .mav-header__logo {
  width: 200px !important;
}

.mav-teams .mav-hero {
  position: relative !important;
  height: 800px !important;
}

.mav-teams .mav-hero .simpleParallax {
  height: 800px !important;
}

.mav-teams .mav-hero img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  -o-object-position: center !important;
  object-position: center !important;
}

.mav-teams .mav-hero__inner {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding-block: 25px !important;
}

.mav-teams .mav-hero__inner-content {
  max-width: 500px !important;
  margin-block: auto !important;
}

.mav-teams .mav-scenarios {
  overflow: visible !important;
  padding-bottom: 150px !important;
}

.mav-teams .mav-scenarios__header {
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
}

.mav-teams .mav-scenarios__header-heads {
  display: flex !important;
  gap: 15px !important;
  position: absolute !important;
  top: 17px !important;
  right: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.2s ease !important;
  z-index: 1 !important;
}

.mav-teams .mav-scenarios__header-heads.show {
  opacity: 1 !important;
  visibility: visible !important;
}

.mav-teams .mav-scenarios__header-head {
  width: 75px !important;
  height: 75px !important;
  border-radius: 50% !important;
  background: white !important;
  z-index: 99 !important;
  cursor: pointer !important;
  border: 3px white solid !important;
  transform: scale(0.9) !important;
  transition: border 0.2s ease, scale 0.2s ease !important;
}

.mav-teams .mav-scenarios__header-head.selected {
  border: 3px #1EB5D1 solid !important;
  transform: scale(1) !important;
}

.mav-teams .mav-scenarios__info {
  display: flex !important;
  align-items: center !important;
  opacity: 0 !important;
  transition: 0.2s ease !important;
}

.mav-teams .mav-scenarios__info svg {
  width: 28px !important;
  margin-right: 6px !important;
}

.mav-teams .mav-scenarios__info.show {
  opacity: 1 !important;
}

.mav-teams .mav-scenarios__wrapper {
  position: relative !important;
}

.mav-teams .mav-scenarios__carousel {
  position: relative !important;
  visibility: visible !important;
  margin-top: 50px !important;
}

.mav-teams .mav-scenarios__carousel .splide__track {
  overflow: visible !important;
  transition: opacity 0.5s ease, transform 0.6s ease !important;
  transition-delay: 0.2s !important;
}

.mav-teams .mav-scenarios .mav-scenario {
  width: 100% !important;
  opacity: 0.4 !important;
  transition: opacity 0.4s ease-in !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  overflow: clip !important;
}

.mav-teams .mav-scenarios .mav-scenario.is-active {
  opacity: 1 !important;
}

.mav-teams .mav-scenarios .mav-scenario.is-active:hover .mav-scenario__btn {
  transform: translateY(-15px) !important;
  opacity: 1 !important;
}

.mav-teams .mav-scenarios .mav-scenario__img {
  position: relative !important;
  width: 100% !important;
}

.mav-teams .mav-scenarios .mav-scenario__img img,
.mav-teams .mav-scenarios .mav-scenario__img video {
  width: 100% !important;
}

.mav-teams .mav-scenarios .mav-scenario__name {
  text-align: left !important;
  margin-right: auto !important;
  margin-bottom: 15px !important;
}

.mav-teams .mav-scenarios .mav-scenario__btn {
  background: #F4F4F2 !important;
  border: none !important;
  outline: none !important;
  padding: 10px 30px !important;
  border-radius: 25px !important;
  margin-inline: auto !important;
  margin-top: 25px !important;
  transition: transform 0.2s ease, opacity 0.3s ease-in, border 0.2s ease !important;
  opacity: 0 !important;
  transform: translateY(80px) !important;
  border: 1px #F4F4F2 solid !important;
  cursor: pointer !important;
}

.mav-teams .mav-scenarios .mav-scenario__btn:hover {
  border: 1px #575757 solid !important;
}

.mav-teams .mav-scenarios .mav-scenario__hotspot {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
  background: #ffffff !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 0 !important;
  transition: 0.2s ease !important;
  cursor: pointer !important;
}

.mav-teams .mav-scenarios .mav-scenario__hotspot:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
  animation: pulsate 2s ease infinite !important;
  animation-delay: 0.5s !important;
}

.mav-teams .mav-scenarios .mav-scenario__hotspot:before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
  animation: pulsate 2s ease infinite !important;
}

.mav-teams .mav-scenarios .mav-scenario__selected {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 9 !important;
  opacity: 1 !important;
  margin-top: 50px !important;
  padding-inline: 20% !important;
}

.mav-teams .mav-scenarios .mav-scenario__spotlight-elm {
  opacity: 0 !important;
  transition: opacity 1s ease !important;
}

.mav-teams .mav-scenarios__modal,
.mav-teams .mav-scenarios__hotspot-modal {
  width: 100vw !important;
  position: absolute !important;
  z-index: 999 !important;
  display: flex !important;
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.8) !important;
  -webkit-backdrop-filter: blur(8.8px) !important;
  backdrop-filter: blur(8.8px) !important;
  opacity: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) scale(0) !important;
  transition: top 0.4s ease, left 0.4s ease, transform 0.4s ease, opacity 0.3s ease-out !important;
  visibility: visible !important;
}

.mav-teams .mav-scenarios__modal.show,
.mav-teams .mav-scenarios__hotspot-modal.show {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}

.mav-teams .mav-scenarios__modal.slide-and-hide,
.mav-teams .mav-scenarios__hotspot-modal.slide-and-hide {
  transform: translate(100%, -50%) !important;
  opacity: 0 !important;
  transition: transform 0.6s ease-in, opacity 0.3s ease !important;
}

.mav-teams .mav-scenarios__modal-inner,
.mav-teams .mav-scenarios__hotspot-modal-inner {
  display: flex !important;
  padding: 35px !important;
}

.mav-teams .mav-scenarios__modal-content,
.mav-teams .mav-scenarios__hotspot-modal-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 25px !important;
}

.mav-teams .mav-scenarios__modal-cols,
.mav-teams .mav-scenarios__hotspot-modal-cols {
  display: flex !important;
  flex-direction: column !important;
  min-width: 100% !important;
  transition: transform 0.3s ease, opacity 0.5s ease !important;
  max-height: 300px !important;
}

@media (min-width: 900px) {

  .mav-teams .mav-scenarios__modal-cols,
  .mav-teams .mav-scenarios__hotspot-modal-cols {
    flex-direction: row !important;
    gap: 40px !important;
  }
}

.mav-teams .mav-scenarios__modal-logos,
.mav-teams .mav-scenarios__hotspot-modal-logos {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  padding-top: 25px !important;
}

.mav-teams .mav-scenarios__modal-logos img,
.mav-teams .mav-scenarios__hotspot-modal-logos img {
  height: 60px !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.mav-teams .mav-scenarios__modal-room,
.mav-teams .mav-scenarios__hotspot-modal-room {
  min-width: 100% !important;
  opacity: 0 !important;
  transition: transform 0.3s ease, opacity 0.5s ease !important;
}

.mav-teams .mav-scenarios__modal-close,
.mav-teams .mav-scenarios__hotspot-modal-close {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  position: absolute !important;
  top: 15px !important;
  right: 65px !important;
  cursor: pointer !important;
  background-color: rgba(255, 255, 255, 0.7) !important;
  z-index: 9 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (min-width: 900px) {

  .mav-teams .mav-scenarios__modal-close,
  .mav-teams .mav-scenarios__hotspot-modal-close {
    top: 25 !important;
    right: 25px !important;
  }
}

.mav-teams .mav-scenarios__modal-close svg,
.mav-teams .mav-scenarios__hotspot-modal-close svg {
  width: 40% !important;
}

.mav-teams .mav-scenarios__modal-col,
.mav-teams .mav-scenarios__hotspot-modal-col {
  width: 100% !important;
}

.mav-teams .mav-scenarios__modal-col .mav-scenarios__story-title,
.mav-teams .mav-scenarios__hotspot-modal-col .mav-scenarios__story-title {
  margin-bottom: 15px !important;
}

.mav-teams .mav-scenarios__modal-col-imgs,
.mav-teams .mav-scenarios__hotspot-modal-col-imgs {
  display: grid !important;
  grid-template: 1fr !important;
  gap: 15px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.mav-teams .mav-scenarios__modal-col p,
.mav-teams .mav-scenarios__hotspot-modal-col p {
  padding-top: 0 !important;
  font-size: 16px !important;
}

.mav-teams .mav-scenarios__modal-col li,
.mav-teams .mav-scenarios__hotspot-modal-col li {
  font-size: 16px !important;
  padding-block: 0px !important;
}

.mav-teams .mav-scenarios__modal .mav-additional-heading,
.mav-teams .mav-scenarios__hotspot-modal .mav-additional-heading {
  border-bottom: 1px #114E50 solid !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.mav-teams .mav-scenarios__modal-image,
.mav-teams .mav-scenarios__hotspot-modal-image {
  width: 100% !important;
  height: 100% !important;
}

.mav-teams .mav-scenarios__modal ul,
.mav-teams .mav-scenarios__hotspot-modal ul {
  list-style-type: disc !important;
}

.mav-teams .mav-scenarios__modal ul li,
.mav-teams .mav-scenarios__hotspot-modal ul li {
  list-style-type: disc !important;
  padding-block: 5px !important;
}

.mav-teams .mav-scenarios__modal-btn,
.mav-teams .mav-scenarios__hotspot-modal-btn {
  background: #D9D9D9 !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 10px 20px !important;
  color: #114E50 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  cursor: pointer !important;
  border: 1px #D9D9D9 solid !important;
  transition: border 0.2s ease !important;
}

.mav-teams .mav-scenarios__modal-btn svg,
.mav-teams .mav-scenarios__hotspot-modal-btn svg {
  width: 12px !important;
  margin-left: 10px !important;
}

.mav-teams .mav-scenarios__modal-btn:hover,
.mav-teams .mav-scenarios__hotspot-modal-btn:hover {
  border: 1px #575757 solid !important;
}

.mav-teams .mav-grid {
  display: grid !important;
  gap: 25px !important;
  margin-block: 25px !important;
}

.mav-teams .mav-grid__3-cols {
  grid-template-columns: repeat(3, 1fr) !important;
}

.mav-teams .mav-grid__4-cols {
  grid-template-columns: repeat(4, 1fr) !important;
}

.mav-teams .mav-grid__70w {
  width: 70% !important;
  margin-left: auto !important;
}

.mav-teams .mav-col {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.mav-teams .mav-col.center {
  align-items: center !important;
  justify-content: center !important;
}

.mav-teams .mav-col__arrow {
  margin-right: auto !important;
  transition: 0.2s ease !important;
}

.mav-teams .mav-col__image {
  margin-bottom: 15px !important;
}

.mav-teams .mav-col:hover .mav-col__arrow {
  margin-left: 15px !important;
}

.mav-teams .mav-footer__logo {
  max-width: 250px !important;
}

.mav-teams .mav-placeholder-footer {
  background-color: #08292B !important;
  width: 100% !important;
  height: 400px !important;
}

.mav-teams .center {
  text-align: center !important;
}

.mav-teams__scenarios {
  margin-bottom: 50px !important;
}

.mav-teams__scenarios-header {
  display: flex !important;
  position: relative !important;
}

.mav-teams__scenarios-header-titles {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

.mav-teams__scenarios-header-line {
  width: 100vw !important;
  height: 1px !important;
  background: #003031 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: 0 !important;
}

.mav-teams__scenarios-head-nav {
  display: flex !important;
  gap: 5px !important;
  margin-left: auto !important;
  position: relative !important;
  z-index: 1 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: 0.2s ease !important;
}

.mav-teams__scenarios-head-nav.show {
  visibility: visible !important;
  opacity: 1 !important;
}

.mav-teams__scenarios-head-nav-head {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  transform: scale(0.85) !important;
  transition: 0.2s ease !important;
  cursor: pointer !important;
  background: white !important;
  position: relative !important;
}

.mav-teams__scenarios-head-nav-head.selected {
  border: 3px #1EB5D1 solid !important;
  transform: scale(1) !important;
}

.mav-teams__scenarios-head-nav-head:nth-of-type(1):before {
  animation-delay: 0s !important;
}

.mav-teams__scenarios-head-nav-head:nth-of-type(2):before {
  animation-delay: 1s !important;
}

.mav-teams__scenarios-head-nav-head:nth-of-type(3):before {
  animation-delay: 2s !important;
}

.mav-teams__scenarios-head-nav-head:before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
}

.mav-teams__scenarios-wrapper {
  position: relative !important;
}

.mav-teams__scenarios-carousel.selected .splide__track {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: scale(0.7) !important;
}

.mav-teams__scenarios-carousel.selected .splide__arrows {
  opacity: 0 !important;
}

.mav-teams__scenarios-carousel .splide__track {
  overflow: visible !important;
  transition: opacity 0.2s ease, transform 0.4s ease !important;
}

.mav-teams__scenarios-carousel .splide__list,
.mav-teams__scenarios-carousel .splide__slide {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.mav-teams__scenarios-nav-btn {
  width: 10% !important;
  height: 100% !important;
  border-radius: 0 !important;
  box-shadow: unset !important;
  background: rgba(20, 190, 212, 0) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  border: none !important;
  z-index: 9 !important;
  transition: 0.3s ease-in-out !important;
  cursor: pointer !important;
}

.mav-teams__scenarios-nav-btn:hover {
  background: rgba(20, 190, 212, 0.08) !important;
  background: rgba(0, 0, 0, 0.05) !important;
}

.mav-teams__scenarios-nav-btn svg {
  width: 50px !important;
  height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.18) !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.1) !important;
}

.mav-teams__scenarios-nav-btn-prev {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%) !important;
}

.mav-teams__scenarios-nav-btn-prev svg {
  transform: rotate(0) !important;
}

.mav-teams__scenarios-nav-btn-next {
  position: absolute !important;
  top: 50% !important;
  right: 0 !important;
  transform: translateY(-50%) !important;
}

.mav-teams__scenarios-nav-btn-next svg {
  transform: rotate(-180deg) !important;
}

.mav-teams__scenarios-room {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition-property: opacity, visibility !important;
}

.mav-teams__scenarios-room.show {
  opacity: 1 !important;
  visibility: visible !important;
  transition-delay: 0s, 0s !important;
  transition-property: opacity, visibility !important;
}

.mav-teams__scenarios-room-model {
  width: 80% !important;
  height: 100% !important;
  position: relative !important;
}

.mav-teams__scenarios-room-model video {
  width: 100% !important;
  height: 100% !important;
}

.mav-teams__scenarios-room-back-btn {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  background: none !important;
  border: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  margin-right: auto !important;
  cursor: pointer !important;
}

.mav-teams__scenarios-room-back-btn svg {
  margin-right: 10px !important;
  transition: 0.2s ease !important;
}

.mav-teams__scenarios-room-back-btn:hover svg {
  transform: rotate(-90deg) !important;
}

.mav-teams__scenarios-modal {
  width: 100% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: 3px 6px 18px rgba(0, 0, 0, 0.18) !important;
  border-radius: 12px !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  padding: 30px !important;
  z-index: 99 !important;
  visibility: hidden !important;
  opacity: 0 !important;
  transition: 0.3s ease-in-out !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translateY(0%) !important;
  transform: translateY(-50%) scale(0) !important;
}

.mav-teams__scenarios-modal.show {
  top: 0 !important;
  transform: translateY(0%) scale(1) !important;
}

.mav-teams__scenarios-modal.show .mav-teams__scenarios-modal-inner {
  opacity: 1 !important;
  transition-delay: 0.3s !important;
}

.mav-teams__scenarios-modal-close {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  border: 0 !important;
  background: 0 !important;
  outline: 0 !important;
  cursor: pointer !important;
  z-index: 9 !important;
  padding: 5px !important;
}

.mav-teams__scenarios-modal-close svg {
  width: 80% !important;
}

.mav-teams__scenarios-modal-inner {
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 25px !important;
  opacity: 0 !important;
  transition-delay: 10 !important;
  transition: 0.3s ease-in-out !important;
}

.mav-teams__scenarios-modal-carousel .splide__arrows {
  display: flex !important;
  justify-content: space-between !important;
  position: absolute !important;
  bottom: -10px !important;
  width: 100% !important;
}

.mav-teams__scenarios-modal-carousel .mav-scenarios__nav-btn {
  width: 50px !important;
  height: 50px !important;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.18) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  border: none !important;
  z-index: 9 !important;
  transition: 0.2s ease !important;
  cursor: pointer !important;
}

.mav-teams__scenarios-modal-carousel .mav-scenarios__nav-btn-prev {
  position: relative !important;
  top: unset !important;
  left: unset !important;
  transform: unset !important;
}

.mav-teams__scenarios-modal-carousel .mav-scenarios__nav-btn-prev svg {
  transform: rotate(0) !important;
}

.mav-teams__scenarios-modal-carousel .mav-scenarios__nav-btn-next {
  position: relative !important;
  top: unset !important;
  right: unset !important;
  transform: unset !important;
}

.mav-teams__scenarios-modal-carousel .mav-scenarios__nav-btn-next svg {
  transform: rotate(-180deg) !important;
}

.mav-teams__scenarios-modal-carousel .mav-scenarios__nav-btn svg {
  width: 100% !important;
  height: 100% !important;
}

.mav-teams__scenarios-modal-carousel.hide {
  display: none !important;
}

.mav-teams__scenarios-modal-slide {
  list-style-type: none !important;
}

.mav-teams__scenarios-modal-cols {
  display: flex !important;
  flex-direction: column !important;
  min-width: 100% !important;
  transition: transform 0.3s ease, opacity 0.5s ease !important;
  margin-top: 10px !important;
  max-height: 550px !important;
  overflow: auto !important;
}

@media (min-width: 900px) {
  .mav-teams__scenarios-modal-cols {
    flex-direction: row !important;
    gap: 40px !important;
  }
}

.mav-teams__scenarios-modal-col {
  width: 100% !important;
}

.mav-teams__scenarios-modal-col-imgs {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  max-height: 500px !important;
}

.mav-teams__scenarios-modal-col-imgs img {
  width: 100% !important;
  height: 240px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 6px !important;
}

.mav-teams__scenarios-modal-col p {
  padding-top: 0 !important;
}

.mav-teams__scenarios-modal-btn {
  background: #D9D9D9 !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 10px 20px !important;
  color: #114E50 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 10px !important;
  cursor: pointer !important;
  border: 1px #D9D9D9 solid !important;
  transition: border 0.2s ease !important;
}

.mav-teams__scenarios-modal-btn svg {
  width: 12px !important;
  margin-left: 10px !important;
}

.mav-teams__scenarios-modal-btn:hover {
  border: 1px #575757 solid !important;
}

.mav-teams__scenarios-modal-image {
  width: 100% !important;
  height: 100% !important;
}

.mav-teams__scenarios-modal .splide__pagination {
  position: relative !important;
  height: 25px !important;
  bottom: unset !important;
}

.mav-teams__scenarios-modal .splide__pagination .splide__pagination__page.is-active {
  background-color: #14BED4 !important;
}

.mav-teams__scenarios-modal-hotspot {
  display: none !important;
}

.mav-teams__scenarios-modal-hotspot.show {
  display: block !important;
}

.mav-teams__scenarios-modal .mav-additional-heading {
  border-bottom: 1px #114E50 solid !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.mav-teams__scenarios-hotspots {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 80% !important;
  height: 100% !important;
  opacity: 1 !important;
  transition: 1s ease !important;
}

.mav-teams__scenarios-hotspots.hide {
  opacity: 0 !important;
}

.mav-teams__scenarios-hotspot {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
  background: #ffffff !important;
  position: absolute !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: 0.2s ease !important;
  cursor: pointer !important;
}

.mav-teams__scenarios-hotspot:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
  animation: pulsate 2s ease infinite !important;
  animation-delay: 0.5s !important;
}

.mav-teams__scenarios-hotspot:before {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 1px #1EB5D1 solid !important;
  animation: pulsate 2s ease infinite !important;
}

.mav-teams__scenario {
  cursor: pointer !important;
  text-decoration: none !important;
  position: relative !important;
}

.mav-teams__scenario.is-active .mav-scenario__name {
  opacity: 1 !important;
  transition: 0.3s ease-in !important;
}

.mav-teams__scenario.is-next,
.mav-teams__scenario.is-prev {
  pointer-events: none !important;
}

.mav-teams__scenario .mav-scenario__name {
  opacity: 0 !important;
  transition: 0.3s ease-in !important;
}

.mav-teams .mav-teams__scenario-img video {
  width: 100% !important;
}

.mav-img__bg {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
  display: block !important;
}

.mav-img__bg-overlay:after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-color: rgba(0, 48, 49, 0.42) !important;
  z-index: 0 !important;
}

@keyframes pulsate {
  0% {
    transform: scale(1) !important;
    opacity: 1 !important;
  }

  100% {
    transform: scale(2) !important;
    opacity: 0 !important;
  }
}

@keyframes stop-pulsate {
  from {
    opacity: 0.4 !important;
  }

  to {
    transform: scale(2) !important;
    opacity: 0 !important;
  }
}

.mav-solutions {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.mav-solution {
  background-color: #ffffff;
  padding: 30px;
  box-shadow: 3px 3px 15px rgba(70, 70, 70, 0.07);
}

.mav-solution__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.mav-solution__logo {
  height: 30px;
}

.mav-solution__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.mav-solution__p {
  font-size: 16px;
  text-transform: uppercase;
  opacity: 0.6;
}

.mav-solution p:last-of-type {
  padding-bottom: 0 !important;
}

.mav-solution__link {
  font-size: 2rem !important;
  color: #0C073D;
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-fit-content;
  width: fit-content;
}

.mav-solution__link svg {
  width: 30px;
  margin-left: 10px;
  transition: 0.2s ease;
}

.mav-solution__link:hover svg {
  transform: translateX(15px);
  transition: 0.2s ease;
}

.mav-hero {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.mav-hero__img {
  width: 100%;
}

.mav-hero__img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.mav-hero__circle {
  position: absolute;
  top: 50%;
  right: -100px;
  transform: translateY(-50%);
}

.mav-hero__logo-overlay {
  position: absolute;
  bottom: 25px;
  left: 25px;
  width: 400px;
}

.mav-hero__content {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mav-hero__col {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 50px;
}

.mav-hero__col .mav-button {
  margin-top: 15px;
}

.mav-hero__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  margin: 0 auto;
  width: 60%;
  background-color: #ffffff;
}

.mav-hero__logo img {
  width: 80%;
  border: 30px #ffffff solid;
  border-radius: 13px;
  min-height: 200px;
  -o-object-fit: contain;
  object-fit: contain;
}

.mav-button {
  font-size: 1.8rem;
  font-weight: 500;
  color: #0C073D !important;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px 38px;
  border-radius: 25px;
  border: none;
  outline: none;
  background-color: rgba(255, 255, 255, 0.8);
  transition: 0.2s ease;
  cursor: pointer;
  display: flex;
}

.mav-button:hover {
  background-color: rgb(255, 255, 255);
  color: #0C073D;
}

.mav-button__border {
  border: 1px #0C073D solid;
  background-color: rgb(255, 255, 255);
}

.mav-button__blue {
  border: 1px #1EB5D1 solid;
  background-color: rgb(255, 255, 255);
  color: #1BA3BA !important;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  padding: 18px 38px;
  border-radius: 50px;
}

.mav-button__blue.secondary {
  border: 1px #1EB5D1 solid;
  background-color: #1EB5D1;
  color: #ffffff !important;
}

.mav-carousel {
  overflow: hidden;
  position: relative;
}

.mav-carousel__list {
  margin: 0;
  padding: 0;
  transition: transform 0.3s;
  transform: translateX(0px);
  list-style: none;
  display: flex;
}

.mav-carousel__item {
  width: 400px;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 13px;
  box-shadow: 3px 3px 27px rgba(0, 0, 0, 0.18);
  margin-right: 25px;
  padding: 25px;
  padding-bottom: 0;
}

.mav-carousel__item-img {
  height: 100%;
  max-height: 300px;
  -o-object-position: center;
  object-position: center;
}

.mav-carousel__vendor-logo {
  width: 100px;
  margin-inline: auto;
  padding-top: 25px;
  margin-top: auto;
}

.mav-carousel__control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px #0C073D solid;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.18);
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s ease;
  opacity: 0.8;
}

.mav-carousel__control:hover {
  opacity: 1;
}

.mav-carousel__control:active {
  border-width: 2px;
}

.mav-carousel__control:disabled {
  opacity: 0;
}

.mav-carousel__control svg {
  width: 50%;
}

.mav-carousel__prev {
  left: 5px;
}

.mav-carousel__prev svg {
  transform: rotate(180deg);
  margin-right: 2px;
}

.mav-carousel__next {
  right: 5px;
}

.mav-carousel__next svg {
  margin-left: 2px;
}

.mav-banner {
  width: calc(100% - 50px);
  margin-inline: auto;
  padding: 50px;
  border-radius: 13px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-block: 25px;
  min-height: 300px;
}

.mav-banner__content {
  width: 50%;
}

.mav-banner__content-full-width {
  width: 100%;
}

.mav-banner__content .mav-body-p {
  padding-top: 0;
}

.mav-banner__content a {
  margin-top: 15px;
}

.mav-banner__image {
  width: 50%;
}

.mav-banner__image img {
  max-height: 300px;
  -o-object-fit: contain;
  object-fit: contain;
}

.mav-banner__email-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
  margin-top: 40px;
}

.mav-banner__email-grid a {
  margin: 0 !important;
  padding: 0 !important;
}

.mav-banner__contact {
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mav-banner__contact-card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px #ffffff solid;
  padding-left: 20px;
}

.mav-banner__contact-card .mav-contact-p {
  font-size: 2rem;
  font-weight: 400;
  margin-block: 10px;
  display: block;
}

.mav-banner__contact-card .mav-contact-name {
  font-size: 2.6rem;
  font-weight: 600;
}

.mav-banner__contact-card a {
  transition: 0.2s ease;
}

.mav-banner__contact-card a:hover {
  text-decoration: underline;
}

.mav-banner__contact-card .mav-link-icon {
  margin-right: 3px;
}

.mav-banner__contact-card .mav-contact__image {
  border-radius: 50%;
  border: 4px #114E50 solid;
  overflow: hidden;
  width: 120px;
  margin-right: 25px;
}

.mav-list {
  margin-block: 15px;
}

.mav-list__item {
  display: flex !important;
  padding-block: 5px !important;
}

.mav-list__tick {
  width: 30px;
  height: 25px;
  margin-top: 10px;
  margin-right: 10px;
}

.mav-list__tick svg {
  width: 30px;
}

.mav-list p {
  margin: 0 !important;
  padding: 0 !important;
}

.mav-list__bullets {
  margin-top: 5px;
  list-style-type: disc;
  padding-left: 15px;
}

.mav-list__bullets li {
  display: list-item !important;
  list-style-type: disc;
}

.mav-list__bullets li p {
  margin: 0;
  padding: 0;
}

.mav-product {
  border-radius: 16px;
  box-shadow: 0 3px 18px rgba(0, 0, 0, 0.12);
  padding: 50px;
  padding-top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  margin-top: 50px;
}

.mav-product__image {
  width: 100%;
  height: 249px;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mav-product__image .enlarge {
  width: 140%;
  margin: auto;
}

.mav-product__image img {
  margin: auto;
  width: 110%;
}

.mav-product__logos {
  width: 120px;
  margin-top: 15px;
}

.mav-product .mav-line-break {
  margin: 0;
}

.mav-product-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.mav-product-row__image {
  width: 50%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
  padding: 30px;
}

.mav-product-row__image img {
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}

.mav-product-row__content {
  padding-left: 30px;
  width: 50%;
}