@charset "UTF-8";
.swiper-partners .swiper-wrapper {
  transition-timing-function: linear !important;
}

/*
Theme Name: WestBeach Bystra
Theme URI: https://envyus.com.au/
Author: Envy Us
Author URI: https://envyus.com.au/
Description: WestBeach 2025
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: minimal, simple, responsive
Text Domain: bystra
*/
.posidonia,
.text-posidonia {
  color: #232663;
}

.bg-posidonia {
  background-color: #232663;
}

.border-posidonia {
  border-top: 0.1px solid #232663;
}

.posidonia-light,
.text-posidonia-light {
  color: #4a4f8f;
}

.bg-posidonia-light {
  background-color: #4a4f8f;
}

.aguamarina,
.text-aguamarina {
  color: #7ab9e5;
}

.border-posidonia-light {
  border-top: 0.1px solid #4a4f8f;
}

.bg-aguamarina {
  background-color: #7ab9e5;
}

.aguamarina-light,
.text-aguamarina-light {
  color: rgb(232, 234, 231);
}

.bg-aguamarina-light {
  background-color: rgb(232, 234, 231);
}

.bg-aguamarina-dark {
  background-color: #7bc4d4;
}

.aguamarina-dark,
.text-aguamarina-dark {
  color: #7bc4d4;
}

.amarillo,
.text-amarillo {
  color: #fcb937;
}

.bg-amarillo {
  background-color: #fcb937;
}

.amarillo-light,
.text-amarillo-light {
  color: #fdca62;
}

.bg-amarillo-light {
  background-color: #fdca62;
}

.amarillo-dark,
.text-amarillo-dark {
  color: #e09d0e;
}

.bg-amarillo-dark {
  background-color: #e09d0e;
}

.naranja,
.text-naranja {
  color: #FF9606;
}

.bg-naranja {
  background-color: #FF9606;
}

.naranja-light,
.text-naranja-light {
  color: #ffb84d;
}

.bg-naranja-light {
  background-color: #ffb84d;
}

.naranja-dark,
.text-naranja-dark {
  color: #cc7705;
}

.bg-naranja-dark {
  background-color: #cc7705;
}

.hueso,
.text-hueso {
  color: #FFF8F2;
}

.bg-hueso {
  background-color: #FFF8F2 !important;
}

.tinta,
.text-tinta {
  color: #303030;
}

.bg-tinta {
  background-color: #303030;
}

.humo,
.text-humo {
  color: #e2e3e8;
}

.bg-humo {
  background-color: #e2e3e8;
}

.sombra,
.text-sombra {
  color: rgba(126, 126, 129, 0.6);
}

.bg-sombra {
  background-color: rgba(126, 126, 129, 0.6);
}

.carbon,
.text-carbon {
  color: #202020;
}

.bg-carbon {
  background-color: #202020;
}

.negro,
.text-negro {
  color: #000000;
}

.bg-negro {
  background-color: #000000;
}

.bg-negro-transparent {
  background-color: rgba(0, 0, 0, 0);
}

.noche,
.text-noche {
  color: #262661;
}

.bg-noche {
  background-color: #262661;
}

.noche-dark,
.text-noche-dark {
  color: #1a1a47;
}

.bg-noche-dark {
  background-color: #1a1a47;
}

.oceano,
.text-oceano {
  color: #1a416f;
}

.bg-oceano {
  background-color: #1a416f;
}

.oceano-dark,
.text-oceano-dark {
  color: #122e4f;
}

.bg-oceano-dark {
  background-color: #122e4f;
}

.oceano,
.text-oceano {
  color: #1a416f;
}

.bg-oceano {
  background-color: #1a416f;
}

.oceano-dark,
.text-oceano-dark {
  color: #122e4f;
}

.bg-oceano-dark {
  background-color: #122e4f;
}

.cielo,
.text-cielo {
  color: #3d5c92;
}

.bg-cielo {
  background-color: #3d5c92;
}

.cielo-dark,
.text-cielo-dark {
  color: #2b4166;
}

.bg-cielo-dark {
  background-color: #2b4166;
}

.bosque,
.text-bosque {
  color: #00664a;
}

.bg-bosque {
  background-color: #00664a;
}

.bosque-dark,
.text-bosque-dark {
  color: #004c37;
}

.bg-bosque-dark {
  background-color: #004c37;
}

.laguna,
.text-laguna {
  color: #008f88;
}

.bg-laguna {
  background-color: #008f88;
}

.laguna-dark,
.text-laguna-dark {
  color: #006a65;
}

.bg-laguna-dark {
  background-color: #006a65;
}

.bg-transparent {
  background-color: transparent !important;
}

/* 
Basic Sans Regular
font-family: "basic-sans", sans-serif;
font-weight: 400;
font-style: normal;

Korolev Compressed Medium
font-family: "korolev-compressed", sans-serif;
font-weight: 500;
font-style: normal;

Korolev Compressed Bold
font-family: "korolev-compressed", sans-serif;
font-weight: 700;
font-style: normal;
 */
html {
  font-size: 62.5%;
}

body {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.614rem;
  color: #232663;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 60.5%;
  }
}
@media screen and (max-width: 576px) {
  html {
    font-size: 56.1%;
  }
}
a {
  text-decoration: none;
  color: #232663;
}
a:hover {
  text-decoration: none;
  color: #7bc4d4;
}

h1 {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5.4rem;
  color: #232663;
  text-transform: uppercase;
}

h2 {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 4.8rem;
  color: #232663;
  text-transform: uppercase;
}

h3 {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.6rem;
  color: #232663;
  text-transform: uppercase;
}

h4 {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.8rem;
  color: #232663;
  text-transform: uppercase;
}

h5 {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  color: #232663;
  text-transform: uppercase;
}

h6 {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
  color: #232663;
}

