/* ============================
  Nevis redesign 2023 facelift 2026 child 
  build: 10/31/2025, 5:21:20 PM 
============================ */

  {
  % include "./overrides.css" %
}

/*!== custom css ==*/

* {
  font-family: "Archivo", sans-serif;
}

a {
  color: #0aacc6;
}

.footer-links .container .footer-links-wrapper ul li.hs-menu-depth-1 a[href="javascript:;"] {
  pointer-events: none;
  text-decoration: none !important;
  cursor: default;
}

a.btn-yellow,
button.btn-yellow {
  background: #00e8f8 !important;
  border-radius: 3px;
  color: #000;
}

a.btn-yellow:hover,
button.btn-yellow:hover {
  background: #0aacc6 !important;
  border-radius: 3px;
  color: #000;
}

.body-container ul li:before {
  background-color: #0aacc6;
}

.boxes-list__wrapper.opt_2.color h2 {
  color: #0aacc6 !important;
}

.three-boards__wrapper--items .single-item .single-title {
  background: linear-gradient(180deg, #00334f 0%, #003f61 100%) !important;
}

.boxes-list__wrapper.opt_1.color h2 {
  color: #0aacc6 !important;
}

.three-boards__wrapper--title h2 {
  margin-bottom: 40px !important;
}

.numbers .num {
  color: #0aacc6 !important;
}

blockquote {
  color: #0aacc6 !important;
}

.full-width-banner-lead.suite {
  background: none !important;
}

.categories-stories .pagination .actual a,
.customer-stories .pagination .actual a {
  background-color: #00334f !important;
}

.hero-banner__description {
  max-width: 520px !important;
}

form {
  padding-left: 0 !important;
}

form .hs_firstname .input input:focus,
form .hs_lastname .input input:focus,
form .hs_phone .input input:focus,
form .hs_company .input input:focus,
form .hs_mobilephone .input input:focus,
form .hs_state .input input:focus,
form .hs_country .input input:focus,
form .hs_city .input input:focus,
form .hs_address .input input:focus,
form .hs_email .input input:focus,
form .hs-form-field .input input:focus {
  border-bottom: 2px solid #0aacc6 !important;
}

form .hs_submit .actions .hs-button {
  background: #00e8f8 !important;
}

form .hs_submit:hover .actions:hover .hs-button:hover {
  background: #0aacc6 !important;
}

form .hs-fieldtype-radio.hs-form-field .input ul.inputs-list.multi-container li.hs-form-radio input[type=radio]:checked+:before {
  background-color: #0aacc6 !important;
}

.two-col-txt-btn-container .two-col-txt-btn__right .description p {
  font-size: 18px !important;
}

ol li:before {
  color: #0aacc6 !important;
  font-weight: 700;
  margin-right: 8px !important;
}

.blog-banner-stories {
  max-width: 1208px !important;
  margin: 30px auto !important;
}

.blog-banner-stories__wrapper {
  height: 350px !important;
}

.error-page__content a {
  background-color: none !important;
  border: none !important;
}

/* Image Zoom Modal */
.image-zoom {
  cursor: zoom-in;
  transition: opacity 0.3s ease;
}

.image-zoom:hover {
  opacity: 0.9;
}

.image-zoom-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  overflow: auto;
  animation: fadeIn 0.3s ease;
}

.image-zoom-modal.active {
  display: flex;
  align-items: center;
  justify-content: center;
}

.image-zoom-modal__content {
  position: relative;
  padding: 24px;
  margin: auto;
  animation: zoomIn 0.3s ease;
  width: 100%;
  max-width: 1680px;
  background-color: #ffffff;
}

.image-zoom-modal__content img {
  width: 100%;
  height: auto;
  max-height: 90vh;
  object-fit: contain;
  display: block;
}

.image-zoom-modal__close {
  align-items: center;
  background: hsla(0, 0%, 100%, .1);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  right: 0;
  top: -43px;
  transition: opacity .3s ease;
  width: 40px;
  z-index: 10000;
}

.image-zoom-modal__close:hover {
  opacity: 0.7;
}

.image-zoom-modal__close::before {
  content: '×';
  font-size: 30px;
  margin-top: -4px;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    transform: scale(0.8);
    opacity: 0;
  }

  to {
    transform: scale(1);
    opacity: 1;
  }
}

@media (max-width: 768px) {

}