@media (max-width: 1200px) {
  h1 {
    font-size: calc(5.4rem * 0.9);
  }
  h2 {
    font-size: calc(4.8rem * 0.9);
  }
  h3 {
    font-size: calc(3.6rem * 0.9);
  }
  h4 {
    font-size: calc(2.8rem * 0.9);
  }
  h5 {
    font-size: calc(2.5rem * 0.9);
  }
  h6 {
    font-size: calc(2.2rem * 0.9);
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: calc(5.4rem * 0.85);
  }
  h2 {
    font-size: calc(4.8rem * 0.85);
  }
  h3 {
    font-size: calc(3.6rem * 0.85);
  }
  h4 {
    font-size: calc(2.8rem * 0.85);
  }
  h5 {
    font-size: calc(2.5rem * 0.85);
  }
  h6 {
    font-size: calc(2.2rem * 0.85);
  }
}
@media (max-width: 768px) {
  h1 {
    font-size: calc(5.4rem * 0.8);
  }
  h2 {
    font-size: calc(4.8rem * 0.8);
  }
  h3 {
    font-size: calc(3.6rem * 0.8);
  }
  h4 {
    font-size: calc(2.8rem * 0.8);
  }
  h5 {
    font-size: calc(2.5rem * 0.8);
  }
  h6 {
    font-size: calc(2.2rem * 0.8);
  }
}
@media (max-width: 576px) {
  h1 {
    font-size: calc(5.4rem * 0.75);
  }
  h2 {
    font-size: calc(4.8rem * 0.75);
  }
  h3 {
    font-size: calc(3.6rem * 0.75);
  }
  h4 {
    font-size: calc(2.8rem * 0.75);
  }
  h5 {
    font-size: calc(2.5rem * 0.75);
  }
  h6 {
    font-size: calc(2.2rem * 0.75);
  }
}
.contentBox a:not(.btn) {
  color: #FF9606;
  cursor: pointer !important;
}
.contentBox a:not(.btn):hover {
  color: #7ab9e5;
}
.contentBox h1,
.contentBox h2,
.contentBox h3,
.contentBox h4,
.contentBox h5 {
  margin: 0 0 0.6rem 0;
  color: #232663;
  line-height: 100%;
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* Basics */
.text-prose-regular {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.text-drama-medium {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.text-drama-bold {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.text-prose-extrabold {
  font-family: "basic-sans", sans-serif;
  font-weight: 800;
  font-style: normal;
}

/* Utilities */
.info-text {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
}

/*
██      ██ ███████ ████████ ███████
██      ██ ██         ██    ██
██      ██ ███████    ██    ███████
██      ██      ██    ██         ██
███████ ██ ███████    ██    ███████
*/
.text-list-dark, .text-list li,
.text-list-light {
  font-family: "basic-sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.7rem;
  line-height: 1;
  text-transform: uppercase;
}
.text-list-dark a, .text-list li a,
.text-list-light a {
  text-decoration: none;
  color: inherit;
}
.text-list-dark a:hover, .text-list li a:hover,
.text-list-light a:hover {
  text-decoration: none;
}
.text-list-dark a:active, .text-list li a:active,
.text-list-light a:active {
  color: #fcb937;
}

.text-list li,
.text-list-light {
  color: #fff;
}
.text-list li:hover,
.text-list-light:hover {
  color: #fff;
}

.text-list-dark {
  color: #232663;
}
.text-list-dark:hover {
  color: #7ab9e5;
}

/*
 ██████ ██ ██████   ██████ ██      ███████ ███████
██      ██ ██   ██ ██      ██      ██      ██
██      ██ ██████  ██      ██      █████   ███████
██      ██ ██   ██ ██      ██      ██           ██
 ██████ ██ ██   ██  ██████ ███████ ███████ ███████


*/
.circle-headline {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.808rem;
  line-height: normal;
}

.circle-subhead {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8rem;
  line-height: normal;
  padding: 0 16px;
}

/*
███████ ██      ██ ██████  ███████ ██████
██      ██      ██ ██   ██ ██      ██   ██
███████ ██      ██ ██   ██ █████   ██████
     ██ ██      ██ ██   ██ ██      ██   ██
███████ ███████ ██ ██████  ███████ ██   ██


*/
.text-slider-kicker {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5.4rem;
  line-height: normal;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.text-slider-headline {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 7.5817rem;
  text-transform: uppercase;
  line-height: 0.93 !important;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

#slider-master .text-slider-headline {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 9.5817rem;
  text-transform: uppercase;
  line-height: 1.2;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.text-slider-subhead {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.6rem;
  line-height: 1.2;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

@media (max-width: 1200px) {
  .text-slider-headline {
    font-size: 3.3rem;
  }
  #slider-master .text-slider-headline {
    font-size: 5.1rem;
  }
  .text-slider-tagline {
    font-size: 1.87rem;
  }
}
@media (max-width: 768px) {
  .text-slider-headline {
    font-size: 3rem;
  }
  .text-slider-tagline {
    font-size: 1.76rem;
  }
}
@media (max-width: 576px) {
  .text-slider-headline {
    font-size: 2.4rem;
  }
  .text-slider-tagline {
    font-size: 1.1rem;
  }
}
/*
 ██████  █████  ██████  ██████  ███████
██      ██   ██ ██   ██ ██   ██ ██
██      ███████ ██████  ██   ██ ███████
██      ██   ██ ██   ██ ██   ██      ██
 ██████ ██   ██ ██   ██ ██████  ███████


*/
.text-card-downloads-headline {
  font-family: "basic-sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #232663;
  font-size: 2.4rem;
}

.text-card-downloads-tagline {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #232663;
  font-size: 2.1rem;
}

@media (max-width: 992px) {
  .text-card-headline {
    font-size: 5.865rem;
  }
}
.text-cards-content {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5rem;
  color: #232663;
}

.text-specifications {
  font-family: "basic-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

/*

███████ ██      ██ ██████  ███████ ██████
██      ██      ██ ██   ██ ██      ██   ██
███████ ██      ██ ██   ██ █████   ██████
     ██ ██      ██ ██   ██ ██      ██   ██
███████ ███████ ██ ██████  ███████ ██   ██


 ██████  █████  ██████  ██████  ███████
██      ██   ██ ██   ██ ██   ██ ██
██      ███████ ██████  ██   ██ ███████
██      ██   ██ ██   ██ ██   ██      ██
 ██████ ██   ██ ██   ██ ██████  ███████


*/
.slider-cards .headline {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.25rem;
  text-transform: uppercase;
  line-height: 1.2;
}

.slider-cards .tagline {
  font-family: "basic-sans", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: 2.5rem;
  line-height: 1.2;
}

.slider-cards .description {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
}

@media (max-width: 992px) {
  .slider-cards .headline {
    font-size: 1.785rem;
  }
}
@media (max-width: 768px) {
  .slider-cards .headline {
    font-size: 1.68rem;
  }
}
@media (max-width: 576px) {
  .slider-cards .headline {
    font-size: 1.575rem;
  }
}
/*
███████  ██████  ███    ██ ████████      █████  ██     ██ ███████ ███████  ██████  ███    ███ ███████
██      ██    ██ ████   ██    ██        ██   ██ ██     ██ ██      ██      ██    ██ ████  ████ ██
█████   ██    ██ ██ ██  ██    ██        ███████ ██  █  ██ █████   ███████ ██    ██ ██ ████ ██ █████
██      ██    ██ ██  ██ ██    ██        ██   ██ ██ ███ ██ ██           ██ ██    ██ ██  ██  ██ ██
██       ██████  ██   ████    ██        ██   ██  ███ ███  ███████ ███████  ██████  ██      ██ ███████

*/
.fa-brands fa-linkedin-in, .fa-brands fa-instagram, .fa-brands fa-twitter, .fa-brands fa-facebook-f, .fa-solid fa-envelope, [class^=fa-] {
  color: #000;
  font-size: 2.7rem;
  margin-right: 10px;
  transition: color 0.4s, transform 0.4s;
}
.fa-brands fa-linkedin-in:hover, .fa-brands fa-instagram:hover, .fa-brands fa-twitter:hover, .fa-brands fa-facebook-f:hover, .fa-solid fa-envelope:hover, [class^=fa-]:hover {
  color: #CCE7F5;
  transform: translateY(1px);
}

#social-icons-lightmode .fa-brands,
#social-icons-lightmode .fa-solid {
  color: #fff;
}
#social-icons-lightmode .fa-brands:hover,
#social-icons-lightmode .fa-solid:hover {
  color: #FF9606;
}

.fa {
  font-size: 2.7rem;
}

.fa-expand {
  font-size: 2.7rem;
}

/* -------------------------------------------------------------------------- */
/*                                     cf7                                    */
/* -------------------------------------------------------------------------- */
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 12px 16px 6px 16px;
  border: 1px solid #232663;
  border-radius: 4px;
  font-size: 1.5rem;
  font-family: inherit;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.wpcf7-form select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpolyline points='2 5 8 11 14 5' style='fill:none;stroke:%2379cdcd;stroke-width:2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.1em 1.1em;
  padding-right: 3rem;
}

.wpcf7-form input[type=text]:focus,
.wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=tel]:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
  border-color: #26b4b4;
  outline: none;
  box-shadow: 0 0 0 3px rgba(38, 180, 180, 0.2);
}

.wpcf7-form label {
  display: block;
  font-weight: 600;
  margin-top: 1.2rem;
  margin-bottom: -1.2rem;
  color: #0f4c5c;
}

.wpcf7-submit.btn {
  font-size: 1.6rem;
  font-weight: 500;
  border: 2px solid #7ab9e5;
  border-radius: 0px;
  margin: 0 12px 12px 0;
  padding: 6px 18px 3px 18px;
  background-color: #7ab9e5;
  color: #fff !important;
}

.wpcf7-submit.btn:hover {
  border: 2px solid #7bc4d4;
  background-color: #7bc4d4;
  color: #ffffff;
}

/*
███████ ███████  █████  ██████   ██████ ██   ██        ██        ███████ ██ ██      ████████ ███████ ██████
██      ██      ██   ██ ██   ██ ██      ██   ██        ██        ██      ██ ██         ██    ██      ██   ██
███████ █████   ███████ ██████  ██      ███████     ████████     █████   ██ ██         ██    █████   ██████
     ██ ██      ██   ██ ██   ██ ██      ██   ██     ██  ██       ██      ██ ██         ██    ██      ██   ██
███████ ███████ ██   ██ ██   ██  ██████ ██   ██     ██████       ██      ██ ███████    ██    ███████ ██   ██


*/
.sf-field-taxonomy-section {
  display: none !important;
}

@media (max-width: 768px) {
  .sf-field-taxonomy-section {
    display: inline !important;
  }
}
/*
███    ███  █████  ██ ██       ██████ ██   ██ ██ ███    ███ ██████
████  ████ ██   ██ ██ ██      ██      ██   ██ ██ ████  ████ ██   ██
██ ████ ██ ███████ ██ ██      ██      ███████ ██ ██ ████ ██ ██████
██  ██  ██ ██   ██ ██ ██      ██      ██   ██ ██ ██  ██  ██ ██
██      ██ ██   ██ ██ ███████  ██████ ██   ██ ██ ██      ██ ██


███████  ██████  ██████  ███    ███
██      ██    ██ ██   ██ ████  ████
█████   ██    ██ ██████  ██ ████ ██
██      ██    ██ ██   ██ ██  ██  ██
██       ██████  ██   ██ ██      ██


*/
/* Placeholder styles for various browsers */
/* Chrome, Firefox, Opera, Safari 10.1+ */
::-moz-placeholder {
  color: lightgray !important;
  /* Use lightgray for placeholder */
  opacity: 1;
}
::placeholder {
  color: lightgray !important;
  /* Use lightgray for placeholder */
  opacity: 1;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
  color: lightgray !important;
  /* Use lightgray for placeholder */
}

/* Microsoft Edge */
::-ms-input-placeholder {
  color: lightgray !important;
  /* Use lightgray for placeholder */
}

.custom-mailchimp-input-wider {
  background: #fbfbfb;
  color: #000;
  border: 2px solid #fff;
  border-radius: 3px;
  padding: 6px 12px;
  margin-bottom: 20px;
  width: 320px;
}

/* Custom styles for Mailchimp button */
.custom-mailchimp-button {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 25px;
  padding: 6px 18px 3px 18px;
  text-transform: uppercase;
}

/* Hover effect for Mailchimp button */
.custom-mailchimp-button:hover {
  background: transparent;
  color: #000;
}

/* Small Devices, Tablets */
@media only screen and (max-width: 992px) {
  .nf-form-cont .one-half, .nf-form-cont .one-third, .nf-form-cont .three-sixths, .nf-form-cont .two-fourths {
    width: 100% !important;
  }
}
/* 
███████ ███████  █████  ██████   ██████ ██   ██
██      ██      ██   ██ ██   ██ ██      ██   ██
███████ █████   ███████ ██████  ██      ███████
     ██ ██      ██   ██ ██   ██ ██      ██   ██
███████ ███████ ██   ██ ██   ██  ██████ ██   ██


██   ██ ████████ ███    ███ ██      ███████
██   ██    ██    ████  ████ ██      ██
███████    ██    ██ ████ ██ ██      ███████
██   ██    ██    ██  ██  ██ ██           ██
██   ██    ██    ██      ██ ███████ ███████


*/
input {
  outline: none;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
       appearance: textfield;
  box-sizing: content-box;
  font-family: inherit;
  font-size: 2.1rem;
  color: #ffffff;
  /* Set input text color to white */
  /* Use a white SVG icon */
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23232663'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E") no-repeat 9px center;
  background-size: 18px 18px;
  background-color: rgba(255, 255, 255, 0.75);
  border: solid 1px rgba(255, 255, 255, 0.3);
  border-radius: 18px;
  padding: 0 10px 0 32px;
  /* Adjusted padding for icon */
  width: 70%;
  transition: all 0.5s;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
  display: none;
}

input[type=search]:focus {
  width: 100%;
  background-color: #ffffff;
  border-color: #ffffff;
  color: #000000;
  /* Ensure input text color remains white on focus */
  /* Keep the white icon on focus */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23232663'%3E%3Cpath d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 9px center;
  background-size: 18px 18px;
}

.search-form .search-submit {
  display: none;
}

/*
██████   ██████   ██████  ████████ ███████ ████████ ██████   █████  ██████
██   ██ ██    ██ ██    ██    ██    ██         ██    ██   ██ ██   ██ ██   ██
██████  ██    ██ ██    ██    ██    ███████    ██    ██████  ███████ ██████
██   ██ ██    ██ ██    ██    ██         ██    ██    ██   ██ ██   ██ ██
██████   ██████   ██████     ██    ███████    ██    ██   ██ ██   ██ ██


████████  █████  ██████  ███████
   ██    ██   ██ ██   ██ ██
   ██    ███████ ██████  ███████
   ██    ██   ██ ██   ██      ██
   ██    ██   ██ ██████  ███████

bootstrap tabs
 */
.nav-tabs {
  border-bottom: 2px solid #7ab9e5;
}
.nav-tabs .nav-item {
  margin-bottom: -1px;
}
.nav-tabs .nav-link {
  color: #232663;
  background-color: transparent;
  border: 2px solid #7ab9e5;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 9px 18px 3px 18px;
  margin-right: 9px;
  font-weight: 500;
  position: relative;
}
.nav-tabs .nav-link:hover {
  border-color: rgb(232, 234, 231);
  border-bottom-color: 2px solid transparent;
  color: #fff;
  background-color: rgb(232, 234, 231);
}
.nav-tabs .nav-link.disabled {
  color: rgb(90.2462686567, 95.2388059701, 196.7537313433);
  background-color: transparent;
  border-color: #7ab9e5;
}
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #7bc4d4;
  border-color: #7bc4d4;
  border-bottom-color: #7bc4d4;
  font-weight: 500;
  z-index: 0;
}

.front-page-tabs .nav-tabs {
  justify-content: left;
}

.front-page-tabs .nav-link {
  font-size: 2.1rem;
  font-weight: 500;
}

.tab-content {
  border: 0px solid #7ab9e5;
  border-top: none;
  padding: 1.5rem;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
  position: relative;
  margin-top: 0;
}

@media (max-width: 1400px) {
  .nav-tabs {
    border-bottom: 0px solid #7ab9e5;
  }
  .nav-tabs .nav-item {
    margin: 0 9px 12px 0;
  }
  .nav-tabs .nav-link {
    font-weight: 500;
    font-size: 1.5rem;
    color: #232663;
    border: 2px solid #7ab9e5;
    background-color: hsl(0, 0%, 100%);
    border-radius: 10px;
    padding: 6px 18px 3px 18px;
    margin-right: 5px;
    position: relative;
  }
  .nav-tabs .nav-link:hover {
    color: #fff;
    border-color: #7ab9e5;
    background-color: #7ab9e5;
  }
  .nav-tabs .nav-link.disabled {
    color: rgba(122, 185, 229, 0.7);
    background-color: hsl(0, 0%, 100%);
    border-color: rgba(122, 185, 229, 0.7);
  }
  .nav-tabs .nav-link.active {
    color: #fff;
    border-color: #7bc4d4;
    background-color: #7bc4d4;
    border-bottom-color: #7bc4d4;
    font-weight: 500;
    z-index: 1;
  }
}
/*
████████  ██████   ██████  ██      ████████ ██ ██████
   ██    ██    ██ ██    ██ ██         ██    ██ ██   ██
   ██    ██    ██ ██    ██ ██         ██    ██ ██████
   ██    ██    ██ ██    ██ ██         ██    ██ ██
   ██     ██████   ██████  ███████    ██    ██ ██

bootstrap tooltips     
*/
.tooltip {
  z-index: 1070;
}
.tooltip .tooltip-arrow::before {
  border-top-color: #161a4a;
}
.tooltip .tooltip-inner {
  font-family: "basic-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.3rem;
  color: #fff;
  background-color: #161a4a;
  border-radius: 6px;
  padding: 8px 12px;
  max-width: 280px;
  text-align: center;
  line-height: 1.4;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border: 1px solid #232663;
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
  border-top-color: #161a4a;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #161a4a;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
  border-left-color: #161a4a;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
  border-right-color: #161a4a;
}

.modal {
  z-index: 99999 !important;
}

.modal-backdrop {
  z-index: 9999 !important;
}

.nf-form-cont {
  background-color: #FFF8F2;
  padding: 40px 40px 0 40px;
  box-shadow: 0 6px 9px rgba(0, 0, 0, 0.15);
}

.nf-field-label label, .nf-label-span {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3rem !important;
  text-transform: uppercase;
}

.nf-field-element input, .pikaday__container input {
  border: 1px solid #161a4a;
  border-radius: none !important;
}

.nf-form-cont .nf-form-content .nf-field-element input[type=button],
.nf-form-cont .nf-form-content .nf-field-element input[type=submit] {
  position: absolute;
  right: -40px;
  bottom: 0;
}

.swiper-button-next::after, .swiper-button-prev::after {
  color: #fff !important;
}

/* GSAP Toggle Menu */
.main-tool-bar,
.main-tool-bar2 {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  transition: all 0.4s ease;
  z-index: 1000;
}

#header {
  position: relative;
}

/* Make topNav and barraNav stack vertically */
#navbar-fx {
  display: flex;
  flex-direction: column;
  width: 100%;
}

#topNav,
#barraNav {
  width: 100%;
  display: block;
}

#topNav {
  margin-bottom: 0px;
}

/*rotated
images*/
.image-rotate-minus {
  transform: rotate(-4.5deg) scale(1.05);
  transform-origin: 100% -25%;
}

.image-rotate-plus {
  transform: rotate(4.5deg) scale(1.05);
  transform-origin: 0% -25%;
}

@media (max-width: 768px) {
  .image-rotate-minus {
    transform: rotate(-3.5deg) scale(1.05);
    transform-origin: 55% 45%;
  }
  .image-rotate-plus {
    transform: rotate(3.5deg) scale(1.05);
    transform-origin: 35% 25%;
  }
}
/*
██████   █████  ██████   █████  ██      ██       █████  ██   ██
██   ██ ██   ██ ██   ██ ██   ██ ██      ██      ██   ██  ██ ██
██████  ███████ ██████  ███████ ██      ██      ███████   ███
██      ██   ██ ██   ██ ██   ██ ██      ██      ██   ██  ██ ██
██      ██   ██ ██   ██ ██   ██ ███████ ███████ ██   ██ ██   ██


*/
.parallax-container {
  position: relative;
  width: 100%;
  /* Aspect ratio container – adjust to your preference */
  padding-top: 33.75%;
  /* example ratio */
  overflow: hidden;
  margin-bottom: 3rem;
  z-index: 0;
}

.parallax-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.parallax-image-wrapper picture,
.parallax-image-wrapper img {
  position: absolute;
  top: -10%;
  left: 0;
  width: 100%;
  height: 120%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  will-change: transform;
}

.parallax-content {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.parallax-content .container,
.parallax-content .row {
  height: 100%;
}
.parallax-content .row {
  display: flex;
  align-items: center;
}

.content-box {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 2rem;
  border-radius: 4px;
}

/* Responsive overrides for narrower screens */
@media (max-width: 767px) {
  .parallax-container {
    padding-top: 43.75%;
  }
}
@media (max-width: 576px) {
  .parallax-container {
    padding-top: 53.75%;
  }
}
/*
███████ ██      ██  ██████ ██   ██
██      ██      ██ ██      ██  ██
███████ ██      ██ ██      █████
     ██ ██      ██ ██      ██  ██
███████ ███████ ██  ██████ ██   ██


*/
.slick-initialized .slick-slide {
  padding: 3px !important;
}

.slick-list {
  margin: 0 -5px;
}

.magnify {
  overflow: hidden;
}

.magnify img {
  transition: transform 0.5s ease;
}

.magnify:hover img {
  transform: scale(0.94);
  filter: saturate(1.2);
  cursor: zoom-in;
}

/*
██      ██  ██████  ██   ██ ████████  ██████   █████  ██      ██      ███████ ██████  ██    ██
██      ██ ██       ██   ██    ██    ██       ██   ██ ██      ██      ██      ██   ██  ██  ██
██      ██ ██   ███ ███████    ██    ██   ███ ███████ ██      ██      █████   ██████    ████
██      ██ ██    ██ ██   ██    ██    ██    ██ ██   ██ ██      ██      ██      ██   ██    ██
███████ ██  ██████  ██   ██    ██     ██████  ██   ██ ███████ ███████ ███████ ██   ██    ██


*/
.gallery-container > div {
  border: 0px solid green;
}

.lg-backdrop {
  background-color: rgba(0, 0, 0, 0.9);
}

.lg-outer .lg-thumb-outer {
  background-color: rgba(255, 255, 255, 0);
}

/*
████████  ██████   ██████   ██████  ██      ███████
   ██    ██    ██ ██       ██       ██      ██
   ██    ██    ██ ██   ███ ██   ███ ██      █████
   ██    ██    ██ ██    ██ ██    ██ ██      ██
   ██     ██████   ██████   ██████  ███████ ███████


*/
/* Hamburger icon animation - https://mdbootstrap.com/docs/jquery/navigation/hamburger-menu/ */
.navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0) !important;
  padding: 5px 10px 10px 10px;
}

.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

/* Icon 1 */
.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 24px;
  height: 18px;
  position: relative;
  margin: 0px;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

.animated-icon1 span {
  background: #ffffff;
}

.animated-icon2 span {
  background: #ffffff;
}

.animated-icon3 span {
  background: #ffffff;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  transform: rotate(-135deg);
}

/* Icon 3*/
.animated-icon2 span:nth-child(1) {
  top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
  top: 10px;
}

.animated-icon2 span:nth-child(4) {
  top: 20px;
}

.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon2.open span:nth-child(2) {
  transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
  transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */
.animated-icon3 span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 10px;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 20px;
  left: 8px;
}

body .uwy.userway_p3 .userway_buttons_wrapper {
  bottom: 60px !important;
}

/* General overrides for Swiper */
.swiper-wrapper {
  height: auto;
}

/* Add some CSS for positioning */
.swiper {
  position: relative;
  z-index: 0;
}

.swiper-pagination {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  text-align: center;
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  /* Center vertically */
  transform: translateY(-50%);
  /* Adjust for the button's height */
  width: 44px;
  height: 44px;
  margin-top: 0;
  color: #fff;
}

.swiper-testimonials .swiper-button-next,
.swiper-testimonials .swiper-button-prev {
  position: absolute;
  top: 50%;
  /* Center vertically */
  transform: translateY(-50%);
  /* Adjust for the button's height */
  width: 44px;
  height: 44px;
  margin-top: 0;
  color: #232663;
}

/* Blog cards slider arrow color */
/* Blog cards pagination dots */
.swiper-blog-cards .swiper-pagination-bullet {
  background: #232663;
  opacity: 0.4;
}

.swiper-blog-cards .swiper-pagination-bullet-active {
  background: #232663;
  opacity: 1;
}

.swiper-button-next {
  right: -3px;
}

.swiper-button-prev {
  left: -3px;
}

/* Ensure blog slider lays out like original grid spacing */
.swiper-blog-cards {
  padding-bottom: 36px;
  /* space for pagination dots */
}

.swiper-blog-cards .swiper-slide {
  height: auto;
}

/* Prevent pagination from overlapping cards for blog slider */
.swiper-blog-cards .swiper-pagination {
  position: static;
  margin-top: 12px;
}

/*  ensure that both videos and images within .swiper-slide-cover maintain the 1920x648 aspect ratio while covering the entire container area without losing their aspect ratios. The object-fit: cover; property is used to ensure the video or image covers the area completely, cropping it if necessary to maintain the aspect ratio. */
.swiper-slide-cover {
  position: relative;
  width: 100%;
  /* Maintain aspect ratio 1920x648 */
  padding-top: 33.75%;
  /* (648 / 1920) * 100% */
  overflow: hidden;
}

/* Hero size variant for slider master */
.swiper-slide-cover.hero-size {
  padding-top: 63.75%;
  /* Hero size when slider_hero_size is true */
}

.swiper-slide-cover video,
.swiper-slide-cover img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Cover the container without losing aspect ratio */
}

.swiper-slide {
  position: relative;
  /* This makes it the reference for its absolutely positioned children */
}

/* Slider Master specific styles */
#slider-master {
  width: 100%;
  position: relative;
}

.slider-master-content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  position: absolute;
}

#slider-master .swiper-slide-cover {
  position: relative;
  width: 100%;
  padding-top: 33.75%;
  /* Standard size for slider master */
  overflow: hidden;
  min-height: 400px;
  /* Minimum height to ensure content is always visible */
}

#slider-master .swiper-slide-cover.standard-size {
  padding-top: 42% !important;
  /* Explicitly set standard size */
}

#slider-master .swiper-slide-cover.hero-size {
  padding-top: 55% !important;
  /* Hero size when slider_hero_size is true */
}

/* Slider Master content overlay */
.slider-content-overlay {
  max-width: 100%;
  pointer-events: none;
  /* Allow clicks to pass through to navigation */
}

.slider-content-overlay .bg-content-light {
  pointer-events: auto;
  /* Re-enable clicks on content area */
}

@media (max-width: 1200px) {
  .slider-master-content {
    top: 60%;
  }
  #slider-master .swiper-slide-cover.standard-size,
  #slider-master .swiper-slide-cover.hero-size {
    padding-top: 63.75% !important;
    /* Explicitly set standard size */
  }
}
@media (max-width: 768px) {
  .swiper-slide-cover {
    position: relative;
    width: 100%;
    /* Maintain aspect ratio 1920x648 */
    padding-top: 63.75%;
    /* (648 / 1920) * 100% */
    overflow: hidden;
  }
  #slider-master .swiper-slide-cover.standard-size,
  #slider-master .swiper-slide-cover.hero-size {
    padding-top: 84.75% !important;
    /* Explicitly set standard size */
  }
}
body,
html {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

*:focus {
  outline: none !important;
}

.mt-spacer {
  margin-top: 200px;
}

.border-blue {
  border-color: #232663;
}

.logo-constraint {
  max-width: 129px;
}

.logo-constraint-footer {
  max-width: 129px;
}

.logo-constraint-extrawide {
  max-width: 300px;
}

.logo-constraint-slider {
  max-width: 300px;
}

@media (max-width: 992px) {
  .logo-constraint {
    max-width: 180px;
  }
}
@media (max-width: 576px) {
  .logo-constraint {
    max-width: 162px;
  }
}
/*
██ ███    ███  █████   ██████  ███████ ███████
██ ████  ████ ██   ██ ██       ██      ██
██ ██ ████ ██ ███████ ██   ███ █████   ███████
██ ██  ██  ██ ██   ██ ██    ██ ██           ██
██ ██      ██ ██   ██  ██████  ███████ ███████


*/
/* WordPress Image Alignments */
.aligncenter,
.align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.alignleft,
.align-left {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.alignright,
.align-right {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

/* WordPress Captions */
.wp-caption {
  max-width: 100%;
  margin-bottom: 1em;
}

.wp-caption.aligncenter,
.wp-caption.align-center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.wp-caption.alignleft,
.wp-caption.align-left {
  margin-right: 1em;
}

.wp-caption.alignright,
.wp-caption.align-right {
  margin-left: 1em;
}

.wp-caption img {
  display: block;
  margin: 0 auto;
}

.wp-caption-text {
  margin: 0.5em 0;
  font-size: 1.4rem;
  color: #303030;
  text-align: center;
}

/* Clear floats after aligned items */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 576px) {
  .alignleft,
  .alignright,
  .align-left,
  .align-right {
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1em;
  }
}
/*
███    ███ ███████ ███    ██ ██    ██ ███████
████  ████ ██      ████   ██ ██    ██ ██
██ ████ ██ █████   ██ ██  ██ ██    ██ ███████
██  ██  ██ ██      ██  ██ ██ ██    ██      ██
██      ██ ███████ ██   ████  ██████  ███████


*/
/* Main Menu */
/* MENU ITEMS */
.menu-item a {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.151rem;
  line-height: 1.1;
  text-decoration: none;
  color: #fff !important;
  text-transform: uppercase;
  display: inline;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

/* Add pipe separators between top-level menu items only */
.navbar-nav > .menu-item:not(:last-child)::after {
  content: "|";
  color: #FF9606;
  margin: 0 2px;
  display: inline-block;
  position: relative;
}

/* Ensure dropdown menu items don't have separators */
.dropdown-menu .dropdown-item::after,
.dropdown-menu .menu-item::after {
  content: none;
  display: none;
}

.nav-link .active {
  color: #FF9606 !important;
}

.menu-item a:link {
  color: #fff;
  text-decoration: none;
}

.menu-item a:hover {
  color: #FF9606;
  text-decoration: none;
}

.menu-item a:active {
  color: #333;
  /* Changed from white to dark gray */
  text-decoration: none;
}

.menu-item a:visited {
  color: #333;
  /* Changed from white to dark gray */
  text-decoration: none;
}

.menu-item.current-menu-item > a {
  color: #FF9606 !important;
}

.menu-item.current-menu-ancestor > a {
  color: #FF9606 !important;
}

.dropdown-menu {
  width: auto !important;
  min-width: 200px !important;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  text-align: left;
  list-style: none;
  background: #FFF8F2;
  background-clip: padding-box;
  border-radius: 0.25rem;
  color: #232663 !important;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu .dropdown-divider {
  display: none;
}

.dropdown-menu .dropdown-item {
  color: #232663 !important;
  margin: 0 !important;
  border-bottom: none !important;
  width: 100% !important;
  display: block;
}

.dropdown-menu .dropdown-item a {
  color: #232663 !important;
  padding: 0.25rem 1rem;
  display: block;
  width: 100%;
  border-bottom: none !important;
}

.dropdown-menu .dropdown-item.hover,
.dropdown-menu .dropdown-item:hover {
  text-decoration: none;
  background-color: #FF9606 !important;
  color: #fff !important;
  width: 100% !important;
}

.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:active {
  color: #FF9606 !important;
  text-decoration: none;
  background-color: #232663;
}

.dropdown-menu .dropdown-item.active {
  color: #fff !important;
  background-color: #232663;
}

/* Super Menu (Secondary navigation) */
#super-menu ul {
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#super-menu li {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.3rem;
  position: relative;
  /* Needed for the separator positioning */
  padding: 0 9px;
}

/* Add vertical line separator to the right of all items */
#super-menu li::after {
  content: "|";
  position: absolute;
  right: -6px;
  top: 45%;
  transform: translateY(-50%);
  color: #FFF8F2;
}

/* Add vertical line separator to the left of the first item */
#super-menu li:first-child::before {
  content: "|";
  position: absolute;
  left: -6px;
  top: 45%;
  transform: translateY(-50%);
  color: #FFF8F2;
}

#super-menu a {
  text-decoration: none;
  color: inherit;
  text-transform: uppercase;
}
#super-menu a:link {
  color: #FFF8F2;
}
#super-menu a:visited {
  color: #FFF8F2;
}
#super-menu a:hover {
  color: #fff;
}
#super-menu a:active {
  color: #FFA500;
}

/* Footer Menu */
#footer-menu ul {
  display: block;
  list-style-type: none;
  padding: 0;
  margin: 12px 0 0 0;
}

#footer-menu li {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7rem;
  position: relative;
  color: #fff;
  margin: 0 0 6px 0;
  padding: 0;
}

#footer-menu a {
  text-decoration: none;
  color: inherit;
  text-transform: capitalize;
}
#footer-menu a:link {
  color: #ffffff;
}
#footer-menu a:visited {
  color: #ffffff;
}
#footer-menu a:hover {
  color: #7ab9e5;
}
#footer-menu a:active {
  color: rgb(232, 234, 231);
}

/* privacy Menu */
#privacy-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#privacy-menu li {
  position: relative;
  /* Needed for the separator positioning */
  padding: 0;
  margin: 0;
}

#privacy-menu a {
  text-decoration: none;
  color: inherit;
}
#privacy-menu a:link {
  color: #ffffff;
}
#privacy-menu a:visited {
  color: #ffffff;
}
#privacy-menu a:hover {
  color: #FF0000;
}
#privacy-menu a:active {
  color: #FFA500;
}

/*
██████  ██    ██ ████████ ████████  ██████  ███    ██ ███████
██   ██ ██    ██    ██       ██    ██    ██ ████   ██ ██
██████  ██    ██    ██       ██    ██    ██ ██ ██  ██ ███████
██   ██ ██    ██    ██       ██    ██    ██ ██  ██ ██      ██
██████   ██████     ██       ██     ██████  ██   ████ ███████

*/
.btn-light {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  border: 2px solid;
  border-radius: 0px;
  padding: 6px 18px 3px 18px;
  text-transform: uppercase;
}

.btn-outline-light {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  border: 2px solid;
  border-radius: 0px;
  padding: 6px 18px 3px 18px;
  text-transform: uppercase;
}

.btn-outline-posidonia-dark {
  font-family: "basic-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  color: #4a4f8f;
  border: 2px solid #4a4f8f;
  background-color: hsl(0, 0%, 100%);
  border-radius: 10px;
  padding: 6px 18px 3px 18px;
}
.btn-outline-posidonia-dark:hover {
  color: #fff;
  border-color: #232663;
  background-color: #232663;
}
.btn-outline-posidonia-dark.active, .btn-outline-posidonia-dark.selected {
  color: #fff;
  border-color: #4a4f8f;
  background-color: #4a4f8f;
}

.btn-outline-aguamarina-dark {
  font-family: "basic-sans", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.5rem;
  color: #7ab9e5;
  border: 2px solid #7ab9e5;
  background-color: hsl(0, 0%, 100%);
  border-radius: 0px;
  padding: 6px 18px 3px 18px;
  text-transform: uppercase;
}
.btn-outline-aguamarina-dark:hover {
  color: #fff;
  border-color: #7ab9e5;
  background-color: #7ab9e5;
}
.btn-outline-aguamarina-dark.active, .btn-outline-aguamarina-dark.selected {
  color: #fff;
  border-color: #7bc4d4;
  background-color: #7bc4d4;
}

/* .btn-aguamarina {
    @include font($text-prose, $fw-medium);
    font-size: 1.5rem;
    color: $aguamarina;
    border: 2px solid $aguamarina;
    background-color: hsl(0, 0%, 100%);
    border-radius: 0px;
    padding: 6px 18px 3px 18px;
    text-transform: uppercase;

    &:hover {
        color: #fff;
        border-color: $aguamarina;
        background-color: $aguamarina;
    }

    &.active,
    &.selected {
        color: #fff;
        border-color: $aguamarina-dark;
        background-color: $aguamarina-dark;
    }
} */
.btn-dark {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.6rem;
  border: 2px solid;
  background-color: #232663;
  border-radius: 25px;
  padding: 6px 18px 3px 18px;
  text-transform: uppercase;
}

.btn-posidonia {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #232663;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #232663;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-posidonia:hover {
  border-color: #4a4f8f;
  background-color: #4a4f8f;
  color: #fff;
}
.btn-posidonia-super-menu {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #232663;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #232663;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
  margin: 6px 12px 0 0;
}
.btn-posidonia-super-menu:hover {
  border-color: #161a4a;
  background-color: #161a4a;
  color: #fff;
}
.btn-aguamarina {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #7ab9e5;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #7ab9e5;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
  color: #232663;
}
.btn-aguamarina:hover {
  border-color: #7bc4d4;
  background-color: #7bc4d4;
  color: #fff;
}
.btn-aguamarina:hover {
  color: #232663;
}

.btn-amarillo {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #fcb937;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #fcb937;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-amarillo:hover {
  border-color: #e09d0e;
  background-color: #e09d0e;
  color: #fff;
}
.btn-naranja, .nf-form-cont .nf-form-content .nf-field-element input[type=button],
.nf-form-cont .nf-form-content .nf-field-element input[type=submit] {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #FF9606;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #FF9606;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
  color: #161a4a;
}
.btn-naranja:hover, .nf-form-cont .nf-form-content .nf-field-element input[type=button]:hover,
.nf-form-cont .nf-form-content .nf-field-element input[type=submit]:hover {
  border-color: #cc7705;
  background-color: #cc7705;
  color: #fff;
}
.btn-naranja:hover, .nf-form-cont .nf-form-content .nf-field-element input[type=button]:hover,
.nf-form-cont .nf-form-content .nf-field-element input[type=submit]:hover {
  color: #161a4a;
}

.btn-noche {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #262661;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #262661;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-noche:hover {
  border-color: #1a1a47;
  background-color: #1a1a47;
  color: #fff;
}
.btn-oceano {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #1a416f;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #1a416f;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-oceano:hover {
  border-color: #122e4f;
  background-color: #122e4f;
  color: #fff;
}
.btn-cielo {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #3d5c92;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #3d5c92;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-cielo:hover {
  border-color: #2b4166;
  background-color: #2b4166;
  color: #fff;
}
.btn-bosque {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #00664a;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #00664a;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-bosque:hover {
  border-color: #004c37;
  background-color: #004c37;
  color: #fff;
}
.btn-laguna {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid #008f88;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: #008f88;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-laguna:hover {
  border-color: #006a65;
  background-color: #006a65;
  color: #fff;
}
.btn-vacio {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.275rem;
  border: 2px solid transparent;
  border-radius: 0px;
  margin: 0 3px;
  padding: 1rem 0.5rem 0.3rem 6rem;
  background-color: transparent;
  color: #fff;
  line-height: 100%;
  text-transform: uppercase;
}
.btn-vacio:hover {
  border-color: transparent;
  background-color: transparent;
  color: #fff;
}
@media screen and (max-width: 576px) {
  .btn-posidonia,
  .btn-aguamarina {
    font-size: 1.5rem;
    margin: 0 3px 0px 0;
    padding: 6px 9px 3px 9px;
  }
}
/* -------------------------------------------------------------------------- */
/*                             Content Cards Buttons                          */
/* -------------------------------------------------------------------------- */
#contentCardsButtons .btn-posidonia,
#contentCardsButtons .btn-aguamarina,
#contentCardsButtons .btn-naranja,
#contentCardsButtons .nf-form-cont .nf-form-content .nf-field-element input[type=button],
.nf-form-cont .nf-form-content .nf-field-element #contentCardsButtons input[type=button],
#contentCardsButtons .nf-form-cont .nf-form-content .nf-field-element input[type=submit],
.nf-form-cont .nf-form-content .nf-field-element #contentCardsButtons input[type=submit],
.contentBox .btn-naranja,
.contentBox .nf-form-cont .nf-form-content .nf-field-element input[type=button],
.nf-form-cont .nf-form-content .nf-field-element .contentBox input[type=button],
.contentBox .nf-form-cont .nf-form-content .nf-field-element input[type=submit],
.nf-form-cont .nf-form-content .nf-field-element .contentBox input[type=submit],
.whiteInner .btn-naranja,
.whiteInner .nf-form-cont .nf-form-content .nf-field-element input[type=button],
.nf-form-cont .nf-form-content .nf-field-element .whiteInner input[type=button],
.whiteInner .nf-form-cont .nf-form-content .nf-field-element input[type=submit],
.nf-form-cont .nf-form-content .nf-field-element .whiteInner input[type=submit] {
  margin-right: 0;
}

/* -------------------------------------------------------------------------- */
/*                             Vertical Button Bar                            */
/* -------------------------------------------------------------------------- */
.vertical-button-bar {
  transform: rotate(-90deg);
  right: 25px;
  top: 25%;
  position: absolute;
  transform-origin: right top;
  font-weight: 500;
  z-index: 1;
}

.button-bar-button {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-size: 2.275rem;
  border: 0;
  padding: 1rem 1rem 0.3rem 6rem;
  margin: 0 !important;
}

.button-bar-naranja {
  background-color: #FF9606;
  color: white;
}

.button-bar-aguamarina {
  background-color: #CCE7F5;
  color: #232663;
}

.button-bar-posidonia {
  background-color: #232663;
  color: white;
}

/*
██  ██████  ██████  ███    ██ ███████
██ ██      ██    ██ ████   ██ ██
██ ██      ██    ██ ██ ██  ██ ███████
██ ██      ██    ██ ██  ██ ██      ██
██  ██████  ██████  ██   ████ ███████


*/
.icon-details-container {
  font-weight: 600;
  text-align: center;
  background-color: #232663;
  color: #fff;
}

.icon-details {
  height: auto;
  width: 30px;
  border: 1px solid #004f6e;
}

/*
██      ██ ███████ ████████ ███████
██      ██ ██         ██    ██
██      ██ ███████    ██    ███████
██      ██      ██    ██         ██
███████ ██ ███████    ██    ███████

Check the fonts in %text-list-base (.text-list li, .text-list-light and .text-list-dark versions) in the _fonts.scss file 
*/
.styled-list {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.styled-list ul {
  width: 100%;
}
.styled-list li {
  padding: 3px 15px 0px 15px;
  margin: 9px 0;
  position: relative;
}
.styled-list li:nth-child(odd) {
  background-color: #7ab9e5;
}
.styled-list li:nth-child(even) {
  background-color: #232663;
}
.styled-list li:hover {
  background-color: rgb(178.5, 178.5, 178.5);
  cursor: pointer;
}
.styled-list li .list-link {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  color: inherit;
}

/*
██████  ██       ██████   ██████ ██   ██ ███████
██   ██ ██      ██    ██ ██      ██  ██  ██
██████  ██      ██    ██ ██      █████   ███████
██   ██ ██      ██    ██ ██      ██  ██       ██
██████  ███████  ██████   ██████ ██   ██ ███████


*/
.block-vertical-padding {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

/*
██████  ██ ██████  ███████  ██████ ████████  ██████  ██████  ██    ██
██   ██ ██ ██   ██ ██      ██         ██    ██    ██ ██   ██  ██  ██
██   ██ ██ ██████  █████   ██         ██    ██    ██ ██████    ████
██   ██ ██ ██   ██ ██      ██         ██    ██    ██ ██   ██    ██
██████  ██ ██   ██ ███████  ██████    ██     ██████  ██   ██    ██


*/
.section-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}

/*
 ██████  █████  ██████  ██████  ███████
██      ██   ██ ██   ██ ██   ██ ██
██      ███████ ██████  ██   ██ ███████
██      ██   ██ ██   ██ ██   ██      ██
 ██████ ██   ██ ██   ██ ██████  ███████


*/
.card-icon {
  width: 100%;
  max-width: 120px;
  height: auto;
}

.img-darken {
  filter: brightness(96%);
  z-index: 1;
}

.card-h-icon {
  width: 100%;
  border: 0px solid #ff0000 !important;
}

@media screen and (max-width: 576px) {
  .card-h-icon {
    width: 120px !important;
    height: auto;
    border: 0px solid #000 !important;
    text-align: center;
  }
}
.arrow-icon {
  position: absolute;
  width: 36px;
  height: auto;
  z-index: 10;
  bottom: -18px;
  left: 25%;
  transform: translateY(-50%) translateX(50%) rotate(0deg);
}

/* Adjust for larger screens */
@media (min-width: 768px) {
  .arrow-icon {
    top: 50%;
    right: 9px;
    left: auto;
    bottom: auto;
    transform: translateY(-50%) translateX(50%) rotate(270deg);
  }
}
.round-up {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.round-down {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.round-start {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.round-end {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.round-cards-h-icon {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.round-cards-h-content {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

@media screen and (max-width: 576px) {
  .round-cards-h-icon {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .round-cards-h-content {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
  }
}
.cardItem {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  overflow: hidden;
}

.text-card-headline {
  font-family: "basic-sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12rem;
  text-transform: none;
}

.text-card-tagline {
  font-family: "basic-sans", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.4rem;
  text-transform: uppercase;
}

.text-above-image {
  z-index: 2;
}

.card-header-custom {
  border-top-left-radius: 1.5rem;
  border: 1px solid #000;
  background-color: #000;
  padding: 0.8rem 0.5rem 0.4rem 0.5rem;
}

.card-body-custom {
  border-radius: 0rem 0rem 1.5rem 1.5rem;
  border: 1px solid #000;
  padding: 0.8rem 0.5rem 0.4rem 0.5rem;
}

.card {
  border: 0px solid #f7f7f7;
}

/*
 █████   ██████  ██████  ██████  ██████  ██████  ██  ██████  ███    ██
██   ██ ██      ██      ██    ██ ██   ██ ██   ██ ██ ██    ██ ████   ██
███████ ██      ██      ██    ██ ██████  ██   ██ ██ ██    ██ ██ ██  ██
██   ██ ██      ██      ██    ██ ██   ██ ██   ██ ██ ██    ██ ██  ██ ██
██   ██  ██████  ██████  ██████  ██   ██ ██████  ██  ██████  ██   ████


*/
.accordion-title {
  font-family: "korolev-compressed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.5rem;
  color: #232663;
}

.accordion-button, .accordion-header {
  border: none !important;
  background: none !important;
}

.accordion-item {
  border: 1px solid #232663 !important;
}

.accordion-button:not(.collapsed),
.accordion-button:focus,
.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed {
  border: 0 !important;
  box-shadow: none !important;
}

.plusMinus,
.plusMinusSub {
  position: absolute;
  right: 20px;
}
.plusMinus::before,
.plusMinusSub::before {
  content: "\f067";
  font-family: "FontAwesome";
  font-weight: normal;
  display: block;
  color: #232663;
  font-style: normal;
}
.plusMinus.rotate,
.plusMinusSub.rotate {
  transform: rotate(180deg);
  transition: 0.5s;
}
.plusMinus.rotate::before,
.plusMinusSub.rotate::before {
  content: "\f068";
}

.plusMinusCard::before {
  color: #fff !important;
}

.accordion-button:not(.collapsed)::after {
  display: none;
}

.accordion-button::after {
  display: none;
}

/*
███    ███  ██████  ██████   █████  ██      ███████
████  ████ ██    ██ ██   ██ ██   ██ ██      ██
██ ████ ██ ██    ██ ██   ██ ███████ ██      ███████
██  ██  ██ ██    ██ ██   ██ ██   ██ ██           ██
██      ██  ██████  ██████  ██   ██ ███████ ███████

*/
.modal-header {
  border-bottom: 0;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

/*
███████ ██ ███    ██  ██████  ██      ███████      ██████ ██████  ████████
██      ██ ████   ██ ██       ██      ██          ██      ██   ██    ██
███████ ██ ██ ██  ██ ██   ███ ██      █████       ██      ██████     ██
     ██ ██ ██  ██ ██ ██    ██ ██      ██          ██      ██         ██
███████ ██ ██   ████  ██████  ███████ ███████      ██████ ██         ██


*/
.y-borders {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

/*
███████ ██ ███    ██  ██████  ██      ███████
██      ██ ████   ██ ██       ██      ██
███████ ██ ██ ██  ██ ██   ███ ██      █████
     ██ ██ ██  ██ ██ ██    ██ ██      ██
███████ ██ ██   ████  ██████  ███████ ███████


*/
.contentBlock img {
  max-width: 100%;
}

/*
███    ██ ███████ ██     ██ ███████ ██████   █████  ██████  ███████ ██████
████   ██ ██      ██     ██ ██      ██   ██ ██   ██ ██   ██ ██      ██   ██
██ ██  ██ █████   ██  █  ██ ███████ ██████  ███████ ██████  █████   ██████
██  ██ ██ ██      ██ ███ ██      ██ ██      ██   ██ ██      ██      ██   ██
██   ████ ███████  ███ ███  ███████ ██      ██   ██ ██      ███████ ██   ██


*/
.newspaper {
  -moz-column-count: 2;
       column-count: 2;
}

@media screen and (max-width: 992px) {
  .newspaper {
    -moz-column-count: 1;
         column-count: 1;
  }
}
/*
██████   █████   ██████  ██ ███    ██  █████  ████████ ██  ██████  ███    ██
██   ██ ██   ██ ██       ██ ████   ██ ██   ██    ██    ██ ██    ██ ████   ██
██████  ███████ ██   ███ ██ ██ ██  ██ ███████    ██    ██ ██    ██ ██ ██  ██
██      ██   ██ ██    ██ ██ ██  ██ ██ ██   ██    ██    ██ ██    ██ ██  ██ ██
██      ██   ██  ██████  ██ ██   ████ ██   ██    ██    ██  ██████  ██   ████


*/
/* Pagination Styling */
.pagination a {
  margin: 0 5px;
  padding: 5px 10px;
  background-color: #fcfcfc;
  color: #000;
  text-decoration: none;
}

.pagination a:hover {
  background-color: #000;
  color: #ffffff;
}

/* Active page styling */
.pagination .current {
  margin: 0 5px;
  padding: 5px 10px;
  background-color: #4a4f8f;
  color: #ffffff;
  border-color: #000;
}

.pagination a:hover {
  background-color: #161a4a;
  color: #fff;
}

.pagination a:has(> .fas.fa-chevron-left) {
  background-color: #fff;
  color: #000;
}
.pagination a:has(> .fas.fa-chevron-left):hover {
  background-color: #e2e3e8;
  color: #fff;
}

.pagination a:has(> .fas.fa-chevron-right) {
  background-color: #fff;
  color: #000;
}
.pagination a:has(> .fas.fa-chevron-right):hover {
  background-color: #e2e3e8;
  color: #fff;
}

.bannerLeft {
  height: 700px;
  padding: 40px;
  background-position: center;
  background-size: cover;
}

.colStack {
  padding: 40px;
  width: 100%;
  height: 50%;
  background-position: center;
  background-size: cover;
}

.bannerItem {
  position: relative;
}

.bannerItem::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
}

.bannerItem h1 {
  font-family: "basic-sans", sans-serif;
  font-size: 12rem;
  line-height: 50%;
  margin-bottom: 20px;
}

.bannerItem h3 {
  font-size: 4rem;
  margin-bottom: 20px;
  width: 480px;
}

.txtWrapper {
  z-index: 99;
}

/*
██████  ██       ██████   ██████
██   ██ ██      ██    ██ ██
██████  ██      ██    ██ ██   ███
██   ██ ██      ██    ██ ██    ██
██████  ███████  ██████   ██████


██       ██████   ██████  ██████
██      ██    ██ ██    ██ ██   ██
██      ██    ██ ██    ██ ██████
██      ██    ██ ██    ██ ██
███████  ██████   ██████  ██


*/
.postImgContainer {
  position: relative;
  width: 100%;
  padding-top: 100%;
  /* Ensures a square container */
  overflow: hidden;
  /* Prevents image overflow */
  background-color: #f0f0f0;
  /* Gray background as fallback */
}

.postImgFluid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  /* Ensures the image fills the container */
  display: block;
}

/*
 ██████  ██████  ███    ██ ████████ ███████ ███    ██ ████████
██      ██    ██ ████   ██    ██    ██      ████   ██    ██
██      ██    ██ ██ ██  ██    ██    █████   ██ ██  ██    ██
██      ██    ██ ██  ██ ██    ██    ██      ██  ██ ██    ██
 ██████  ██████  ██   ████    ██    ███████ ██   ████    ██


 ██████  █████  ██████  ██████  ███████
██      ██   ██ ██   ██ ██   ██ ██
██      ███████ ██████  ██   ██ ███████
██      ██   ██ ██   ██ ██   ██      ██
 ██████ ██   ██ ██   ██ ██████  ███████

*/
.card-circle {
  position: relative;
  border-radius: 50%;
  width: 105px;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -4.8rem;
  margin-left: 2rem;
  z-index: 1;
}

.circle-cta {
  aspect-ratio: 1/1; /* keeps it square = round after border-radius */
  width: min(200px, 25vw); /* scales down on smaller screens */
  border-radius: 50%;
  flex-shrink: 0; /* prevents flexbox from squashing it */
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .circle-headline {
    font-size: 2.8rem;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 480px) {
  .circle-headline {
    font-size: 2rem;
  }
}
.docBut {
  position: absolute;
  right: 0;
  bottom: 0;
}

.post.type-post {
  border-bottom: 1px solid #ccc;
}

.blog-list img.object-fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 220px;
}

.blog-list article {
  position: relative;
}

.blog-list hr {
  border-color: #eee;
}

.blog-list .col-md-8 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.blog-list .btn-outline-primary {
  transition: all 0.3s ease;
}

.blog-list .btn-outline-primary:hover {
  background-color: #cc7705;
  color: #fff;
}

/* Pagination styles */
.blog-pagination ul {
  display: inline-flex;
  gap: 5px;
  list-style: none;
  padding: 0;
}

.blog-pagination a,
.blog-pagination span {
  padding: 6px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-decoration: none;
}

.blog-pagination .current {
  background-color: #cc7705;
  color: #fff;
  border-color: #cc7705;
}

/* Medium Devices, Desktops */
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
  .navbar-collapse {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 0;
  }
  .navbar-collapse li a {
    color: #161a4a !important;
  }
  .navbar-collapse li {
    text-align: left !important;
  }
  .navbar-nav > .menu-item:not(:last-child)::after {
    display: none !important;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
  .circle-headline {
    font-size: 2.8rem;
  }
}
/* Small Devices, Tablets */
@media only screen and (max-width: 480px) {
  .vertical-button-bar {
    transform: none;
    right: auto;
    top: auto;
    bottom: 0;
    position: fixed;
    display: inline-flex;
    z-index: 9999;
  }
}/*# sourceMappingURL=style.css.map */