@charset "UTF-8";
*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html:focus-within {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  /* font-size: .875rem; */
}

main {
  margin: 0;
  padding: 0;
}

ul,
ul[role=list],
ul[role=list] {
  list-style: none;
  margin: 0;
}

li {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:link,
a:visited {
  text-decoration: none !important;
  color: inherit;
}

input {
  width: 100%;
  outline: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  -moz-appearance: textfield;
}

select {
  width: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  border: none;
}

select option {
  width: 100%;
}

/* images */
img,
picture {
  display: block;
  width: 100%;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0;
}

script[src=""] {
  width: 0;
  height: 0;
}

iframe {
  display: block;
}

iframe {
  display: block;
}

script {
  display: none;
  margin: 0;
  padding: 0;
}

/* ===========================
   CoreSans Variants
=========================== */
@font-face {
  font-family: "CoreSansThin";
  src: url(../fonts/CoreSansA15Thin.woff2) format("woff2"), url(../fonts/CoreSansA15Thin.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CoreSansLight";
  src: url(../fonts/CoreSansA35Light.woff2) format("woff2"), url(../fonts/CoreSansA35Light.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CoreSansRegular";
  src: url(../fonts/CoreSansA45Regular.woff2) format("woff2"), url(../fonts/CoreSansA45Regular.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CoreSansMedium";
  src: url(../fonts/CoreSansA55Medium.woff2) format("woff2"), url(../fonts/CoreSansA55Medium.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CoreSansBold";
  src: url(../fonts/CoreSansA65Bold.woff2) format("woff2"), url(../fonts/CoreSansA65Bold.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
/* ===========================
   Inter Variants
=========================== */
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-Black.woff2) format("woff2"), url(../fonts/Inter-Black.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-ExtraBold.woff2) format("woff2"), url(../fonts/Inter-ExtraBold.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-Bold.woff2) format("woff2"), url(../fonts/Inter-Bold.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-SemiBold.woff2) format("woff2"), url(../fonts/Inter-SemiBold.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-Medium.woff2) format("woff2"), url(../fonts/Inter-Medium.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-Regular.woff2) format("woff2"), url(../fonts/Inter-Regular.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-Light.woff2) format("woff2"), url(../fonts/Inter-Light.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-ExtraLight.woff2) format("woff2"), url(../fonts/Inter-ExtraLight.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url(../fonts/Inter-Thin.woff2) format("woff2"), url(../fonts/Inter-Thin.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
/* ===========================
   Roboto
=========================== */
@font-face {
  font-family: "Roboto";
  src: url(../fonts/Roboto-Regular.woff2) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff");
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "ibp";
  src: url("../icons/ibp-new.eot");
  src: url("../icons/ibp-new.eot") format("embedded-opentype"), url("../icons/ibp-new.woff2") format("woff2"), url("../icons/ibp-new.woff") format("woff"), url("../icons/ibp-new.ttf") format("truetype"), url("../icons/ibp-new.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ibp-],
[class*=" ibp-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "ibp" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ibp-0costo::before {
  content: "\e001";
}

.ibp-700mil::before {
  content: "\e002";
}

.ibp-accounting-bill-stack-1::before {
  content: "\e003";
}

.ibp-accounting-bill-stack::before {
  content: "\e004";
}

.ibp-accounting-bills::before {
  content: "\e005";
}

.ibp-accounting-calculator-2::before {
  content: "\e006";
}

.ibp-accounting-coins-bill::before {
  content: "\e007";
}

.ibp-add-account::before {
  content: "\e008";
}

.ibp-agriculture-machine-seeder-3::before {
  content: "\e009";
}

.ibp-alarm-bell-ring::before {
  content: "\e00a";
}

.ibp-alert-message-laptop::before {
  content: "\e00b";
}

.ibp-ambulance::before {
  content: "\e00c";
}

.ibp-app-window-mail-at::before {
  content: "\e00d";
}

.ibp-army-badge-1::before {
  content: "\e00e";
}

.ibp-army-badge-2::before {
  content: "\e00f";
}

.ibp-army-man::before {
  content: "\e010";
}

.ibp-army-woman::before {
  content: "\e011";
}

.ibp-arrow_back::before {
  content: "\e012";
}

.ibp-arrow_back_ios::before {
  content: "\e013";
}

.ibp-arrow_circle_down::before {
  content: "\e014";
}

.ibp-arrow_circle_up::before {
  content: "\e015";
}

.ibp-arrow_downward::before {
  content: "\e016";
}

.ibp-arrow_drop_down::before {
  content: "\e017";
}

.ibp-arrow_drop_down_circle::before {
  content: "\e018";
}

.ibp-arrow_drop_up::before {
  content: "\e019";
}

.ibp-arrow_forward::before {
  content: "\e01a";
}

.ibp-arrow_forward_ios::before {
  content: "\e01b";
}

.ibp-arrow_left::before {
  content: "\e01c";
}

.ibp-arrow_right::before {
  content: "\e01d";
}

.ibp-arrow_right_alt::before {
  content: "\e01e";
}

.ibp-arrow_upward::before {
  content: "\e01f";
}

.ibp-atm-1::before {
  content: "\e020";
}

.ibp-atm-2::before {
  content: "\e021";
}

.ibp-atm-hand::before {
  content: "\e022";
}

.ibp-atm1::before {
  content: "\e023";
}

.ibp-auction_1-01::before {
  content: "\e024";
}

.ibp-auction_1-02-01::before {
  content: "\e025";
}

.ibp-award-ribbon-star::before {
  content: "\e026";
}

.ibp-award-trophy-star::before {
  content: "\e027";
}

.ibp-baggage-plane::before {
  content: "\e028";
}

.ibp-baggage-take::before {
  content: "\e029";
}

.ibp-boleto-avion::before {
  content: "\e02a";
}

.ibp-boleto-futbol::before {
  content: "\e02b";
}

.ibp-bono::before {
  content: "\e02c";
}

.ibp-bpo-isotipo-green-gray::before {
  content: "\e02d";
}

.ibp-bpo-isotipo-whithe-green::before {
  content: "\e02e";
}

.ibp-bpo-logo-green::before {
  content: "\e02f";
}

.ibp-bpo-logo-white::before {
  content: "\e030";
}

.ibp-browser-user-help-message::before {
  content: "\e031";
}

.ibp-building-daylight::before {
  content: "\e032";
}

.ibp-business-deal-cash::before {
  content: "\e033";
}

.ibp-business-deal-handshake::before {
  content: "\e034";
}

.ibp-business-team-goal::before {
  content: "\e035";
}

.ibp-calendar-cash::before {
  content: "\e036";
}

.ibp-calendar-date::before {
  content: "\e037";
}

.ibp-calendar-favorite-heart-1::before {
  content: "\e038";
}

.ibp-car-3::before {
  content: "\e039";
}

.ibp-car-actions-search-1::before {
  content: "\e03a";
}

.ibp-car-insurance::before {
  content: "\e03b";
}

.ibp-car-wagon::before {
  content: "\e03c";
}

.ibp-card-hand::before {
  content: "\e03d";
}

.ibp-cash-molecule::before {
  content: "\e03e";
}

.ibp-cash-payment-bill-1::before {
  content: "\e03f";
}

.ibp-cash-payment-bill-3::before {
  content: "\e040";
}

.ibp-cash-payment-bills-1::before {
  content: "\e041";
}

.ibp-cash-payment-coin-stash::before {
  content: "\e042";
}

.ibp-cash-payment-coin::before {
  content: "\e043";
}

.ibp-cash-payment-coins::before {
  content: "\e044";
}

.ibp-cash-payment-person::before {
  content: "\e045";
}

.ibp-cash-payment-wallet::before {
  content: "\e046";
}

.ibp-cash-pin-radius::before {
  content: "\e047";
}

.ibp-cash-user::before {
  content: "\e048";
}

.ibp-cellphone-admiration::before {
  content: "\e049";
}

.ibp-cellphone-finger::before {
  content: "\e04a";
}

.ibp-cellphone-security::before {
  content: "\e04b";
}

.ibp-cellphone-speak::before {
  content: "\e04c";
}

.ibp-cellphone-warning::before {
  content: "\e04d";
}

.ibp-check-payment-sign::before {
  content: "\e04e";
}

.ibp-check::before {
  content: "\e04f";
}

.ibp-checkroom::before {
  content: "\e050";
}

.ibp-check_box::before {
  content: "\e051";
}

.ibp-check_box_outline_blank::before {
  content: "\e052";
}

.ibp-check_circle::before {
  content: "\e053";
}

.ibp-check_circle_outline::before {
  content: "\e054";
}

.ibp-click-number-03::before {
  content: "\e055";
}

.ibp-click-to-Pay::before {
  content: "\e056";
}

.ibp-close-circle::before {
  content: "\e057";
}

.ibp-close::before {
  content: "\e058";
}

.ibp-colfondos::before {
  content: "\e059";
}

.ibp-colpensiones::before {
  content: "\e05a";
}

.ibp-computer-thief::before {
  content: "\e05b";
}

.ibp-concert-dj::before {
  content: "\e05c";
}

.ibp-contactless-payment::before {
  content: "\e05d";
}

.ibp-contactless::before {
  content: "\e05e";
}

.ibp-conversation-question-warning-1::before {
  content: "\e05f";
}

.ibp-copy-paste::before {
  content: "\e060";
}

.ibp-credit-card-1::before {
  content: "\e061";
}

.ibp-credit-card-dollar::before {
  content: "\e062";
}

.ibp-credit-card-laptop-payment::before {
  content: "\e063";
}

.ibp-credit-card-mastercard::before {
  content: "\e064";
}

.ibp-credit-card-payment::before {
  content: "\e065";
}

.ibp-credit-card-phone-call::before {
  content: "\e066";
}

.ibp-credit-card::before {
  content: "\e067";
}

.ibp-credit-cards::before {
  content: "\e068";
}

.ibp-cube::before {
  content: "\e069";
}

.ibp-data-file-bars-cash::before {
  content: "\e06a";
}

.ibp-data-file-bars-download::before {
  content: "\e06b";
}

.ibp-data-file-bars-home::before {
  content: "\e06c";
}

.ibp-database-hand::before {
  content: "\e06d";
}

.ibp-database-upload::before {
  content: "\e06e";
}

.ibp-dataphone-hand::before {
  content: "\e06f";
}

.ibp-dataphone::before {
  content: "\e070";
}

.ibp-delivery-card::before {
  content: "\e071";
}

.ibp-delivery-man-give::before {
  content: "\e072";
}

.ibp-delivery-person-motorcycle::before {
  content: "\e073";
}

.ibp-dentistry::before {
  content: "\e074";
}

.ibp-desk-validate::before {
  content: "\e075";
}

.ibp-desktop-monitor::before {
  content: "\e076";
}

.ibp-diagonal-arrow::before {
  content: "\e077";
}

.ibp-disability-wheelchair-1::before {
  content: "\e078";
}

.ibp-discount-coupon::before {
  content: "\e079";
}

.ibp-discount-dollar-dash::before {
  content: "\e07a";
}

.ibp-discount::before {
  content: "\e07b";
}

.ibp-dog::before {
  content: "\e07c";
}

.ibp-e-commerce-cart-monitor-keyboard::before {
  content: "\e07d";
}

.ibp-e-commerce-cart-monitor::before {
  content: "\e07e";
}

.ibp-e-commerce-touch-buy::before {
  content: "\e07f";
}

.ibp-earth-cash::before {
  content: "\e080";
}

.ibp-ecology-plant-deal::before {
  content: "\e081";
}

.ibp-education::before {
  content: "\e082";
}

.ibp-face-id-4::before {
  content: "\e083";
}

.ibp-face-id-5::before {
  content: "\e084";
}

.ibp-face-id-6::before {
  content: "\e085";
}

.ibp-facebook::before {
  content: "\e086";
}

.ibp-fact_check::before {
  content: "\e087";
}

.ibp-family-children::before {
  content: "\e088";
}

.ibp-fast-food-burger-drink::before {
  content: "\e089";
}

.ibp-fiduprevisora::before {
  content: "\e08a";
}

.ibp-finder-man::before {
  content: "\e08b";
}

.ibp-fingerprint::before {
  content: "\e08c";
}

.ibp-fireworks-people-watch::before {
  content: "\e08d";
}

.ibp-fireworks-rocket::before {
  content: "\e08e";
}

.ibp-flag-warning-1::before {
  content: "\e08f";
}

.ibp-fogafin-secure-2::before {
  content: "\e090";
}

.ibp-fogafin-secure::before {
  content: "\e091";
}

.ibp-fondo-prestaciones-economicas::before {
  content: "\e092";
}

.ibp-footwear-heels::before {
  content: "\e093";
}

.ibp-form-number-3::before {
  content: "\e094";
}

.ibp-hammer-1::before {
  content: "\e095";
}

.ibp-hammer-wench::before {
  content: "\e096";
}

.ibp-hand-credit-card::before {
  content: "\e097";
}

.ibp-hand_2::before {
  content: "\e098";
}

.ibp-head-idea::before {
  content: "\e099";
}

.ibp-hoodie::before {
  content: "\e09a";
}

.ibp-house-2::before {
  content: "\e09b";
}

.ibp-house-3::before {
  content: "\e09c";
}

.ibp-house-chimney-1::before {
  content: "\e09d";
}

.ibp-house-number-4::before {
  content: "\e09e";
}

.ibp-house-user::before {
  content: "\e09f";
}

.ibp-human-resources-network::before {
  content: "\e0a0";
}

.ibp-ico-boletas::before {
  content: "\e0a1";
}

.ibp-icon-arrow-left::before {
  content: "\e0a2";
}

.ibp-indeterminate_check_box::before {
  content: "\e0a3";
}

.ibp-information-desk-hi::before {
  content: "\e0a4";
}

.ibp-instagram::before {
  content: "\e0a5";
}

.ibp-insurance-cheap::before {
  content: "\e0a6";
}

.ibp-insurance-expensive::before {
  content: "\e0a7";
}

.ibp-keyboard_arrow_down::before {
  content: "\e0a8";
}

.ibp-keyboard_arrow_left::before {
  content: "\e0a9";
}

.ibp-keyboard_arrow_right::before {
  content: "\e0aa";
}

.ibp-keyboard_arrow_up::before {
  content: "\e0ab";
}

.ibp-keyboard_backspace::before {
  content: "\e0ac";
}

.ibp-legal-hammer-1::before {
  content: "\e0ad";
}

.ibp-legal-hammer::before {
  content: "\e0ae";
}

.ibp-legal-scale-document::before {
  content: "\e0af";
}

.ibp-library_add_check::before {
  content: "\e0b0";
}

.ibp-light-mode-bright-dark::before {
  content: "\e0b1";
}

.ibp-light-mode-sunny::before {
  content: "\e0b2";
}

.ibp-like::before {
  content: "\e0b3";
}

.ibp-linkedin::before {
  content: "\e0b4";
}

.ibp-linkledIn::before {
  content: "\e0b5";
}

.ibp-list-number-02::before {
  content: "\e0b6";
}

.ibp-list-to-do::before {
  content: "\e0b7";
}

.ibp-lock-2::before {
  content: "\e0b8";
}

.ibp-logo-aval::before {
  content: "\e0b9";
}

.ibp-logo-avc::before {
  content: "\e0ba";
}

.ibp-logo-bp-mobile::before {
  content: "\e0bb";
}

.ibp-logo-bp::before {
  content: "\e0bc";
}

.ibp-logo-breb::before {
  content: "\e0bd";
}

.ibp-logo-dale::before {
  content: "\e0be";
}

.ibp-logo-fogafin::before {
  content: "\e0bf";
}

.ibp-logo-mi-zona::before {
  content: "\e0c0";
}

.ibp-logo-pse::before {
  content: "\e0c1";
}

.ibp-logo-tuaval::before {
  content: "\e0c2";
}

.ibp-logo-x::before {
  content: "\e0c3";
}

.ibp-mail-number-1::before {
  content: "\e0c4";
}

.ibp-mailing-service-email::before {
  content: "\e0c5";
}

.ibp-map-lacation::before {
  content: "\e0c6";
}

.ibp-medical-app-smartphone-touch::before {
  content: "\e0c7";
}

.ibp-medical-nanobot-lungs::before {
  content: "\e0c8";
}

.ibp-medical-personnel-doctor::before {
  content: "\e0c9";
}

.ibp-messaging-we-chat::before {
  content: "\e0ca";
}

.ibp-mobile-qr-code::before {
  content: "\e0cb";
}

.ibp-modern-tv-remote::before {
  content: "\e0cc";
}

.ibp-monetization-user-monitor::before {
  content: "\e0cd";
}

.ibp-money-atm::before {
  content: "\e0ce";
}

.ibp-money-bags::before {
  content: "\e0cf";
}

.ibp-money-hand::before {
  content: "\e0d0";
}

.ibp-monitor-approve::before {
  content: "\e0d1";
}

.ibp-monitor-cash::before {
  content: "\e0d2";
}

.ibp-monitor-heart-rate::before {
  content: "\e0d3";
}

.ibp-monitor-shopping-cart::before {
  content: "\e0d4";
}

.ibp-monitor-team::before {
  content: "\e0d5";
}

.ibp-monitor-user::before {
  content: "\e0d6";
}

.ibp-mood-happy-smartphone::before {
  content: "\e0d7";
}

.ibp-multiple-actions-shield::before {
  content: "\e0d8";
}

.ibp-multiple-home::before {
  content: "\e0d9";
}

.ibp-multiple-users-network::before {
  content: "\e0da";
}

.ibp-music-concert-ticket::before {
  content: "\e0db";
}

.ibp-navigation-menu::before {
  content: "\e0dc";
}

.ibp-network-cash::before {
  content: "\e0dd";
}

.ibp-network-phone::before {
  content: "\e0de";
}

.ibp-network-refresh::before {
  content: "\e0df";
}

.ibp-network_check::before {
  content: "\e0e0";
}

.ibp-night-stand-lamp::before {
  content: "\e0e1";
}

.ibp-non-gmo-organic-flask::before {
  content: "\e0e2";
}

.ibp-office-business-card::before {
  content: "\e0e3";
}

.ibp-office-desk-1::before {
  content: "\e0e4";
}

.ibp-old-people-man-1::before {
  content: "\e0e5";
}

.ibp-old-people-man-2::before {
  content: "\e0e6";
}

.ibp-old-people-man-2b::before {
  content: "\e0e7";
}

.ibp-old-people-man-3::before {
  content: "\e0e8";
}

.ibp-old-people-woman-2::before {
  content: "\e0e9";
}

.ibp-old-people-woman-2b::before {
  content: "\e0ea";
}

.ibp-old-people-woman-4::before {
  content: "\e0eb";
}

.ibp-optimization-timer::before {
  content: "\e0ec";
}

.ibp-organic-seedling-growth::before {
  content: "\e0ed";
}

.ibp-os-system-apple::before {
  content: "\e0ee";
}

.ibp-pantone-color::before {
  content: "\e0ef";
}

.ibp-password-approved::before {
  content: "\e0f0";
}

.ibp-password-desktop-approved::before {
  content: "\e0f1";
}

.ibp-password-desktop-lock-approved::before {
  content: "\e0f2";
}

.ibp-password-desktop-lock::before {
  content: "\e0f3";
}

.ibp-password-desktop::before {
  content: "\e0f4";
}

.ibp-password-key::before {
  content: "\e0f5";
}

.ibp-pc-number-01::before {
  content: "\e0f6";
}

.ibp-people-man-13::before {
  content: "\e0f7";
}

.ibp-people-man-5::before {
  content: "\e0f8";
}

.ibp-people-woman-6::before {
  content: "\e0f9";
}

.ibp-performance-money-decrease::before {
  content: "\e0fa";
}

.ibp-performance-money-increase::before {
  content: "\e0fb";
}

.ibp-phone-action-add-user-1::before {
  content: "\e0fc";
}

.ibp-phone-action-add-user::before {
  content: "\e0fd";
}

.ibp-phone-action-cash-1::before {
  content: "\e0fe";
}

.ibp-phone-actions-smile::before {
  content: "\e0ff";
}

.ibp-phone-admiration::before {
  content: "\e100";
}

.ibp-phone-call::before {
  content: "\e101";
}

.ibp-phone-check::before {
  content: "\e102";
}

.ibp-phone-close::before {
  content: "\e103";
}

.ibp-phone-download::before {
  content: "\e104";
}

.ibp-phone-hand-typing::before {
  content: "\e105";
}

.ibp-phone-heart::before {
  content: "\e106";
}

.ibp-phone-money::before {
  content: "\e107";
}

.ibp-phone-msg::before {
  content: "\e108";
}

.ibp-phone-number-2::before {
  content: "\e109";
}

.ibp-phone-question::before {
  content: "\e10a";
}

.ibp-phone-time::before {
  content: "\e10b";
}

.ibp-phone-write::before {
  content: "\e10c";
}

.ibp-phone-write1::before {
  content: "\e10d";
}

.ibp-pie-line-graph-desktop::before {
  content: "\e10e";
}

.ibp-pin-location-fill::before {
  content: "\e10f";
}

.ibp-plane-info-center::before {
  content: "\e110";
}

.ibp-plane-trip-international::before {
  content: "\e111";
}

.ibp-play-store::before {
  content: "\e112";
}

.ibp-playlist_add_check::before {
  content: "\e113";
}

.ibp-play_arrow::before {
  content: "\e114";
}

.ibp-plus::before {
  content: "\e115";
}

.ibp-police-man-1::before {
  content: "\e116";
}

.ibp-police-man-3::before {
  content: "\e117";
}

.ibp-porvenir::before {
  content: "\e118";
}

.ibp-professional-network-linkedin::before {
  content: "\e119";
}

.ibp-professions-man-telecommunicator::before {
  content: "\e11a";
}

.ibp-professions-man-welder::before {
  content: "\e11b";
}

.ibp-protection-security-shield::before {
  content: "\e11c";
}

.ibp-public-service-ambulance::before {
  content: "\e11d";
}

.ibp-qr-code-scan::before {
  content: "\e11e";
}

.ibp-qr-code::before {
  content: "\e11f";
}

.ibp-quotation::before {
  content: "\e120";
}

.ibp-rating-star-1::before {
  content: "\e121";
}

.ibp-real-estate-app-building-laptop-1::before {
  content: "\e122";
}

.ibp-real-estate-couple-search-house::before {
  content: "\e123";
}

.ibp-real-estate-favorite-hold-house::before {
  content: "\e124";
}

.ibp-real-estate-insurance-house-1::before {
  content: "\e125";
}

.ibp-real-estate-insurance-house::before {
  content: "\e126";
}

.ibp-real-estate-location-building-pin::before {
  content: "\e127";
}

.ibp-real-estate-location-house-pin-1::before {
  content: "\e128";
}

.ibp-real-estate-market-house-decrease::before {
  content: "\e129";
}

.ibp-real-estate-market-house-fall::before {
  content: "\e12a";
}

.ibp-real-estate-market-house-rise::before {
  content: "\e12b";
}

.ibp-real-estate-message-chat-house::before {
  content: "\e12c";
}

.ibp-real-estate-search-house-1::before {
  content: "\e12d";
}

.ibp-recycling-paper::before {
  content: "\e12e";
}

.ibp-renewable-energy-solar-panel::before {
  content: "\e12f";
}

.ibp-saving-bag-increase::before {
  content: "\e130";
}

.ibp-saving-bank-1::before {
  content: "\e131";
}

.ibp-saving-bank-cash-1::before {
  content: "\e132";
}

.ibp-saving-bank-drawer::before {
  content: "\e133";
}

.ibp-saving-bank-international::before {
  content: "\e134";
}

.ibp-saving-bank::before {
  content: "\e135";
}

.ibp-saving-money-egg::before {
  content: "\e136";
}

.ibp-saving-money-flower::before {
  content: "\e137";
}

.ibp-saving-money-seedling::before {
  content: "\e138";
}

.ibp-saving-money-tree::before {
  content: "\e139";
}

.ibp-saving-piggy-bank::before {
  content: "\e13a";
}

.ibp-saving-piggy-coins::before {
  content: "\e13b";
}

.ibp-saving-piggy-dollars::before {
  content: "\e13c";
}

.ibp-saving-safe-1::before {
  content: "\e13d";
}

.ibp-saving-safe-open::before {
  content: "\e13e";
}

.ibp-saving-safe::before {
  content: "\e13f";
}

.ibp-saving-wallet-international::before {
  content: "\e140";
}

.ibp-search-rounded-fill::before {
  content: "\e141";
}

.ibp-search::before {
  content: "\e142";
}

.ibp-security-credit-card::before {
  content: "\e143";
}

.ibp-send-email-fly::before {
  content: "\e144";
}

.ibp-send-error::before {
  content: "\e145";
}

.ibp-send-success::before {
  content: "\e146";
}

.ibp-settings-horizontal::before {
  content: "\e147";
}

.ibp-shield-check::before {
  content: "\e148";
}

.ibp-shop-barista::before {
  content: "\e149";
}

.ibp-shop-cashier-man::before {
  content: "\e14a";
}

.ibp-shopping-bag-woman-carry::before {
  content: "\e14b";
}

.ibp-shopping-bag-woman::before {
  content: "\e14c";
}

.ibp-shopping-cart-1::before {
  content: "\e14d";
}

.ibp-sim-card-outline::before {
  content: "\e14e";
}

.ibp-sim-card-ship::before {
  content: "\e14f";
}

.ibp-single-neutral-actions-sync::before {
  content: "\e150";
}

.ibp-single-neutral-id-card-3::before {
  content: "\e151";
}

.ibp-single-woman-home::before {
  content: "\e152";
}

.ibp-single-woman-shopping-bag::before {
  content: "\e153";
}

.ibp-single__man::before {
  content: "\e154";
}

.ibp-single__woman::before {
  content: "\e155";
}

.ibp-skiing-cable-car-1::before {
  content: "\e156";
}

.ibp-skiing-cable-car::before {
  content: "\e157";
}

.ibp-smart-house-phone::before {
  content: "\e158";
}

.ibp-smartphone-pay-dollar-2::before {
  content: "\e159";
}

.ibp-smartphone-pay-dollar::before {
  content: "\e15a";
}

.ibp-smiley-sad-crying::before {
  content: "\e15b";
}

.ibp-space-ship-1::before {
  content: "\e15c";
}

.ibp-spy::before {
  content: "\e15d";
}

.ibp-stop::before {
  content: "\e15e";
}

.ibp-stopwatch-2::before {
  content: "\e15f";
}

.ibp-stopwatch::before {
  content: "\e160";
}

.ibp-style-three-pin-warning-1::before {
  content: "\e161";
}

.ibp-team-meeting-chat::before {
  content: "\e162";
}

.ibp-technology-prosthetic-leg::before {
  content: "\e163";
}

.ibp-ticket-concert::before {
  content: "\e164";
}

.ibp-touch-id-smartphone::before {
  content: "\e165";
}

.ibp-touch-password-approved-1::before {
  content: "\e166";
}

.ibp-transfer-money::before {
  content: "\e167";
}

.ibp-travel-insurance-cover::before {
  content: "\e168";
}

.ibp-tuplus::before {
  content: "\e169";
}

.ibp-tv::before {
  content: "\e16a";
}

.ibp-user-network::before {
  content: "\e16b";
}

.ibp-user-signal::before {
  content: "\e16c";
}

.ibp-user::before {
  content: "\e16d";
}

.ibp-user_card::before {
  content: "\e16e";
}

.ibp-user_circle::before {
  content: "\e16f";
}

.ibp-visa::before {
  content: "\e170";
}

.ibp-webpage-number-5::before {
  content: "\e171";
}

.ibp-whatsapp::before {
  content: "\e172";
}

.ibp-wifi-transfer-hand::before {
  content: "\e173";
}

.ibp-wifi-transfer::before {
  content: "\e174";
}

.ibp-wireless-payment-credit-card::before {
  content: "\e175";
}

.ibp-woman-service::before {
  content: "\e176";
}

.ibp-women-assistant::before {
  content: "\e177";
}

.ibp-www::before {
  content: "\e178";
}

.ibp-x::before {
  content: "\e179";
}

.ibp-youtube::before {
  content: "\e17a";
}

.ibp-youtube_searched_for::before {
  content: "\e17b";
}

.ibp-zero-percent::before {
  content: "\e17c";
}

:root {
  --fs--6: clamp(0.256rem, 0.325rem + -0.14vi, 0.306rem);
  --fs--5: clamp(0.32rem, 0.406rem + -0.12vi, 0.382rem);
  --fs--4: clamp(0.4096rem, 0.5078rem + -0.1092vi, 0.4823rem);
  --fs--3: clamp(0.512rem, 0.6022rem + -0.1002vi, 0.5787rem);
  --fs--2: clamp(0.64rem, 0.7136rem + -0.0818vi, 0.6944rem);
  --fs--1: clamp(0.8rem, 0.8451rem + -0.0501vi, 0.8333rem);
  --fs-0: clamp(1rem, 1rem + 0vi, 1rem);
  --fs-1: clamp(1.2rem, 1.1824rem + 0.0751vi, 1.25rem);
  --fs-2: clamp(1.44rem, 1.3969rem + 0.184vi, 1.5625rem);
  --fs-3: clamp(1.728rem, 1.6487rem + 0.3382vi, 1.9531rem);
  --fs-4: clamp(2.0736rem, 1.9441rem + 0.5526vi, 2.4414rem);
  --fs-5: clamp(2.4883rem, 2.2899rem + 0.8465vi, 3.0518rem);
  --fs-6: clamp(2.986rem, 2.6942rem + 1.245vi, 3.8147rem);
  --fs-7: clamp(3.5832rem, 3.1659rem + 1.7806vi, 4.7684rem);
  --fs-8: clamp(4.2998rem, 3.7151rem + 2.4949vi, 5.9605rem);
  --fs-9: clamp(3.8rem, 3.2rem + 2.5vi, 6.5rem);
  --fs-10: clamp(6.1917rem, 5.0926rem + 4.6896vi, 9.3132rem);
  --Headline: var(--fs-3);
  --Headline-2: var(--fs-3);
  --Headline-3: var(--fs-3);
  --Headline-4: var(--fs-1);
  --Headline-hero: var(--fs-5);
  --Headline-big: var(--fs-7);
  --Hero-text: var(--fs-9);
  --body: clamp(var(--fs-0), 5vw - 1rem, var(--fs-s));
  --caption: clamp(var(--fs--1), 5vw - 1rem, var(--fs--3));
}

:root {
  --clr-bp-neutral-white: #ffffff;
  --clr-bp-neutral-100: #f5f5f5;
  --clr-bp-neutral-200: #9d9d9d;
  --clr-bp-neutral-400: #7b7b7b;
  --clr-bp-neutral-600: #555555;
  --clr-bp-neutral-900: #000000;
  --clr-bp-primary-100: #cfdce0;
  --clr-bp-primary-300: #87a8b1;
  --clr-bp-primary-400: #26737f;
  --clr-bp-primary-500: #105163;
  --clr-bp-primary-900: #0b3642;
  --clr-bp-primary-tpt-100: rgba(207, 220, 224, 0.5);
  --clr-bp-primary-tpt-300: rgba(135, 168, 177, 0.5);
  --clr-bp-primary-tpt-400: rgba(38, 115, 127, 0.5);
  --clr-bp-primary-tpt-500: rgba(16, 81, 99, 0.5);
  --clr-bp-primary-tpt-900: rgba(11, 54, 66, 0.5);
  --clr-bp-secondary-100: #d4f3d0;
  --clr-bp-secondary-200: #00b800;
  --clr-bp-secondary-400: #34ef00;
  --clr-bp-secondary-500: #27c112;
  --clr-bp-secondary-600: #279f12;
  --clr-bp-secondary-900: #21a10f;
  --clr-bp-accent-100: #feebd7;
  --clr-bp-accent-400: #fbbc78;
  --clr-bp-accent-500: #f99b35;
  --clr-bp-accent-900: #fe680d;
  --clr-bp-alerts-100: #d4f3d0;
  --clr-bp-alerts-500: #27c112;
  --clr-bp-alerts-300: #dbeafd;
  --clr-bp-alerts-400: #008cff;
  --clr-bp-alerts-200: #fed7d7;
  --clr-bp-alerts-600: #f64c3c;
  --clr-bp-alerts-900: #bd0000;
  --clr-bp-dale-500: #030038;
  --clr-bp-dale-300: #fa2e49;
  --clr-bp-fifa-100: rgb(0, 0, 26);
  --clr-bp-fifa-400: rgba(119, 209, 255, 0.6);
  --clr-bp-fifa-500: #00328c;
  --clr-bp-breb-100: #0606e1;
  --clr-bp-breb-150: #c6f8e4;
  --clr-bp-breb-200: #00005a;
  --clr-bp-breb-300: #00c8ff;
  --clr-bp-breb-400: #0078ff;
  --clr-bp-breb-500: #5ac5fa;
  --clr-bp-breb-550: rgba(90, 197, 250, 0.1215686275);
  --clr-bp-breb-600: #00b140;
  --clr-bp-breb-650: #00ff6d;
  --clr-bp-breb-700: #00ff2a;
  --clr-bp-breb-800: #00ce85;
  --clr-bp-grad-neutral-500: linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
  --clr-bp-grad-primary-500: linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
  --clr-bp-grad-secondary-500: linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
  --clr-bp-grad-fifa-500: linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
  --clr-bp-grad-breb-500: linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
  --clr-bp-grad-aval-500: linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
  --clr-bp-grad-aval-400: linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

/* @mixin grid-flow($auto-flow, $flow: $columns) {
  display: grid;
  grid-auto-flow: $auto-flow;
  grid-auto-rows: $rows;
  grid-auto-columns: $columns;
} */
/**Margin**/
@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInLeft {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes zoomIn {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInUpSoft {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomInFade {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes fadeInUpStaggered {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes zoomInStaggered {
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulseRing {
  0% {
    width: 50px;
    height: 50px;
    opacity: 0;
  }
  50% {
    opacity: 0.6;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}
html {
  height: 100%;
  scroll-behavior: smooth;
}

body {
  height: 100%;
  font-family: "CoreSansRegular", Inter, Roboto;
  font-family: "CoreSansThin", Inter, Roboto;
  font-family: "CoreSansLight", Inter, Roboto;
  font-size: var(--fs-0);
}

p,
input,
span,
a,
li {
  font-family: "CoreSansRegular", Inter, Roboto;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: "CoreSansRegular", Inter, Roboto;
}

span {
  width: -moz-fit-content;
  width: fit-content;
}

pre {
  overflow-x: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

input[type=radio] {
  width: 16px;
  height: 16px;
  color: white;
  accent-color: green;
}

html {
  color-scheme: normal light dark;
}

[data-theme=light] {
  color-scheme: light;
}
[data-theme=light] body {
  background-color: var(--clr-bp-neutral-50);
}

[data-theme=dark] {
  color-scheme: dark;
  background-color: var(--clr-bp-neutral-700);
}

#layoutContainers .wpthemeInner table {
  padding-block: 0px !important;
}

#newbp-footer-logo-superintendencia img {
  width: 20px !important;
}

#img-footer #img-footer__principal {
  width: auto;
}

.main-menu .main-content .logo-content .logo-btns .isotipo {
  color: #009a48 !important;
}

.main-menu .main-content .logo-content .logo-btns {
  color: #009a48 !important;
}

.main-menu .main-content .prueba .zona-transaccional .btn-buscador i {
  color: white !important;
}

.btn-chat a {
  color: white !important;
}

a,
a:focus,
a:active,
a:hover {
  color: inherit;
}

footer .content-logos .entity-logos-top a[title~=Alpopular] {
  color: #84bb00 !important;
}

footer .content-logos .entity-logos-top a[title~=Fiduciaria] {
  color: #009a48 !important;
}

footer .content-logos .entity-logos-top a[title~=Martillo] {
  color: #009a48 !important;
}

img [src="https://emailbancopopular.com.co/pub/cct?_ri_=X0Gzc2X%3DAQpglLjHJlDQGpY3DzbLzgenBzdKt6kdAzfzaohk&_ei_=EvuxOxPZjMDoPDs7wLe5LPs "] {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.ath-grid {
  width: 100%;
  height: 100%;
  /* min-height: 100dvh; */
  position: relative;
  display: grid;
  grid-template-columns: 0.2fr repeat(4, minmax(min-content, 1fr)) 0.2fr;
  grid-template-rows: auto;
}
@media only screen and (min-width: 48em) {
  .ath-grid {
    grid-template-columns: 0.5fr repeat(8, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 64em) {
  .ath-grid {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
}
@media only screen and (min-width: 80em) {
  .ath-grid {
    grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 100em) {
  .ath-grid {
    grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  }
}

.ath-explicit-grid {
  position: relative;
  display: grid;
  grid-template-columns: 0.4fr repeat(6, minmax(min-content, 1fr)) 0.4fr;
  grid-template-rows: auto;
}
@media only screen and (min-width: 40em) {
  .ath-explicit-grid {
    grid-template-columns: 0.4fr repeat(12, minmax(min-content, 1fr)) 0.4fr;
  }
}
@media only screen and (min-width: 64em) {
  .ath-explicit-grid {
    grid-template-columns: 1.5fr repeat(12, minmax(min-content, 1fr)) 1.5fr;
  }
}

.ath-section-overflow {
  grid-column: 2/-2;
  width: 90dvw;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: scroll;
  overscroll-behavior-x: auto;
  justify-items: flex-start;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
  padding: var(--fs-0);
}
.ath-section-overflow::-webkit-scrollbar {
  background-color: transparent !important;
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
  border-bottom-right-radius: var(--fs-1);
  border-bottom-left-radius: var(--fs-1);
  height: 8px;
}
.ath-section-overflow::-webkit-scrollbar-thumb {
  background-color: #105163;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  border-bottom-right-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
.ath-section-overflow > * {
  min-width: 300px;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .ath-section-overflow > * {
    min-width: 260px;
  }
}
@media only screen and (min-width: 64em) {
  .ath-section-overflow > * {
    width: 100%;
    padding-inline: 0;
  }
}

.ath-section-fw {
  width: 100%;
  position: relative;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 0.5fr repeat(4, minmax(min-content, 1fr)) 0.5fr;
  grid-template-rows: auto;
}
@media only screen and (min-width: 48em) {
  .ath-section-fw {
    grid-template-columns: 0.46fr repeat(8, minmax(min-content, 1fr)) 0.46fr;
  }
}
@media only screen and (min-width: 64em) {
  .ath-section-fw {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
}
@media only screen and (min-width: 80em) {
  .ath-section-fw {
    grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 100em) {
  .ath-section-fw {
    grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  }
}
.ath-section-fw__container {
  grid-column: 2/-2;
}
.ath-section-fw__container-sm {
  grid-column: 2/-2;
}
@media only screen and (min-width: 64em) {
  .ath-section-fw__container-sm {
    grid-column: 3/-3;
  }
}
.ath-section-fw > * {
  width: 100%;
}

.ath-section {
  grid-column: 2/-2;
  width: 100%;
  align-items: center;
}
.ath-section__title {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
@media only screen and (min-width: 48em) {
  .ath-section__title {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    gap: 1rem;
  }
}
.ath-section-sm {
  grid-column: 2/-2;
  width: 100%;
  align-items: center;
  max-width: 1600px;
  margin: auto;
}
@media only screen and (min-width: 64em) {
  .ath-section-sm {
    grid-column: 3/-3;
  }
}
.ath-section-sm__title {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}

.ath-section-featured {
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto repeat(6, 1fr) auto;
}
.ath-section-featured__img {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: none;
  z-index: 2;
}
.ath-section-featured__img--stuck-bottom {
  grid-column: 1/-1;
  grid-row: 1/-2;
  display: none;
  z-index: 2;
}
.ath-section-featured__wrap {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  align-items: center;
  justify-content: center;
  border-radius: var(--fs-1);
}
.ath-section-featured__wrap__content {
  grid-column: 1/-1;
  padding: var(--fs-0);
}
.ath-section-featured__wrap__content > *:not(:last-child) {
  padding-block-end: var(--fs-2);
}
@media only screen and (min-width: 64em) {
  .ath-section-featured__img {
    display: inline-block;
    grid-column: 1/5;
    grid-row: 1/-1;
    z-index: 2;
  }
  .ath-section-featured__img--stuck-bottom {
    display: inline-block;
    grid-column: 1/5;
    grid-row: 1/7;
    z-index: 2;
  }
  .ath-section-featured__wrap {
    grid-column: 1/-1;
    grid-row: 3/7;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    border-radius: var(--fs-1);
  }
  .ath-section-featured__wrap__content {
    padding: var(--fs-0);
    grid-column: 5/-1;
  }
}

.bp-centered-section {
  grid-column: 1/-1;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 0.5fr repeat(4, minmax(min-content, 1fr)) 0.5fr;
  grid-template-rows: auto;
}
.bp-centered-section__container {
  display: grid;
  grid-column: 2/-2;
  grid-template-columns: subgrid;
  border-radius: var(--fs-0);
}
.bp-centered-section__container > * {
  width: 100%;
  height: 100%;
  display: grid;
  flex-direction: row;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.bp-centered-section__title {
  grid-column: 1/-1;
  padding: var(--fs-0);
}
.bp-centered-section__left-column {
  width: 100%;
  grid-column: 1/-1;
  padding: var(--fs-0);
}
.bp-centered-section__img {
  grid-column: 1/-1;
  justify-items: center;
}
.bp-centered-section__right-column {
  width: 100%;
  grid-column: 1/-1;
  padding: var(--fs-0);
}
@media only screen and (min-width: 48em) {
  .bp-centered-section {
    grid-template-columns: 0.46fr repeat(8, minmax(min-content, 1fr)) 0.46fr;
  }
}
@media only screen and (min-width: 64em) {
  .bp-centered-section {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
  .bp-centered-section__left-column {
    width: 100%;
    grid-column: 1/5;
  }
  .bp-centered-section__img {
    grid-column: 5/9;
  }
  .bp-centered-section__right-column {
    width: 100%;
    grid-column: 9/14;
  }
}
@media only screen and (min-width: 80em) {
  .bp-centered-section {
    grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  }
}

.ath-section-featured-top {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  grid-template-rows: auto repeat(6, 1fr) auto;
}
.ath-section-featured-top__img {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: none;
  z-index: 2;
}
.ath-section-featured-top__wrap {
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  align-items: center;
  justify-content: center;
}
.ath-section-featured-top__wrap__content {
  grid-column: 1/-1;
  padding: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .ath-section-featured-top__img {
    display: inline-block;
    grid-column: -2/10;
    grid-row: 1/-1;
    z-index: 2;
  }
  .ath-section-featured-top__wrap {
    grid-column: 1/-1;
    grid-row: 3/8;
    display: grid;
    grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  }
  .ath-section-featured-top__wrap__content {
    padding: var(--fs--3);
    grid-column: 2/9;
  }
}

.three-quarters-section {
  width: 100%;
  grid-column: 1/-1;
  position: relative;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: auto;
}
.three-quarters-section__container {
  grid-column: 2/-2;
  display: grid;
  grid-auto-flow: row;
}
.three-quarters-section__img {
  width: 100%;
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.three-quarters-section__img img {
  height: -moz-fit-content;
  height: fit-content;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center left;
     object-position: center left;
}
.three-quarters-section__text {
  width: 100%;
  display: grid;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}
.three-quarters-section__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--fs-1);
}
.three-quarters-section__content > * {
  padding-block-end: var(--fs-3);
}
@media only screen and (min-width: 64em) {
  .three-quarters-section__container {
    grid-column: 2/-2;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .three-quarters-section__img {
    display: flex;
  }
  .three-quarters-section__img img {
    width: 28rem;
    -o-object-position: center center;
       object-position: center center;
  }
  .three-quarters-section__text {
    display: grid;
  }
  .three-quarters-section__content {
    grid-column: span 2;
  }
}

.ath-bg-image-section {
  width: 100%;
  position: relative;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 0.5fr repeat(4, minmax(min-content, 1fr)) 0.5fr;
  grid-template-rows: auto;
}
@media only screen and (min-width: 48em) {
  .ath-bg-image-section {
    grid-template-columns: 0.46fr repeat(8, minmax(min-content, 1fr)) 0.46fr;
  }
}
@media only screen and (min-width: 64em) {
  .ath-bg-image-section {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
}
@media only screen and (min-width: 80em) {
  .ath-bg-image-section {
    grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 100em) {
  .ath-bg-image-section {
    grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  }
}
.ath-bg-image-section > * {
  width: 100%;
}
.ath-bg-image-section__container {
  z-index: 2;
  grid-column: 2/-2;
  grid-row: 1/-1;
  overflow: hidden;
}
.ath-bg-image-section__bg-image {
  z-index: 0;
  width: 100%;
  height: 100%;
  max-height: -moz-min-content;
  max-height: min-content;
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.ath-bg-image-section__bg-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top left;
     object-position: top left;
  aspect-ratio: 4/1;
}
.ath-bg-image-section__bg-image--bottom-center img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
}

.ath-title {
  width: 100%;
  grid-column: 2/-2;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.ath-title--left {
  width: 100%;
  justify-items: left;
  text-align: left;
  padding-block: var(--fs-4);
}
@media only screen and (min-width: 64em) {
  .ath-title--left {
    width: 80%;
  }
}
.ath-title--left-icon {
  display: flex;
  align-items: center;
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
}
.ath-title--center {
  justify-items: center;
  text-align: center;
  padding-block: var(--fs-4);
}
.ath-title--columns {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding-block: var(--fs-4);
}
.ath-title--columns > * {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .ath-title--columns {
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
  }
  .ath-title--columns > * {
    grid-column: auto;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
  }
}
@media only screen and (min-width: 64em) {
  .ath-title--columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: flex-start;
    text-align: left;
    grid-column: auto;
  }
  .ath-title--columns > * {
    align-items: flex-start;
  }
  .ath-title--columns > *:last-child {
    align-items: flex-end;
  }
}
.ath-title--spacer {
  padding-bottom: var(--fs-4);
}

.ath-title-fw {
  width: 100%;
  grid-column: 2/-2;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
}
.ath-title-fw--left {
  width: 100%;
  justify-items: left;
  text-align: left;
  padding-block: var(--fs-4);
}
@media only screen and (min-width: 64em) {
  .ath-title-fw--left {
    width: 100%;
  }
}
.ath-title-fw--center {
  justify-items: center;
  text-align: center;
  padding-block: var(--fs-4);
}
.ath-title-fw--columns {
  width: 100%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding-block: var(--fs-4);
}
.ath-title-fw--columns > * {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .ath-title-fw--columns {
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
  }
  .ath-title-fw--columns > * {
    grid-column: auto;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
  }
}
@media only screen and (min-width: 64em) {
  .ath-title-fw--columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: flex-start;
    text-align: left;
    grid-column: auto;
  }
  .ath-title-fw--columns > * {
    align-items: flex-start;
  }
  .ath-title-fw--columns > *:last-child {
    align-items: flex-end;
  }
}
.ath-title-fw--spacer {
  padding-bottom: var(--fs-4);
}

.ath-box-title {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
  padding-block: var(--fs-4);
  justify-content: center;
}
.ath-box-title > * {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-top-left-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
  padding: var(--fs-1);
}
.ath-box-title__content-20 {
  width: 20%;
}
.ath-box-title__content-80 {
  width: 80%;
  text-align: center;
}

.ath-divider {
  width: 100%;
  grid-column: 2/-2;
  display: flex;
  margin-block: var(--fs-4);
}
.ath-divider hr {
  border-style: solid;
  border-width: 1px;
  border-color: #7b7b7b;
}

.ath-aside-section {
  width: 100%;
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: auto;
}
@media only screen and (min-width: 40em) {
  .ath-aside-section {
    grid-template-columns: repeat(12, 1fr);
  }
}
@media only screen and (min-width: 64em) {
  .ath-aside-section {
    grid-template-columns: repeat(12, 1fr);
  }
}

.bp-aside {
  width: 100%;
  grid-column: 2/-2;
}
@media only screen and (min-width: 64em) {
  .bp-aside {
    grid-column: 2/4;
  }
}

.bp-aside-content {
  width: 100%;
  grid-column: 2/-2;
  padding-left: var(--fs-2);
}
@media only screen and (min-width: 64em) {
  .bp-aside-content {
    grid-column: 4/-2;
  }
}

.bp-aside-h-full {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  grid-column: 1/-1;
  overflow-x: hidden;
  overflow-y: scroll;
}
.bp-aside-h-full::-webkit-scrollbar {
  width: 8px;
  background-color: #f5f5f5;
}
.bp-aside-h-full::-webkit-scrollbar-thumb {
  background-color: #888;
  border-radius: 10px;
  border: 3px solid #ccc;
}
.bp-aside-h-full::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}
@media only screen and (min-width: 64em) {
  .bp-aside-h-full {
    width: 100%;
    height: 100dvh;
    grid-column: 2/4;
  }
}

.bp-aside-h-full__content {
  width: 100%;
  height: 100dvh;
  grid-column: 2/-2;
}
@media only screen and (min-width: 64em) {
  .bp-aside-h-full__content {
    grid-column: 4/-2;
  }
}

.bp-wrap-comp {
  width: 100%;
  height: 100dvh;
  overflow-y: scroll;
  display: grid;
  grid-template-columns: 0.2fr repeat(4, minmax(min-content, 1fr)) 0.2fr;
  grid-template-rows: auto;
}
@media only screen and (min-width: 48em) {
  .bp-wrap-comp {
    grid-template-columns: 0.3fr repeat(8, minmax(min-content, 1fr)) 0.3fr;
  }
}
@media only screen and (min-width: 64em) {
  .bp-wrap-comp {
    grid-template-columns: 0.3fr repeat(12, minmax(min-content, 1fr)) 0.3fr;
  }
}

.even-columns {
  width: 100%;
  grid-column: 1 \-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  z-index: 1;
}
.even-columns__content {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: flex-start;
  }
}
@media only screen and (min-width: 48em) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    z-index: 1;
    justify-items: flex-start;
    justify-items: flex-start;
  }
}
@media only screen and (min-width: 64em) {
  .even-columns {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: flex-start;
  }
}
.even-columns[data-columns=image] {
  grid-auto-flow: row;
}
.even-columns[data-columns=image] .box-image {
  display: flex;
  justify-content: center;
}
.even-columns[data-columns=image] img {
  width: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 80em) {
  .even-columns[data-columns=image] {
    grid-auto-flow: column !important;
    grid-auto-columns: 1fr;
    z-index: 1;
    justify-items: flex-start;
    align-items: center;
  }
  .even-columns[data-columns=image] img {
    width: 100%;
  }
}

.even-columns-md {
  grid-column: 1 \-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  z-index: 1;
  justify-items: flex-start;
}
@media only screen and (min-width: 48em) {
  .even-columns-md {
    grid-auto-flow: row;
    grid-auto-rows: min-content;
  }
}
@media only screen and (min-width: 64em) {
  .even-columns-md {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: min-content;
    justify-items: center;
  }
}
.even-columns-md__content {
  width: 100%;
}

.even-columns-3 {
  grid-column: 1 \-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  z-index: 1;
}
@media only screen and (min-width: 40em) {
  .even-columns-3 {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    justify-items: flex-start;
  }
}
@media only screen and (min-width: 48em) {
  .even-columns-3 {
    grid-auto-flow: row;
    grid-auto-columns: auto;
    z-index: 1;
    justify-items: flex-start;
  }
}
@media only screen and (min-width: 64em) {
  .even-columns-3 {
    grid-auto-flow: column;
    grid-auto-columns: auto;
    justify-items: flex-start;
  }
}
.even-columns-3__content {
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .even-columns-3--md {
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
  }
}
@media only screen and (min-width: 64em) {
  .even-columns-3--md {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    justify-items: flex-start;
  }
}

.even-columns--500 {
  grid-column: 1 \-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  z-index: 1;
}
@media only screen and (min-width: 48em) {
  .even-columns--500 {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}
@media only screen and (min-width: 64em) {
  .even-columns--500 {
    grid-auto-flow: column;
    grid-auto-columns: 500px;
  }
}
.even-columns--500__content {
  width: 100%;
}

.even-columns--600 {
  grid-column: 1 \-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  z-index: 1;
}
@media only screen and (min-width: 40em) {
  .even-columns--600 {
    grid-auto-flow: column;
    grid-auto-columns: 500px;
  }
}
@media only screen and (min-width: 64em) {
  .even-columns--600 {
    grid-auto-flow: column;
    grid-auto-columns: 602px;
  }
}
.even-columns--600__content {
  width: 100%;
}

.even-columns--700 {
  grid-column: 1 \-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  z-index: 1;
}
@media only screen and (min-width: 40em) {
  .even-columns--700 {
    grid-auto-flow: column;
    grid-auto-columns: 700px;
  }
}
.even-columns--700__content {
  width: 100%;
}

.fill-columns {
  width: 100%;
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  justify-items: flex-start;
}

.fit-columns-icons {
  width: 100%;
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-items: center;
  align-items: center;
  text-align: center;
  gap: var(--fs-2);
  -moz-gap: var(--fs-2);
}
.fit-columns-icons > * {
  width: 100%;
  height: 100%;
  padding-block-end: var(--fs-0);
  border-style: solid;
  border-width: 1px;
  border-color: #f5f5f5;
  border-radius: var(--fs--1);
  padding: var(--fs--1);
}

.fill-columns-200 {
  width: 100%;
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  justify-items: flex-start;
}

.fill-columns-300 {
  width: 100%;
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  justify-items: center;
}
@media only screen and (min-width: 48em) {
  .fill-columns-300 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    justify-items: center;
  }
}
@media only screen and (min-width: 64em) {
  .fill-columns-300 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    justify-items: center;
  }
}

.fill-columns-400 {
  display: grid;
  grid-column: 2/-2;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
  justify-items: start;
}
@media only screen and (min-width: 40em) {
  .fill-columns-400 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    justify-items: start;
  }
}

.fill-columns-500 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
@media only screen and (min-width: 48em) {
  .fill-columns-500 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  }
}
@media only screen and (min-width: 64em) {
  .fill-columns-500 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}

.fill-columns-600 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
@media only screen and (min-width: 48em) {
  .fill-columns-600 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  }
}

.fill-columns-700 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
}
@media only screen and (min-width: 48em) {
  .fill-columns-700 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  }
}

.fill-content {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  justify-items: flex-start;
}
@media only screen and (min-width: 48em) {
  .fill-content {
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
  }
}
@media only screen and (min-width: 64em) {
  .fill-content {
    grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
  }
}

.content--grid {
  display: grid;
  align-items: center;
  justify-content: center;
}

.grid-col--2 {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
@media only screen and (min-width: 40em) {
  .grid-col--2 {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.grid-col--2 {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
@media only screen and (min-width: 40em) {
  .grid-col--2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.grid-col--3 {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
@media only screen and (min-width: 40em) {
  .grid-col--3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
}

.grid-col--4 {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
@media only screen and (min-width: 40em) {
  .grid-col--4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

.fit-columns-300 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-items: center;
}
@media only screen and (min-width: 48em) {
  .fit-columns-300 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    justify-items: center;
  }
}
@media only screen and (min-width: 64em) {
  .fit-columns-300 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
    justify-items: center;
  }
}
@media only screen and (min-width: 80em) {
  .fit-columns-300 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(264px, 1fr));
    justify-items: center;
  }
}

.grid-cards-hero {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-cards-hero__g-card-1 {
  grid-column: 1/-1;
}
.grid-cards-hero__g-card-2 {
  grid-column: 1/-1;
}
.grid-cards-hero__g-card-3 {
  grid-column: 1/-1;
}
.grid-cards-hero__g-card-4 {
  grid-column: 1/-1;
}
.grid-cards-hero__g-card-5 {
  grid-column: 1/-1;
}
@media only screen and (min-width: 48em) {
  .grid-cards-hero__g-card-1 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .grid-cards-hero__g-card-2 {
    grid-column: 3/5;
    grid-row: 1;
  }
  .grid-cards-hero__g-card-3 {
    grid-column: 3/5;
    grid-row: 2;
  }
  .grid-cards-hero__g-card-4 {
    grid-column: 1/3;
    grid-row: 3;
  }
  .grid-cards-hero__g-card-5 {
    grid-column: 3/5;
    grid-row: 3;
  }
}
@media only screen and (min-width: 64em) {
  .grid-cards-hero {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
  .grid-cards-hero__g-card-1 {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  .grid-cards-hero__g-card-2 {
    grid-column: 2/3;
    grid-row: 1;
  }
  .grid-cards-hero__g-card-3 {
    grid-column: 3/4;
    grid-row: 1;
  }
  .grid-cards-hero__g-card-4 {
    grid-column: 2/3;
    grid-row: 2;
  }
  .grid-cards-hero__g-card-5 {
    grid-column: 3/4;
    grid-row: 2;
  }
}

.grid-cards-hero-breb {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-cards-hero-breb__g-card-1 {
  grid-column: 1/-1;
}
.grid-cards-hero-breb__g-card-2 {
  grid-column: 1/-1;
}
.grid-cards-hero-breb__g-card-3 {
  grid-column: 1/-1;
}
.grid-cards-hero-breb__g-card-4 {
  grid-column: 1/-1;
}
.grid-cards-hero-breb__g-card-5 {
  grid-column: 1/-1;
}
@media only screen and (min-width: 48em) {
  .grid-cards-hero-breb__g-card-1 {
    grid-column: 3/5;
    grid-row: 1/3;
  }
  .grid-cards-hero-breb__g-card-2 {
    grid-column: 1/3;
    grid-row: 1;
  }
  .grid-cards-hero-breb__g-card-3 {
    grid-column: 1/3;
    grid-row: 2;
  }
  .grid-cards-hero-breb__g-card-4 {
    grid-column: 1/3;
    grid-row: 3;
  }
  .grid-cards-hero-breb__g-card-5 {
    grid-column: 3/5;
    grid-row: 3;
  }
}
@media only screen and (min-width: 64em) {
  .grid-cards-hero-breb {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
  .grid-cards-hero-breb__g-card-1 {
    grid-column: 3/4;
    grid-row: 1/3;
  }
  .grid-cards-hero-breb__g-card-2 {
    grid-column: 1/2;
    grid-row: 1;
  }
  .grid-cards-hero-breb__g-card-3 {
    grid-column: 2/3;
    grid-row: 1;
  }
  .grid-cards-hero-breb__g-card-4 {
    grid-column: 1/2;
    grid-row: 2;
  }
  .grid-cards-hero-breb__g-card-5 {
    grid-column: 2/3;
    grid-row: 2;
  }
}

.grid-cards-hero-tc {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid-cards-hero-tc__g-card-1 {
  grid-column: 1/-1;
}
.grid-cards-hero-tc__g-card-2 {
  grid-column: 1/-1;
}
.grid-cards-hero-tc__g-card-4 {
  grid-column: 1/-1;
}
.grid-cards-hero-tc__g-card-5 {
  grid-column: 1/-1;
}
@media only screen and (min-width: 48em) {
  .grid-cards-hero-tc__g-card-1 {
    grid-column: 1/3;
    grid-row: 1/3;
  }
  .grid-cards-hero-tc__g-card-2 {
    grid-column: 3/5;
    grid-row: 1;
  }
  .grid-cards-hero-tc__g-card-4 {
    grid-column: 1/3;
    grid-row: 3;
  }
  .grid-cards-hero-tc__g-card-5 {
    grid-column: 3/5;
    grid-row: 3;
  }
}
@media only screen and (min-width: 64em) {
  .grid-cards-hero-tc {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
  }
  .grid-cards-hero-tc__g-card-1 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .grid-cards-hero-tc__g-card-2 {
    grid-column: 2/-1;
    grid-row: 1;
  }
  .grid-cards-hero-tc__g-card-4 {
    grid-column: 1/3;
    grid-row: 2;
  }
  .grid-cards-hero-tc__g-card-5 {
    grid-column: 3/4;
    grid-row: 2;
  }
}

.sm-column-reverse {
  grid-row: 1/2;
}
@media only screen and (min-width: 40em) {
  .sm-column-reverse {
    grid-row: auto;
  }
}

.md-column-reverse {
  grid-row: 1/2;
}
@media only screen and (min-width: 64em) {
  .md-column-reverse {
    grid-row: auto;
  }
}

.split-layout {
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2;
  grid-column: 2/-2;
  grid-row: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
.split-layout__wrap {
  z-index: 2;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
.split-layout__narrow {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
}
.split-layout__narrow > * {
  width: 100%;
  height: 100%;
}
.split-layout__wide {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
}
.split-layout__wide > * {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 64em) {
  .split-layout__narrow {
    width: 100%;
    grid-column: 1/5;
  }
  .split-layout__wide {
    width: 100%;
    grid-column: 5/-1;
  }
}

.hero-icons-section {
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: 0.5fr repeat(8, 1fr) 0.5fr;
  align-items: start;
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
}
.hero-icons-section > * {
  height: 100%;
}
.hero-icons-section__icon-1 {
  grid-column: 1/-1;
}
.hero-icons-section__space-1 {
  width: 100%;
  grid-column: 1/-1;
  display: none;
}
.hero-icons-section__icon-3 {
  grid-column: 1/-1;
}
.hero-icons-section__space-2 {
  width: 100%;
  grid-column: 1/-1;
  display: none;
}
.hero-icons-section__icon-4 {
  grid-column: 1/-1;
}
.hero-icons-section__icon-2-1 {
  grid-column: 1/-1;
}
.hero-icons-section__space-1-1 {
  width: 100%;
  grid-column: 1/-1;
  display: none;
}
.hero-icons-section__icon-2-2 {
  grid-column: 1/-1;
}
@media only screen and (min-width: 64em) {
  .hero-icons-section {
    gap: 0;
  }
  .hero-icons-section__icon-1 {
    grid-column: 2/4;
  }
  .hero-icons-section__space-1 {
    width: 100%;
    grid-column: 4/5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    padding-top: 4.5rem;
  }
  .hero-icons-section__icon-3 {
    grid-column: 5/7;
  }
  .hero-icons-section__space-2 {
    width: 100%;
    grid-column: 7/8;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    padding-top: 4.5rem;
  }
  .hero-icons-section__icon-4 {
    grid-column: 8/-2;
  }
  .hero-icons-section__icon-2-1 {
    grid-column: 2/5;
  }
  .hero-icons-section__space-1-1 {
    width: 100%;
    grid-column: 5/7;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
    padding-top: 4.5rem;
  }
  .hero-icons-section__icon-2-2 {
    grid-column: 7/-2;
  }
}

.ath-aside {
  grid-column: 1/-1;
  height: 100%;
  overflow: auto;
  border-right: solid 1px lightgrey;
  padding: var(--fs-0);
  background-color: #f5f5f5;
}
@media only screen and (min-width: 40em) {
  .ath-aside {
    grid-column: 1/3;
  }
}

.ath-nav-aside {
  display: flex;
  justify-content: space-around;
}
.ath-nav-aside__item {
  margin-top: var(--fs--2);
}
@media only screen and (min-width: 40em) {
  .ath-nav-aside {
    flex-flow: column;
  }
}

.ath-dynamic-content {
  grid-column: 2/-2;
  width: 100%;
  padding: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .ath-dynamic-content {
    grid-column: 3/-1;
  }
}

.library-section {
  padding: var(--fs-1);
  margin-block: var(--fs-0);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.library-section > * {
  padding-block: var(--fs-0);
}

.tabs-aside {
  display: none;
}

.tabs-aside--active {
  display: grid;
}

.pyme-section {
  grid-column: 2/-2;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.pyme-section > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .pyme-section > * {
    grid-column: auto;
  }
}
.pyme-section__title {
  grid-column: 1/-1;
}
.pyme-section__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
}
.pyme-section__content img {
  width: 100%;
  align-items: center;
}

.bp-hero-section {
  width: 100%;
  grid-column: 1/-1;
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  padding-inline: var(--fs-3);
  padding-block: var(--fs-3);
}
.bp-hero-section__head {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 1/2;
  gap: 1rem;
  padding-block: var(--fs-1);
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.bp-hero-section__head > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .bp-hero-section__head > * {
    grid-column: auto;
  }
}
.bp-hero-section__head > * {
  align-items: center;
}
.bp-hero-section__head__title {
  display: flex;
  justify-content: flex-start;
  gap: 1rem;
}
.bp-hero-section__head__copy {
  align-self: center;
}
.bp-hero-section__content {
  display: inherit;
  grid-column: 1/-1;
  grid-row: 2/-1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.bp-hero-section__content > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .bp-hero-section__content > * {
    grid-column: auto;
  }
}
.bp-hero-section__content {
  gap: 1rem;
  text-align: center;
}
.bp-hero-section__content--hide-cards > *:not(:first-child) {
  display: none;
}
@media only screen and (min-width: 40em) {
  .bp-hero-section__head {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .bp-hero-section__head > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 40em) and (min-width: 40em) {
  .bp-hero-section__head > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 40em) {
  .bp-hero-section__head__copy {
    align-self: center;
  }
  .bp-hero-section__content {
    gap: 2rem;
  }
  .bp-hero-section__content--hide-cards > *:not(:first-child) {
    display: flex;
  }
}

.next-event-section {
  display: inherit;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.next-event-section__title {
  grid-column: 1/-1;
  padding-block: var(--fs-0);
}
.next-event-section__img {
  width: 90%;
  grid-column: 1/-1;
}
.next-event-section__img img {
  border-radius: var(--fs--1);
}
.next-event-section__events {
  grid-column: 1/-1;
  align-items: center;
}
@media only screen and (min-width: 40em) {
  .next-event-section__img {
    grid-column: 1/3;
  }
  .next-event-section__events {
    grid-column: 3/5;
  }
}

.card-logo {
  width: min(100%, 120px);
  align-self: start;
  border-radius: var(--fs--2);
  padding: var(--fs--3);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .card-logo {
    border-radius: var(--fs--1);
    padding: var(--fs--1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
}

.ath-recaudo-section {
  grid-column: 2/-2;
  padding-block: var(--fs-3);
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.ath-recaudo-section > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .ath-recaudo-section > * {
    grid-column: auto;
  }
}
.ath-recaudo-section__content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  align-items: flex-end;
}
.ath-recaudo-section__content__img {
  display: none;
}
.ath-recaudo-section__content__card {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2/-1;
  justify-self: center;
  display: flex;
  flex-direction: column;
  text-align: justify;
  border-radius: var(--fs--1);
  margin: var(--fs-0);
  padding: var(--fs-1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-recaudo-section__content__card a {
  align-self: flex-end;
}
.ath-recaudo-section__payments {
  display: inherit;
  padding: var(--fs--1);
  align-items: center;
}
.ath-recaudo-section__payments__item {
  padding-block: var(--fs-0);
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  align-items: center;
}
.ath-recaudo-section__payments__item__text {
  grid-column: span 3;
}
@media only screen and (min-width: 40em) {
  .ath-recaudo-section {
    grid-column: 2/-2;
    padding-block: var(--fs-3);
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-recaudo-section > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 40em) and (min-width: 40em) {
  .ath-recaudo-section > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 40em) {
  .ath-recaudo-section__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    align-items: flex-end;
  }
  .ath-recaudo-section__content__img {
    display: grid;
    width: 60%;
    grid-column: 1/-1;
    grid-row: 1/-1;
    justify-self: center;
  }
  .ath-recaudo-section__content__card {
    width: 72%;
    grid-column: 1/-1;
    grid-row: 2/-1;
    justify-self: end;
    display: flex;
    flex-direction: column;
    text-align: justify;
    border-radius: var(--fs--1);
    margin: var(--fs-0);
    padding: var(--fs-1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
  .ath-recaudo-section__content__card a {
    align-self: flex-end;
  }
  .ath-recaudo-section__payments {
    display: inherit;
    padding: var(--fs-1);
    align-items: center;
  }
  .ath-recaudo-section__payments__item {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    align-items: center;
  }
  .ath-recaudo-section__payments__item__text {
    grid-column: span 3;
  }
}

.ath-hero-section__container__content .content {
  display: grid;
  align-items: center;
}
.ath-hero-section__container__content .content__text {
  align-self: end;
}
.ath-hero-section__container__content .content > * {
  padding-block: var(--fs--1);
}
.ath-hero-section__container__content .content .hero-logos {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.ath-hero-section__container__content .content .hero-logos__logo {
  width: 90%;
  border-radius: var(--fs--1);
  padding: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .ath-hero-section__container__content .content__text {
    align-self: end;
    padding-top: var(--fs-1);
  }
  .ath-hero-section__container__content .content > * {
    padding-block: var(--fs-2);
  }
  .ath-hero-section__container__content .content .hero-logos {
    width: 60%;
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-self: end;
  }
  .ath-hero-section__container__content .content .hero-logos__logo {
    width: 90%;
    border-radius: var(--fs--1);
    padding: var(--fs--1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
}

.banking-correspondents {
  width: 100%;
}

.video-section__content {
  padding-bottom: var(--fs--1);
  align-items: center;
}
.video-section__content > * {
  padding-block: var(--fs--2);
}
@media only screen and (min-width: 40em) {
  .video-section {
    display: flex;
    flex: 1 1 1;
    flex-wrap: nowrap;
    gap: 1rem;
  }
  .video-section > * {
    width: 100%;
    flex: 1 1 2em;
    padding-block: var(--fs--2);
  }
}

.modules-section {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  justify-items: flex-start;
  gap: 1rem;
}

.export-img {
  width: 72%;
  justify-self: start;
}

.texto-destacado {
  font-size: var(--fs-3);
}

.texto-destacado--fs-xxl-xxs {
  font-size: var(--fs-3);
}

.ath-section .content-img-info {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.ath-section .content-img-info .img-infografia {
  margin-block: 20px;
  margin-inline: 15px;
}
.ath-section .content-img-info .img-infografia__web {
  width: clamp(100%, 50vw, 30%);
  margin-block: 20px;
  margin-inline: 15px;
  -o-object-fit: contain;
     object-fit: contain;
}

.round-tabs {
  width: 100%;
  display: inherit;
  grid-column: 2/-2;
}
.round-tabs__nav {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-inline: 0;
  padding-block: 24px;
  /* overflow-x: scroll; */
  /* scroll-behavior: smooth; */
  /* @include p("m"); */
}
.round-tabs__nav::-webkit-scrollbar-thumb {
  color: transparent !important;
}
.round-tabs__nav .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  left: 0 !important;
  color: #105163;
}
.round-tabs__nav .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 40%;
  transform: translateY(-40%);
  right: 0 !important;
  color: #105163;
}
.round-tabs__nav .owl-theme .owl-nav {
  margin-top: 0;
}
.round-tabs__nav .owl-theme .owl-nav [class*=owl-]:hover {
  background: white;
}
.round-tabs__line {
  width: clamp(70%, 5vw, 80%);
  border-color: hsl(123, 83%, 39%);
  border-width: 1px;
  border-style: dashed;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translateX(50%);
}
.round-tabs__items {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  gap: 0.8rem;
}
.round-tabs__items .owl-nav {
  display: flex;
  justify-content: space-between;
}
.round-tabs__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
.round-tabs__link {
  width: 200px;
  text-decoration: none;
  text-align: center;
  font-size: var(--fs--1);
}
.round-tabs__link:hover {
  color: #555555;
}
.round-tabs__block {
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
  padding: var(--fs-0);
}
.round-tabs__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 20em) {
  .round-tabs__nav .owl-carousel .owl-nav button.owl-prev {
    left: -16px;
  }
}
@media only screen and (min-width: 40em) {
  .round-tabs {
    width: 100%;
    display: grid;
    grid-column: 2/-2;
  }
  .round-tabs__nav {
    overflow: hidden;
    scroll-behavior: smooth;
    /* @include pv("s"); */
  }
  .round-tabs__items {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: left;
    justify-content: center;
    gap: 1rem;
  }
  .round-tabs__item {
    position: relative;
    display: flex;
    flex-direction: column;
    line-height: 0.6;
  }
  .round-tabs {
    /* &__link {
        width: 100%;
        text-decoration: none;


    } */
  }
  .round-tabs__icon {
    font-size: var(--fs-3);
    color: #7b7b7b;
  }
}

.round-tabs__item {
  width: clamp(50px, 5vw, 60px);
  height: clamp(50px, 5vw, 60px);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.15);
  margin: 10px auto;
  position: relative;
}
.round-tabs__item .owl-nav {
  position: absolute;
  top: 50%;
  transform: translate(-50%);
}

.round-tabs__item--active {
  background-color: hsl(123, 83%, 39%);
  background-color: #105163;
  color: #105163;
  color: white !important;
  font-size: 24px;
}

.round-tabs__link {
  width: 100%;
  text-decoration: none;
  font-size: var(--fs-1);
}

.img--70 {
  width: 70% !important;
  margin: 0 auto;
}

.infographic__img {
  justify-self: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 40%;
}

.infographic__two-img {
  justify-self: center;
  -o-object-fit: cover;
     object-fit: cover;
  width: 70%;
}

.tabs__item__column {
  flex-direction: column !important;
}

.flip-card-vertical__buttons {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  font-weight: 700;
}

.ath-btn__modal {
  font-weight: 700;
}

.b-right-text {
  padding-right: 16px;
  border-right: 1px solid #fc7222;
}

.title-category {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: 24px;
}

.bp-aliados__p-inline {
  padding-inline: 8px !important;
}

.img-card-cross-ally {
  min-width: 300px;
  width: 100%;
}
.img-card-cross-ally img {
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
}

.overflow-x {
  flex-wrap: nowrap;
  overflow-x: scroll;
  overscroll-behavior-x: auto;
  padding-inline: 16px;
  width: 90vw;
  padding-block-end: var(--fs-0);
}
@media only screen and (min-width: 72em) {
  .overflow-x {
    overflow: hidden;
    padding-inline: 0;
  }
}

.ath-bg-color-img {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  grid-column: 1/-1;
}

.ath-bg-color-img__container {
  position: relative;
}

.p-bottom-personas {
  padding-bottom: var(--fs--1);
}

.ath-heading__icon {
  display: none;
}

@media only screen and (min-width: 40em) {
  .p-bottom-personas {
    padding-bottom: var(--fs-5);
  }
  .ath-heading__icon {
    display: block;
  }
}
.ath-header {
  position: relative;
}

.ath-header-animation {
  position: absolute;
  bottom: 4%;
  right: 0;
  color: #11b719;
}

.ath-header-animation-container {
  /* border: 2px #a1a1a1 solid; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 25px;
  gap: 0;
}

.arrow {
  width: 50px;
  height: 0;
  margin: 6px;
  opacity: 0;
  animation: fadeInOut 1.2s infinite;
  animation-fill-mode: forwards;
  font-size: 30px;
}

#arrow-icon-one {
  animation-delay: 0.6s;
}

#arrow-icon-two {
  animation-delay: 0.8s;
}

#arrow-icon-three {
  animation-delay: 1s;
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fill-columns--200 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  justify-items: flex-start;
}

.bp-card-number-img {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding-inline: 16px;
  border-radius: 16px;
  box-shadow: 0px 0px 4px 4px rgba(209, 209, 209, 0.44);
  background-color: hsl(0, 0%, 100%);
  justify-items: center;
}

.bg-bp-gradients--tc--intereses-cards {
  background-color: white;
}

.order-2 {
  order: 2;
}

.g-coloumn-1 {
  grid-column: 2/-1;
}

.flex-wrap-mobile {
  flex-wrap: wrap;
}

.img-mobile {
  display: none !important;
}

.content-laptop {
  display: none;
}

.content-mobile {
  display: block;
}

.ath-btn-intereses {
  width: -moz-max-content !important;
  width: max-content !important;
}

.tc-steps-section__content-intereses {
  justify-items: start !important;
}

.bp-card-number__head-intereses {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 0;
  padding-block: 12px;
}

.ji-start-intereses {
  justify-items: flex-start;
}

.tc-steps-section__content-intereses {
  grid-column: 1/-1 !important;
}

.fs-s-intereses {
  font-size: 16px;
}

@media only screen and (min-width: 40em) {
  .fs-s-intereses {
    font-size: 30px;
  }
  .tc-steps-section__content-intereses {
    grid-column: 1/-1 !important;
  }
  .ji-start-intereses {
    justify-items: flex-start;
  }
}
@media only screen and (min-width: 64em) {
  .g-coloumn-1 {
    grid-column: 2/4;
  }
  .order-2 {
    order: inherit;
  }
  .bg-bp-gradients--tc--intereses-cards {
    background: linear-gradient(90deg, #e9e9e9 0%, #e9e9e9 30%, rgb(255, 255, 255) 70%);
  }
  .ath-header-animation {
    left: 50%;
    transform: translateX(-50%);
  }
  .flex-wrap-mobile {
    flex-wrap: nowrap;
  }
  .content-laptop {
    display: block;
  }
  .content-mobile {
    display: none;
  }
  .bp-card-number__head-intereses {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .img-mobile {
    display: block !important;
  }
  .ji-start-intereses {
    justify-items: flex-end;
  }
  .tc-steps-section__content-intereses {
    grid-column: 1/2 !important;
  }
  .fs-s-intereses {
    font-size: 16px;
  }
}
.p-0 {
  padding: 0;
}
.p-left-0 {
  padding-left: 0;
}
.p-right-0 {
  padding-right: 0;
}
.p-top-0 {
  padding-top: 0;
}
.p-bottom-0 {
  padding-bottom: 0;
}
.p-block-0 {
  padding-block: 0;
}
.p-inline-0 {
  padding-inline: 0;
}

.m-0 {
  margin: 0;
}
.m-left-0 {
  margin-left: 0;
}
.m-right-0 {
  margin-right: 0;
}
.m-top-0 {
  margin-top: 0;
}
.m-bottom-0 {
  margin-bottom: 0;
}
.m-block-0 {
  margin-block: 0;
}
.m-inline-0 {
  margin-inline: 0;
}

.gap-0 {
  gap: 0;
}

.gap-c-0 {
  -moz-column-gap: 0;
       column-gap: 0;
}

.gap-r-0 {
  row-gap: 0;
}

.p-0 {
  padding-block: 0;
}

.p-0 {
  padding-inline: 0;
}
.p-left-0 {
  padding-left: 0;
}
.p-right-0 {
  padding-right: 0;
}
.p-top-0 {
  padding-top: 0;
}
.p-bottom-0 {
  padding-bottom: 0;
}
.p-block-0 {
  padding-block: 0;
}
.p-inline-0 {
  padding-inline: 0;
}

.p-1 {
  padding: 1px;
}
.p-left-1 {
  padding-left: 1px;
}
.p-right-1 {
  padding-right: 1px;
}
.p-top-1 {
  padding-top: 1px;
}
.p-bottom-1 {
  padding-bottom: 1px;
}
.p-block-1 {
  padding-block: 1px;
}
.p-inline-1 {
  padding-inline: 1px;
}

.m-1 {
  margin: 1px;
}
.m-left-1 {
  margin-left: 1px;
}
.m-right-1 {
  margin-right: 1px;
}
.m-top-1 {
  margin-top: 1px;
}
.m-bottom-1 {
  margin-bottom: 1px;
}
.m-block-1 {
  margin-block: 1px;
}
.m-inline-1 {
  margin-inline: 1px;
}

.gap-1 {
  gap: 1px;
}

.gap-c-1 {
  -moz-column-gap: 1px;
       column-gap: 1px;
}

.gap-r-1 {
  row-gap: 1px;
}

.p-1 {
  padding-block: 1px;
}

.p-1 {
  padding-inline: 1px;
}
.p-left-1 {
  padding-left: 1px;
}
.p-right-1 {
  padding-right: 1px;
}
.p-top-1 {
  padding-top: 1px;
}
.p-bottom-1 {
  padding-bottom: 1px;
}
.p-block-1 {
  padding-block: 1px;
}
.p-inline-1 {
  padding-inline: 1px;
}

.p-xxxxxxs {
  padding: var(--fs--6);
}
.p-left-xxxxxxs {
  padding-left: var(--fs--6);
}
.p-right-xxxxxxs {
  padding-right: var(--fs--6);
}
.p-top-xxxxxxs {
  padding-top: var(--fs--6);
}
.p-bottom-xxxxxxs {
  padding-bottom: var(--fs--6);
}
.p-block-xxxxxxs {
  padding-block: var(--fs--6);
}
.p-inline-xxxxxxs {
  padding-inline: var(--fs--6);
}

.m-xxxxxxs {
  margin: var(--fs--6);
}
.m-left-xxxxxxs {
  margin-left: var(--fs--6);
}
.m-right-xxxxxxs {
  margin-right: var(--fs--6);
}
.m-top-xxxxxxs {
  margin-top: var(--fs--6);
}
.m-bottom-xxxxxxs {
  margin-bottom: var(--fs--6);
}
.m-block-xxxxxxs {
  margin-block: var(--fs--6);
}
.m-inline-xxxxxxs {
  margin-inline: var(--fs--6);
}

.gap-xxxxxxs {
  gap: var(--fs--6);
}

.gap-c-xxxxxxs {
  -moz-column-gap: var(--fs--6);
       column-gap: var(--fs--6);
}

.gap-r-xxxxxxs {
  row-gap: var(--fs--6);
}

.p-xxxxxxs {
  padding-block: var(--fs--6);
}

.p-xxxxxxs {
  padding-inline: var(--fs--6);
}
.p-left-xxxxxxs {
  padding-left: var(--fs--6);
}
.p-right-xxxxxxs {
  padding-right: var(--fs--6);
}
.p-top-xxxxxxs {
  padding-top: var(--fs--6);
}
.p-bottom-xxxxxxs {
  padding-bottom: var(--fs--6);
}
.p-block-xxxxxxs {
  padding-block: var(--fs--6);
}
.p-inline-xxxxxxs {
  padding-inline: var(--fs--6);
}

.p-xxxxxs {
  padding: var(--fs--5);
}
.p-left-xxxxxs {
  padding-left: var(--fs--5);
}
.p-right-xxxxxs {
  padding-right: var(--fs--5);
}
.p-top-xxxxxs {
  padding-top: var(--fs--5);
}
.p-bottom-xxxxxs {
  padding-bottom: var(--fs--5);
}
.p-block-xxxxxs {
  padding-block: var(--fs--5);
}
.p-inline-xxxxxs {
  padding-inline: var(--fs--5);
}

.m-xxxxxs {
  margin: var(--fs--5);
}
.m-left-xxxxxs {
  margin-left: var(--fs--5);
}
.m-right-xxxxxs {
  margin-right: var(--fs--5);
}
.m-top-xxxxxs {
  margin-top: var(--fs--5);
}
.m-bottom-xxxxxs {
  margin-bottom: var(--fs--5);
}
.m-block-xxxxxs {
  margin-block: var(--fs--5);
}
.m-inline-xxxxxs {
  margin-inline: var(--fs--5);
}

.gap-xxxxxs {
  gap: var(--fs--5);
}

.gap-c-xxxxxs {
  -moz-column-gap: var(--fs--5);
       column-gap: var(--fs--5);
}

.gap-r-xxxxxs {
  row-gap: var(--fs--5);
}

.p-xxxxxs {
  padding-block: var(--fs--5);
}

.p-xxxxxs {
  padding-inline: var(--fs--5);
}
.p-left-xxxxxs {
  padding-left: var(--fs--5);
}
.p-right-xxxxxs {
  padding-right: var(--fs--5);
}
.p-top-xxxxxs {
  padding-top: var(--fs--5);
}
.p-bottom-xxxxxs {
  padding-bottom: var(--fs--5);
}
.p-block-xxxxxs {
  padding-block: var(--fs--5);
}
.p-inline-xxxxxs {
  padding-inline: var(--fs--5);
}

.p-xxxxs {
  padding: var(--fs--4);
}
.p-left-xxxxs {
  padding-left: var(--fs--4);
}
.p-right-xxxxs {
  padding-right: var(--fs--4);
}
.p-top-xxxxs {
  padding-top: var(--fs--4);
}
.p-bottom-xxxxs {
  padding-bottom: var(--fs--4);
}
.p-block-xxxxs {
  padding-block: var(--fs--4);
}
.p-inline-xxxxs {
  padding-inline: var(--fs--4);
}

.m-xxxxs {
  margin: var(--fs--4);
}
.m-left-xxxxs {
  margin-left: var(--fs--4);
}
.m-right-xxxxs {
  margin-right: var(--fs--4);
}
.m-top-xxxxs {
  margin-top: var(--fs--4);
}
.m-bottom-xxxxs {
  margin-bottom: var(--fs--4);
}
.m-block-xxxxs {
  margin-block: var(--fs--4);
}
.m-inline-xxxxs {
  margin-inline: var(--fs--4);
}

.gap-xxxxs {
  gap: var(--fs--4);
}

.gap-c-xxxxs {
  -moz-column-gap: var(--fs--4);
       column-gap: var(--fs--4);
}

.gap-r-xxxxs {
  row-gap: var(--fs--4);
}

.p-xxxxs {
  padding-block: var(--fs--4);
}

.p-xxxxs {
  padding-inline: var(--fs--4);
}
.p-left-xxxxs {
  padding-left: var(--fs--4);
}
.p-right-xxxxs {
  padding-right: var(--fs--4);
}
.p-top-xxxxs {
  padding-top: var(--fs--4);
}
.p-bottom-xxxxs {
  padding-bottom: var(--fs--4);
}
.p-block-xxxxs {
  padding-block: var(--fs--4);
}
.p-inline-xxxxs {
  padding-inline: var(--fs--4);
}

.p-xxxs {
  padding: var(--fs--3);
}
.p-left-xxxs {
  padding-left: var(--fs--3);
}
.p-right-xxxs {
  padding-right: var(--fs--3);
}
.p-top-xxxs {
  padding-top: var(--fs--3);
}
.p-bottom-xxxs {
  padding-bottom: var(--fs--3);
}
.p-block-xxxs {
  padding-block: var(--fs--3);
}
.p-inline-xxxs {
  padding-inline: var(--fs--3);
}

.m-xxxs {
  margin: var(--fs--3);
}
.m-left-xxxs {
  margin-left: var(--fs--3);
}
.m-right-xxxs {
  margin-right: var(--fs--3);
}
.m-top-xxxs {
  margin-top: var(--fs--3);
}
.m-bottom-xxxs {
  margin-bottom: var(--fs--3);
}
.m-block-xxxs {
  margin-block: var(--fs--3);
}
.m-inline-xxxs {
  margin-inline: var(--fs--3);
}

.gap-xxxs {
  gap: var(--fs--3);
}

.gap-c-xxxs {
  -moz-column-gap: var(--fs--3);
       column-gap: var(--fs--3);
}

.gap-r-xxxs {
  row-gap: var(--fs--3);
}

.p-xxxs {
  padding-block: var(--fs--3);
}

.p-xxxs {
  padding-inline: var(--fs--3);
}
.p-left-xxxs {
  padding-left: var(--fs--3);
}
.p-right-xxxs {
  padding-right: var(--fs--3);
}
.p-top-xxxs {
  padding-top: var(--fs--3);
}
.p-bottom-xxxs {
  padding-bottom: var(--fs--3);
}
.p-block-xxxs {
  padding-block: var(--fs--3);
}
.p-inline-xxxs {
  padding-inline: var(--fs--3);
}

.p-xxs {
  padding: var(--fs--2);
}
.p-left-xxs {
  padding-left: var(--fs--2);
}
.p-right-xxs {
  padding-right: var(--fs--2);
}
.p-top-xxs {
  padding-top: var(--fs--2);
}
.p-bottom-xxs {
  padding-bottom: var(--fs--2);
}
.p-block-xxs {
  padding-block: var(--fs--2);
}
.p-inline-xxs {
  padding-inline: var(--fs--2);
}

.m-xxs {
  margin: var(--fs--2);
}
.m-left-xxs {
  margin-left: var(--fs--2);
}
.m-right-xxs {
  margin-right: var(--fs--2);
}
.m-top-xxs {
  margin-top: var(--fs--2);
}
.m-bottom-xxs {
  margin-bottom: var(--fs--2);
}
.m-block-xxs {
  margin-block: var(--fs--2);
}
.m-inline-xxs {
  margin-inline: var(--fs--2);
}

.gap-xxs {
  gap: var(--fs--2);
}

.gap-c-xxs {
  -moz-column-gap: var(--fs--2);
       column-gap: var(--fs--2);
}

.gap-r-xxs {
  row-gap: var(--fs--2);
}

.p-xxs {
  padding-block: var(--fs--2);
}

.p-xxs {
  padding-inline: var(--fs--2);
}
.p-left-xxs {
  padding-left: var(--fs--2);
}
.p-right-xxs {
  padding-right: var(--fs--2);
}
.p-top-xxs {
  padding-top: var(--fs--2);
}
.p-bottom-xxs {
  padding-bottom: var(--fs--2);
}
.p-block-xxs {
  padding-block: var(--fs--2);
}
.p-inline-xxs {
  padding-inline: var(--fs--2);
}

.p-xs {
  padding: var(--fs--1);
}
.p-left-xs {
  padding-left: var(--fs--1);
}
.p-right-xs {
  padding-right: var(--fs--1);
}
.p-top-xs {
  padding-top: var(--fs--1);
}
.p-bottom-xs {
  padding-bottom: var(--fs--1);
}
.p-block-xs {
  padding-block: var(--fs--1);
}
.p-inline-xs {
  padding-inline: var(--fs--1);
}

.m-xs {
  margin: var(--fs--1);
}
.m-left-xs {
  margin-left: var(--fs--1);
}
.m-right-xs {
  margin-right: var(--fs--1);
}
.m-top-xs {
  margin-top: var(--fs--1);
}
.m-bottom-xs {
  margin-bottom: var(--fs--1);
}
.m-block-xs {
  margin-block: var(--fs--1);
}
.m-inline-xs {
  margin-inline: var(--fs--1);
}

.gap-xs {
  gap: var(--fs--1);
}

.gap-c-xs {
  -moz-column-gap: var(--fs--1);
       column-gap: var(--fs--1);
}

.gap-r-xs {
  row-gap: var(--fs--1);
}

.p-xs {
  padding-block: var(--fs--1);
}

.p-xs {
  padding-inline: var(--fs--1);
}
.p-left-xs {
  padding-left: var(--fs--1);
}
.p-right-xs {
  padding-right: var(--fs--1);
}
.p-top-xs {
  padding-top: var(--fs--1);
}
.p-bottom-xs {
  padding-bottom: var(--fs--1);
}
.p-block-xs {
  padding-block: var(--fs--1);
}
.p-inline-xs {
  padding-inline: var(--fs--1);
}

.p-s {
  padding: var(--fs-0);
}
.p-left-s {
  padding-left: var(--fs-0);
}
.p-right-s {
  padding-right: var(--fs-0);
}
.p-top-s {
  padding-top: var(--fs-0);
}
.p-bottom-s {
  padding-bottom: var(--fs-0);
}
.p-block-s {
  padding-block: var(--fs-0);
}
.p-inline-s {
  padding-inline: var(--fs-0);
}

.m-s {
  margin: var(--fs-0);
}
.m-left-s {
  margin-left: var(--fs-0);
}
.m-right-s {
  margin-right: var(--fs-0);
}
.m-top-s {
  margin-top: var(--fs-0);
}
.m-bottom-s {
  margin-bottom: var(--fs-0);
}
.m-block-s {
  margin-block: var(--fs-0);
}
.m-inline-s {
  margin-inline: var(--fs-0);
}

.gap-s {
  gap: var(--fs-0);
}

.gap-c-s {
  -moz-column-gap: var(--fs-0);
       column-gap: var(--fs-0);
}

.gap-r-s {
  row-gap: var(--fs-0);
}

.p-s {
  padding-block: var(--fs-0);
}

.p-s {
  padding-inline: var(--fs-0);
}
.p-left-s {
  padding-left: var(--fs-0);
}
.p-right-s {
  padding-right: var(--fs-0);
}
.p-top-s {
  padding-top: var(--fs-0);
}
.p-bottom-s {
  padding-bottom: var(--fs-0);
}
.p-block-s {
  padding-block: var(--fs-0);
}
.p-inline-s {
  padding-inline: var(--fs-0);
}

.p-m {
  padding: var(--fs-1);
}
.p-left-m {
  padding-left: var(--fs-1);
}
.p-right-m {
  padding-right: var(--fs-1);
}
.p-top-m {
  padding-top: var(--fs-1);
}
.p-bottom-m {
  padding-bottom: var(--fs-1);
}
.p-block-m {
  padding-block: var(--fs-1);
}
.p-inline-m {
  padding-inline: var(--fs-1);
}

.m-m {
  margin: var(--fs-1);
}
.m-left-m {
  margin-left: var(--fs-1);
}
.m-right-m {
  margin-right: var(--fs-1);
}
.m-top-m {
  margin-top: var(--fs-1);
}
.m-bottom-m {
  margin-bottom: var(--fs-1);
}
.m-block-m {
  margin-block: var(--fs-1);
}
.m-inline-m {
  margin-inline: var(--fs-1);
}

.gap-m {
  gap: var(--fs-1);
}

.gap-c-m {
  -moz-column-gap: var(--fs-1);
       column-gap: var(--fs-1);
}

.gap-r-m {
  row-gap: var(--fs-1);
}

.p-m {
  padding-block: var(--fs-1);
}

.p-m {
  padding-inline: var(--fs-1);
}
.p-left-m {
  padding-left: var(--fs-1);
}
.p-right-m {
  padding-right: var(--fs-1);
}
.p-top-m {
  padding-top: var(--fs-1);
}
.p-bottom-m {
  padding-bottom: var(--fs-1);
}
.p-block-m {
  padding-block: var(--fs-1);
}
.p-inline-m {
  padding-inline: var(--fs-1);
}

.p-l {
  padding: var(--fs-2);
}
.p-left-l {
  padding-left: var(--fs-2);
}
.p-right-l {
  padding-right: var(--fs-2);
}
.p-top-l {
  padding-top: var(--fs-2);
}
.p-bottom-l {
  padding-bottom: var(--fs-2);
}
.p-block-l {
  padding-block: var(--fs-2);
}
.p-inline-l {
  padding-inline: var(--fs-2);
}

.m-l {
  margin: var(--fs-2);
}
.m-left-l {
  margin-left: var(--fs-2);
}
.m-right-l {
  margin-right: var(--fs-2);
}
.m-top-l {
  margin-top: var(--fs-2);
}
.m-bottom-l {
  margin-bottom: var(--fs-2);
}
.m-block-l {
  margin-block: var(--fs-2);
}
.m-inline-l {
  margin-inline: var(--fs-2);
}

.gap-l {
  gap: var(--fs-2);
}

.gap-c-l {
  -moz-column-gap: var(--fs-2);
       column-gap: var(--fs-2);
}

.gap-r-l {
  row-gap: var(--fs-2);
}

.p-l {
  padding-block: var(--fs-2);
}

.p-l {
  padding-inline: var(--fs-2);
}
.p-left-l {
  padding-left: var(--fs-2);
}
.p-right-l {
  padding-right: var(--fs-2);
}
.p-top-l {
  padding-top: var(--fs-2);
}
.p-bottom-l {
  padding-bottom: var(--fs-2);
}
.p-block-l {
  padding-block: var(--fs-2);
}
.p-inline-l {
  padding-inline: var(--fs-2);
}

.p-xl {
  padding: var(--fs-3);
}
.p-left-xl {
  padding-left: var(--fs-3);
}
.p-right-xl {
  padding-right: var(--fs-3);
}
.p-top-xl {
  padding-top: var(--fs-3);
}
.p-bottom-xl {
  padding-bottom: var(--fs-3);
}
.p-block-xl {
  padding-block: var(--fs-3);
}
.p-inline-xl {
  padding-inline: var(--fs-3);
}

.m-xl {
  margin: var(--fs-3);
}
.m-left-xl {
  margin-left: var(--fs-3);
}
.m-right-xl {
  margin-right: var(--fs-3);
}
.m-top-xl {
  margin-top: var(--fs-3);
}
.m-bottom-xl {
  margin-bottom: var(--fs-3);
}
.m-block-xl {
  margin-block: var(--fs-3);
}
.m-inline-xl {
  margin-inline: var(--fs-3);
}

.gap-xl {
  gap: var(--fs-3);
}

.gap-c-xl {
  -moz-column-gap: var(--fs-3);
       column-gap: var(--fs-3);
}

.gap-r-xl {
  row-gap: var(--fs-3);
}

.p-xl {
  padding-block: var(--fs-3);
}

.p-xl {
  padding-inline: var(--fs-3);
}
.p-left-xl {
  padding-left: var(--fs-3);
}
.p-right-xl {
  padding-right: var(--fs-3);
}
.p-top-xl {
  padding-top: var(--fs-3);
}
.p-bottom-xl {
  padding-bottom: var(--fs-3);
}
.p-block-xl {
  padding-block: var(--fs-3);
}
.p-inline-xl {
  padding-inline: var(--fs-3);
}

.p-xxl {
  padding: var(--fs-4);
}
.p-left-xxl {
  padding-left: var(--fs-4);
}
.p-right-xxl {
  padding-right: var(--fs-4);
}
.p-top-xxl {
  padding-top: var(--fs-4);
}
.p-bottom-xxl {
  padding-bottom: var(--fs-4);
}
.p-block-xxl {
  padding-block: var(--fs-4);
}
.p-inline-xxl {
  padding-inline: var(--fs-4);
}

.m-xxl {
  margin: var(--fs-4);
}
.m-left-xxl {
  margin-left: var(--fs-4);
}
.m-right-xxl {
  margin-right: var(--fs-4);
}
.m-top-xxl {
  margin-top: var(--fs-4);
}
.m-bottom-xxl {
  margin-bottom: var(--fs-4);
}
.m-block-xxl {
  margin-block: var(--fs-4);
}
.m-inline-xxl {
  margin-inline: var(--fs-4);
}

.gap-xxl {
  gap: var(--fs-4);
}

.gap-c-xxl {
  -moz-column-gap: var(--fs-4);
       column-gap: var(--fs-4);
}

.gap-r-xxl {
  row-gap: var(--fs-4);
}

.p-xxl {
  padding-block: var(--fs-4);
}

.p-xxl {
  padding-inline: var(--fs-4);
}
.p-left-xxl {
  padding-left: var(--fs-4);
}
.p-right-xxl {
  padding-right: var(--fs-4);
}
.p-top-xxl {
  padding-top: var(--fs-4);
}
.p-bottom-xxl {
  padding-bottom: var(--fs-4);
}
.p-block-xxl {
  padding-block: var(--fs-4);
}
.p-inline-xxl {
  padding-inline: var(--fs-4);
}

.p-xxxl {
  padding: var(--fs-5);
}
.p-left-xxxl {
  padding-left: var(--fs-5);
}
.p-right-xxxl {
  padding-right: var(--fs-5);
}
.p-top-xxxl {
  padding-top: var(--fs-5);
}
.p-bottom-xxxl {
  padding-bottom: var(--fs-5);
}
.p-block-xxxl {
  padding-block: var(--fs-5);
}
.p-inline-xxxl {
  padding-inline: var(--fs-5);
}

.m-xxxl {
  margin: var(--fs-5);
}
.m-left-xxxl {
  margin-left: var(--fs-5);
}
.m-right-xxxl {
  margin-right: var(--fs-5);
}
.m-top-xxxl {
  margin-top: var(--fs-5);
}
.m-bottom-xxxl {
  margin-bottom: var(--fs-5);
}
.m-block-xxxl {
  margin-block: var(--fs-5);
}
.m-inline-xxxl {
  margin-inline: var(--fs-5);
}

.gap-xxxl {
  gap: var(--fs-5);
}

.gap-c-xxxl {
  -moz-column-gap: var(--fs-5);
       column-gap: var(--fs-5);
}

.gap-r-xxxl {
  row-gap: var(--fs-5);
}

.p-xxxl {
  padding-block: var(--fs-5);
}

.p-xxxl {
  padding-inline: var(--fs-5);
}
.p-left-xxxl {
  padding-left: var(--fs-5);
}
.p-right-xxxl {
  padding-right: var(--fs-5);
}
.p-top-xxxl {
  padding-top: var(--fs-5);
}
.p-bottom-xxxl {
  padding-bottom: var(--fs-5);
}
.p-block-xxxl {
  padding-block: var(--fs-5);
}
.p-inline-xxxl {
  padding-inline: var(--fs-5);
}

.p-xxxxl {
  padding: var(--fs-6);
}
.p-left-xxxxl {
  padding-left: var(--fs-6);
}
.p-right-xxxxl {
  padding-right: var(--fs-6);
}
.p-top-xxxxl {
  padding-top: var(--fs-6);
}
.p-bottom-xxxxl {
  padding-bottom: var(--fs-6);
}
.p-block-xxxxl {
  padding-block: var(--fs-6);
}
.p-inline-xxxxl {
  padding-inline: var(--fs-6);
}

.m-xxxxl {
  margin: var(--fs-6);
}
.m-left-xxxxl {
  margin-left: var(--fs-6);
}
.m-right-xxxxl {
  margin-right: var(--fs-6);
}
.m-top-xxxxl {
  margin-top: var(--fs-6);
}
.m-bottom-xxxxl {
  margin-bottom: var(--fs-6);
}
.m-block-xxxxl {
  margin-block: var(--fs-6);
}
.m-inline-xxxxl {
  margin-inline: var(--fs-6);
}

.gap-xxxxl {
  gap: var(--fs-6);
}

.gap-c-xxxxl {
  -moz-column-gap: var(--fs-6);
       column-gap: var(--fs-6);
}

.gap-r-xxxxl {
  row-gap: var(--fs-6);
}

.p-xxxxl {
  padding-block: var(--fs-6);
}

.p-xxxxl {
  padding-inline: var(--fs-6);
}
.p-left-xxxxl {
  padding-left: var(--fs-6);
}
.p-right-xxxxl {
  padding-right: var(--fs-6);
}
.p-top-xxxxl {
  padding-top: var(--fs-6);
}
.p-bottom-xxxxl {
  padding-bottom: var(--fs-6);
}
.p-block-xxxxl {
  padding-block: var(--fs-6);
}
.p-inline-xxxxl {
  padding-inline: var(--fs-6);
}

.p-xxxxxl {
  padding: var(--fs-7);
}
.p-left-xxxxxl {
  padding-left: var(--fs-7);
}
.p-right-xxxxxl {
  padding-right: var(--fs-7);
}
.p-top-xxxxxl {
  padding-top: var(--fs-7);
}
.p-bottom-xxxxxl {
  padding-bottom: var(--fs-7);
}
.p-block-xxxxxl {
  padding-block: var(--fs-7);
}
.p-inline-xxxxxl {
  padding-inline: var(--fs-7);
}

.m-xxxxxl {
  margin: var(--fs-7);
}
.m-left-xxxxxl {
  margin-left: var(--fs-7);
}
.m-right-xxxxxl {
  margin-right: var(--fs-7);
}
.m-top-xxxxxl {
  margin-top: var(--fs-7);
}
.m-bottom-xxxxxl {
  margin-bottom: var(--fs-7);
}
.m-block-xxxxxl {
  margin-block: var(--fs-7);
}
.m-inline-xxxxxl {
  margin-inline: var(--fs-7);
}

.gap-xxxxxl {
  gap: var(--fs-7);
}

.gap-c-xxxxxl {
  -moz-column-gap: var(--fs-7);
       column-gap: var(--fs-7);
}

.gap-r-xxxxxl {
  row-gap: var(--fs-7);
}

.p-xxxxxl {
  padding-block: var(--fs-7);
}

.p-xxxxxl {
  padding-inline: var(--fs-7);
}
.p-left-xxxxxl {
  padding-left: var(--fs-7);
}
.p-right-xxxxxl {
  padding-right: var(--fs-7);
}
.p-top-xxxxxl {
  padding-top: var(--fs-7);
}
.p-bottom-xxxxxl {
  padding-bottom: var(--fs-7);
}
.p-block-xxxxxl {
  padding-block: var(--fs-7);
}
.p-inline-xxxxxl {
  padding-inline: var(--fs-7);
}

.p-xxxxxxl {
  padding: var(--fs-8);
}
.p-left-xxxxxxl {
  padding-left: var(--fs-8);
}
.p-right-xxxxxxl {
  padding-right: var(--fs-8);
}
.p-top-xxxxxxl {
  padding-top: var(--fs-8);
}
.p-bottom-xxxxxxl {
  padding-bottom: var(--fs-8);
}
.p-block-xxxxxxl {
  padding-block: var(--fs-8);
}
.p-inline-xxxxxxl {
  padding-inline: var(--fs-8);
}

.m-xxxxxxl {
  margin: var(--fs-8);
}
.m-left-xxxxxxl {
  margin-left: var(--fs-8);
}
.m-right-xxxxxxl {
  margin-right: var(--fs-8);
}
.m-top-xxxxxxl {
  margin-top: var(--fs-8);
}
.m-bottom-xxxxxxl {
  margin-bottom: var(--fs-8);
}
.m-block-xxxxxxl {
  margin-block: var(--fs-8);
}
.m-inline-xxxxxxl {
  margin-inline: var(--fs-8);
}

.gap-xxxxxxl {
  gap: var(--fs-8);
}

.gap-c-xxxxxxl {
  -moz-column-gap: var(--fs-8);
       column-gap: var(--fs-8);
}

.gap-r-xxxxxxl {
  row-gap: var(--fs-8);
}

.p-xxxxxxl {
  padding-block: var(--fs-8);
}

.p-xxxxxxl {
  padding-inline: var(--fs-8);
}
.p-left-xxxxxxl {
  padding-left: var(--fs-8);
}
.p-right-xxxxxxl {
  padding-right: var(--fs-8);
}
.p-top-xxxxxxl {
  padding-top: var(--fs-8);
}
.p-bottom-xxxxxxl {
  padding-bottom: var(--fs-8);
}
.p-block-xxxxxxl {
  padding-block: var(--fs-8);
}
.p-inline-xxxxxxl {
  padding-inline: var(--fs-8);
}

.p-7xl {
  padding: var(--fs-10);
}
.p-left-7xl {
  padding-left: var(--fs-10);
}
.p-right-7xl {
  padding-right: var(--fs-10);
}
.p-top-7xl {
  padding-top: var(--fs-10);
}
.p-bottom-7xl {
  padding-bottom: var(--fs-10);
}
.p-block-7xl {
  padding-block: var(--fs-10);
}
.p-inline-7xl {
  padding-inline: var(--fs-10);
}

.m-7xl {
  margin: var(--fs-10);
}
.m-left-7xl {
  margin-left: var(--fs-10);
}
.m-right-7xl {
  margin-right: var(--fs-10);
}
.m-top-7xl {
  margin-top: var(--fs-10);
}
.m-bottom-7xl {
  margin-bottom: var(--fs-10);
}
.m-block-7xl {
  margin-block: var(--fs-10);
}
.m-inline-7xl {
  margin-inline: var(--fs-10);
}

.gap-7xl {
  gap: var(--fs-10);
}

.gap-c-7xl {
  -moz-column-gap: var(--fs-10);
       column-gap: var(--fs-10);
}

.gap-r-7xl {
  row-gap: var(--fs-10);
}

.p-7xl {
  padding-block: var(--fs-10);
}

.p-7xl {
  padding-inline: var(--fs-10);
}
.p-left-7xl {
  padding-left: var(--fs-10);
}
.p-right-7xl {
  padding-right: var(--fs-10);
}
.p-top-7xl {
  padding-top: var(--fs-10);
}
.p-bottom-7xl {
  padding-bottom: var(--fs-10);
}
.p-block-7xl {
  padding-block: var(--fs-10);
}
.p-inline-7xl {
  padding-inline: var(--fs-10);
}

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

.w-full {
  width: 100% !important;
}

.w-fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.h-fit-content {
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.h-full {
  height: 100% !important;
}

.w-9 {
  width: 90%;
}

.w-lg {
  max-width: 100% !important;
}
@media only screen and (min-width: 40em) {
  .w-lg {
    max-width: 80%;
  }
}

.w-md {
  width: 50%;
}

.w-sm {
  width: 30%;
}

.w-max-c {
  width: -moz-max-content;
  width: max-content;
}

.w-max-section {
  max-width: 1200px;
}

.w-max-section-s {
  max-width: 1080px;
}

.w-8 {
  width: 8rem;
}

.w-10 {
  width: 10rem;
}

.w-16 {
  width: 16rem;
}

.w-10 {
  width: 10rem;
}

.w-3pt {
  width: 33%;
}

.fit-content {
  width: -moz-fit-content;
  width: fit-content;
}

.h-200 {
  height: 250px;
}

.h-8 {
  height: 8rem !important;
}

.h-18 {
  height: 18rem;
}

.h-28vh {
  height: 28vh;
}

.h-auto {
  height: auto !important;
}

.p-block-none {
  padding-block: 0 !important;
}

.p-block-end--l > * {
  padding-block-end: var(--fs-0);
}
@media only screen and (min-width: 40em) {
  .p-block-end--l > * {
    padding-block-end: var(--fs-2);
  }
}

.p-block-end--m > *:not(:last-child) {
  padding-block-end: var(--fs-0);
}
@media only screen and (min-width: 64em) {
  .p-block-end--m > *:not(:last-child) {
    padding-block-end: var(--fs-1);
  }
}

.p-block-end--s > :not(:last-child) {
  padding-block-end: var(--fs--1);
}
@media only screen and (min-width: 40em) {
  .p-block-end--s > :not(:last-child) {
    padding-block-end: var(--fs-0);
  }
}

.p-block-end--xs > :not(:last-child) {
  padding-block-end: var(--fs--1);
}
@media only screen and (min-width: 40em) {
  .p-block-end--xs > :not(:last-child) {
    padding-block-end: var(--fs--2);
  }
}

.mobile-p-block-end--m > div:not(:last-child) {
  padding-block-end: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .mobile-p-block-end--m > div :not(:last-child) {
    padding-block-end: none !important;
  }
}

.content-block-start--xl > :not(:first-child) {
  margin-block-start: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .content-block-start--xl > :not(:first-child) {
    margin-block-start: var(--fs-3);
  }
}

.content-block-start--l > * {
  padding-block-start: var(--fs-0);
}
@media only screen and (min-width: 40em) {
  .content-block-start--l > * {
    padding-block-start: var(--fs-2);
  }
}

.content-block-start--m > * {
  margin-block-start: var(--fs-0);
}
@media only screen and (min-width: 40em) {
  .content-block-start--m > * {
    margin-block-start: var(--fs-1);
  }
}

.content-block-start--s > * {
  margin-block-start: var(--fs-0);
}

.content-block-start--xs > * {
  margin-block-start: var(--fs--1);
}

.mobile-content-block-start--m > *:not(:first-child) {
  margin-block-start: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .mobile-content-block-start--m > * {
    margin-block-start: 0px !important;
  }
}

.mobile-mt--xl {
  margin-top: var(--fs-3);
}
@media only screen and (min-width: 64em) {
  .mobile-mt--xl {
    margin-top: 0px !important;
  }
}

.content-inline-left--m > * {
  padding-left: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .content-inline-left--m > * {
    padding-left: var(--fs-2);
  }
}

.m-auto {
  margin: auto;
}

.mobile-p-m {
  padding: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .mobile-p-m {
    padding: 0 !important;
  }
}

.spacer {
  padding-block: var(--fs-1);
}

.m-top-auto {
  margin-top: auto;
}

.m-block-end--l > *:not(:last-child) {
  margin-block-end: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .m-block-end--l > *:not(:last-child) {
    margin-block-end: var(--fs-2);
  }
}

.grid {
  display: grid;
}

.grid-row {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  align-items: center;
}
.grid-row > * {
  width: 100%;
}

.fluid-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  justify-items: start;
}

.order--last {
  order: 1;
}

.order--mobile-first {
  order: -1;
}
@media only screen and (min-width: 40em) {
  .order--mobile-first {
    order: 0;
  }
}

.fixed-bottom {
  position: fixed;
  left: 0;
  bottom: 0;
}

.full-w {
  grid-column: 1/-1;
}

.span--2 {
  grid-column: auto;
}
@media only screen and (min-width: 40em) {
  .span--2 {
    grid-column: span 2;
  }
}

.line-start-2 {
  grid-column: 2/-1;
}

.items-end {
  align-items: end;
}

.grid-auto-columns {
  grid-auto-columns: auto !important;
}

.grid-center {
  align-items: center;
  justify-items: center;
}

.ai-stretch {
  align-items: stretch !important;
}

.ai-center {
  align-items: center !important;
}

.ac-center {
  flex-wrap: wrap;
  align-content: flex-start;
}
@media only screen and (min-width: 40em) {
  .ac-center {
    flex-wrap: wrap;
    align-content: center;
  }
}

.jc-center {
  flex-wrap: wrap;
  justify-content: center;
}

.ai-end {
  align-items: flex-end;
}

.ai-stretch {
  align-items: stretch !important;
}

.ai-start {
  align-items: flex-start;
}

.self-end {
  align-self: flex-end !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.self-center {
  align-self: center;
  justify-self: center;
}

.ji-center {
  justify-items: center !important;
}

.jc-end {
  justify-content: center;
}
@media only screen and (min-width: 40em) {
  .jc-end {
    justify-content: flex-end !important;
  }
}

.jc-end-large {
  justify-content: center;
}
@media only screen and (min-width: 64em) {
  .jc-end-large {
    justify-content: flex-end !important;
  }
}

.desk-jc-end {
  justify-content: flex-end;
}

.jc-start {
  justify-content: flex-start;
}

.js-start {
  justify-self: center;
}
@media only screen and (min-width: 40em) {
  .js-start {
    justify-self: start !important;
  }
}

.jc-start {
  justify-content: flex-start !important;
}
@media only screen and (min-width: 40em) {
  .jc-start {
    justify-content: inherit;
  }
}

.jc-str {
  justify-content: start !important;
}

.js-end {
  justify-self: center;
}
@media only screen and (min-width: 40em) {
  .js-end {
    justify-self: flex-end;
  }
}

.ji-end {
  justify-items: flex-end;
}

.ji-start {
  justify-items: flex-start;
}

.place-center {
  place-items: center;
}

.align-self-center {
  align-self: center;
}

.justify-self-end {
  justify-self: end;
}

.justify-self-start {
  justify-self: start;
}

.justify-self-center {
  justify-self: center !important;
}

.d-flex {
  display: flex;
}

.flex {
  display: flex;
  flex-direction: column;
  /*  &>*{

     flex: 0 1;
   } */
}
@media only screen and (min-width: 40em) {
  .flex {
    display: flex;
    flex-direction: row;
  }
}

.flex-1 {
  flex: 1;
}

.flex-lg {
  display: flex;
  flex-direction: column;
  /*  &>*{

     flex: 0 1;
   } */
}
@media only screen and (min-width: 64em) {
  .flex-lg {
    display: flex;
    flex-direction: row;
  }
}

.flex-xlg {
  display: flex;
  flex-direction: column;
  /*  &>*{

     flex: 0 1;
   } */
}
@media only screen and (min-width: 80em) {
  .flex-xlg {
    display: flex;
    flex-direction: row;
  }
}

.flex-2 {
  display: flex;
  flex-direction: column-reverse;
  /*  &>*{

     flex: 0 1;
   } */
}
@media only screen and (min-width: 40em) {
  .flex-2 {
    display: flex;
    flex-direction: row;
  }
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.flex-column-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 48em) {
  .flex-column-2 {
    display: grid;
  }
}

.grow-1 {
  flex-grow: 1;
}

.flex-row {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap;
}

.flex-center {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
}

.d-flex-inline {
  display: inline-flex;
}

.ac-center {
  align-content: center !important;
}

.ac-end {
  align-content: flex-end !important;
}

.ac-start {
  align-content: center !important;
}
@media only screen and (min-width: 64em) {
  .ac-start {
    align-content: flex-start !important;
  }
}

.jc-center {
  justify-content: center;
}

.jc-space-between {
  justify-content: space-between !important;
}

.jc-space-evenly {
  justify-content: space-evenly;
}

.jc-space-around {
  justify-content: space-around;
}

.jc-flex-end {
  justify-content: flex-end;
}

.flex-column-row {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 48em) {
  .flex-column-row {
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }
}

.sm-ai-start-end {
  align-items: flex-start;
}
@media only screen and (min-width: 40em) {
  .sm-ai-start-end {
    align-items: flex-end;
  }
}

.sm-end {
  justify-content: center;
}
@media only screen and (min-width: 40em) {
  .sm-end {
    justify-content: flex-end;
  }
}

.s-jc-center {
  justify-content: auto;
}
@media only screen and (min-width: 40em) {
  .s-jc-center {
    justify-content: left;
  }
}

.sm-ji-center {
  justify-items: center;
}
@media only screen and (min-width: 40em) {
  .sm-ji-center {
    justify-items: flex-start;
  }
}

.sm-ai-center {
  align-items: center !important;
}
@media only screen and (min-width: 40em) {
  .sm-ai-center {
    align-items: flex-start;
  }
}

.sm-self-center {
  align-self: center;
}
@media only screen and (min-width: 40em) {
  .sm-self-center {
    align-self: start;
  }
}

.md-self-center {
  align-self: center;
}
@media only screen and (min-width: 64em) {
  .md-self-center {
    align-self: start;
  }
}

.md-jc-center {
  justify-content: center;
}
@media only screen and (min-width: 64em) {
  .md-jc-center {
    justify-content: start;
  }
}

.sm-align-items {
  align-items: center;
}
@media only screen and (min-width: 64em) {
  .sm-align-items {
    align-items: start;
  }
}

.h-full {
  height: 100% !important;
  height: 100vh;
}

.flex-row-column {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 40em) {
  .flex-row-column {
    flex-direction: column;
  }
}

.flex-column-sm {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 40em) {
  .flex-column-sm {
    flex-direction: row;
  }
}

.flex-reverse-sm {
  flex-direction: column-reverse;
}
@media only screen and (min-width: 40em) {
  .flex-reverse-sm {
    flex-direction: row;
  }
}

.grid-column-inverse {
  grid-row: 1/2;
}
@media only screen and (min-width: 64em) {
  .grid-column-inverse {
    grid-row: auto;
  }
}

.grid-column-md {
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
}
@media only screen and (min-width: 48em) {
  .grid-column-md {
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
  }
}
@media only screen and (min-width: 64em) {
  .grid-column-md {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
}

.fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.headline {
  font-size: var(--Headline);
  font-family: "CoreSansRegular", Inter, Roboto;
  font-weight: 600;
  line-height: 1.2;
}

.headline-regular {
  font-size: var(--Headline);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 1.2;
}

.headline-light {
  font-size: var(--Headline);
  line-height: 1.2;
}

.headline-2 {
  font-size: var(--Headline-2);
  font-family: "CoreSansRegular", Inter, Roboto;
  font-weight: 600;
  line-height: 1.2;
}

.headline-regular-2 {
  font-size: var(--Headline-2);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 1.2;
}

.headline-light-2 {
  font-size: var(--Headline-2);
  font-family: "CoreSansLight", Inter, Roboto;
  line-height: 1.2;
}

.headline-3 {
  font-size: var(--Headline-3);
  font-family: "CoreSansRegular", Inter, Roboto;
  font-weight: 600;
  line-height: 1.2;
}

.headline-light-3 {
  font-size: var(--Headline-3);
  font-family: "CoreSansLight", Inter, Roboto;
  line-height: 1.2;
}

.headline-regular-3 {
  font-size: var(--Headline-3);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 1.2;
}

.hero-text {
  font-size: var(--Hero-text);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 1.2;
}

.headline-4 {
  font-size: var(--Headline-4);
  font-family: "CoreSansRegular", Inter, Roboto;
  font-weight: 600;
  line-height: 1.2;
}

.headline-regular-4 {
  font-size: var(--Headline-4);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 1.2;
}

.headline-light-4 {
  font-size: var(--Headline-4);
  font-family: "CoreSansLight", Inter, Roboto;
  line-height: 1.2;
}

.big-headline {
  font-size: var(--fs-7);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 1.2;
}

.underline {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-min-content;
  height: min-content;
  padding: 0;
  position: relative;
  margin-bottom: var(--fs--3);
  color: #27c112;
}
.underline::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: -2px;
  left: 0;
  border-bottom: solid 1px var(--clr-bp-secondary-500);
}

.underline-breb {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-min-content;
  height: min-content;
  padding: 0;
  padding-bottom: var(--fs--3);
  border-bottom: solid 1px #0078ff;
}

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

.body {
  font-family: "CoreSansRegular", Inter, Roboto;
  font-size: var(--body);
  line-height: 1.4;
}

.caption {
  font-family: "CoreSansRegular", Inter, Roboto;
  font-size: var(--caption);
  line-height: 0.6;
  line-height: 1.2;
}

.superscript {
  font-family: "CoreSansRegular", Inter, Roboto;
  font-size: var(--caption);
  line-height: 0.6;
  line-height: 1.2;
  vertical-align: super;
}

.icon-s {
  font-family: "ibp";
  font-size: var(--fs-0);
}

.icon-m {
  font-family: "ibp";
  font-size: var(--fs-1);
}

.icon-l {
  font-family: "ibp";
  font-size: var(--fs-2);
}

.icon-xl {
  font-family: "ibp";
  font-size: var(--fs-3);
}

.icon-xxl {
  font-family: "ibp";
  font-size: var(--fs-4);
}

.icon-xxxl {
  font-family: "ibp";
  font-size: var(--fs-5);
}

.icon-xxxxl {
  font-family: "ibp";
  font-size: var(--fs-6);
}

.icon-xxxxxl {
  font-family: "ibp";
  font-size: var(--fs-7);
}

.fs-xxxs {
  font-size: var(--fs--3);
}

.fs-xxs {
  font-size: var(--fs--2);
}

.fs-xs {
  font-size: var(--fs--1);
}

.fs-s {
  font-size: var(--fs-0);
}

.fs-m {
  font-size: var(--fs-1);
}

.fs-l {
  font-size: var(--fs-2);
}

.fs-xl {
  font-size: var(--fs-3);
}

.fs-xxl {
  font-size: var(--fs-4);
}

.fs-xxxl {
  font-size: var(--fs-5);
}

.fs-xxxxl {
  font-size: var(--fs-6);
}

.fs-xxxxxl {
  font-size: var(--fs-7 !important);
}

.fs-xxxxxxl {
  font-size: var(--fs-8);
}

.fw-bold {
  font-family: "CoreSansRegular", Inter, Roboto !important;
  font-weight: 600;
}

.fw-regular {
  font-family: "CoreSansRegular", Inter, Roboto !important;
  font-weight: 400;
}

.fw-thin {
  font-family: "CoreSansThin", Inter, Roboto;
}

.fw-light {
  font-family: "CoreSansLight", Inter, Roboto;
}

.fw-regular {
  font-family: "CoreSansRegular", Inter, Roboto;
}

.fw-bold {
  font-family: "CoreSansBold", Inter, Roboto;
}

.fw-thin {
  font-family: "CoreSansThin", Inter, Roboto;
}

.fw-light {
  font-family: "CoreSansLight", Inter, Roboto;
}

.fw-regular {
  font-family: "CoreSansRegular", Inter, Roboto;
}

.fw-bold {
  font-family: "CoreSansBold", Inter, Roboto;
}

.fw-thin {
  font-family: "CoreSansThin", Inter, Roboto;
}

.fw-light {
  font-family: "CoreSansLight", Inter, Roboto;
}

.fw-regular {
  font-family: "CoreSansRegular", Inter, Roboto;
}

.fw-bold {
  font-family: "CoreSansBold", Inter, Roboto;
}

.fw-thin {
  font-family: "CoreSansThin", Inter, Roboto;
}

.fw-light {
  font-family: "CoreSansLight", Inter, Roboto;
}

.fw-regular {
  font-family: "CoreSansRegular", Inter, Roboto;
}

.fw-bold {
  font-family: "CoreSansBold", Inter, Roboto;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end;
}

.text-inherit {
  text-align: inherit;
}

.text-initial {
  text-align: initial;
}

.text-justify {
  text-align: justify;
}

.text-left {
  text-align: left;
}

.text-revert {
  text-align: revert;
}

.text-right {
  text-align: right;
}

.text-start {
  text-align: start;
}

.text-unset {
  text-align: unset;
}

.text-center-sm {
  text-align: center;
}
@media only screen and (min-width: 64em) {
  .text-center-sm {
    text-align: left;
  }
}

.text-center-l {
  text-align: left;
}
@media only screen and (min-width: 64em) {
  .text-center-l {
    text-align: center;
  }
}

.text-break {
  word-break: break-word;
}

.l-height {
  line-height: 1.3;
}

.line-height-08 {
  line-height: 0.8;
}

.bp-neutral--white {
  color: #ffffff;
}

.bg-bp-neutral--white {
  background-color: #ffffff !important;
}

.bp-neutral--100 {
  color: #f5f5f5;
}

.bg-bp-neutral--100 {
  background-color: #f5f5f5 !important;
}

.bp-neutral--200 {
  color: #9d9d9d;
}

.bg-bp-neutral--200 {
  background-color: #9d9d9d !important;
}

.bp-neutral--400 {
  color: #7b7b7b;
}

.bg-bp-neutral--400 {
  background-color: #7b7b7b !important;
}

.bp-neutral--600 {
  color: #555555;
}

.bg-bp-neutral--600 {
  background-color: #555555 !important;
}

.bp-neutral--900 {
  color: #000000;
}

.bg-bp-neutral--900 {
  background-color: #000000 !important;
}

.bp-primary--100 {
  color: #cfdce0;
}

.bg-bp-primary--100 {
  background-color: #cfdce0 !important;
}

.bp-primary--300 {
  color: #87a8b1;
}

.bg-bp-primary--300 {
  background-color: #87a8b1 !important;
}

.bp-primary--400 {
  color: #26737f;
}

.bg-bp-primary--400 {
  background-color: #26737f !important;
}

.bp-primary--500 {
  color: #105163;
}

.bg-bp-primary--500 {
  background-color: #105163 !important;
}

.bp-primary--900 {
  color: #0b3642;
}

.bg-bp-primary--900 {
  background-color: #0b3642 !important;
}

.bp-primary-tpt--100 {
  color: rgba(207, 220, 224, 0.5);
}

.bg-bp-primary-tpt--100 {
  background-color: rgba(207, 220, 224, 0.5) !important;
}

.bp-primary-tpt--300 {
  color: rgba(135, 168, 177, 0.5);
}

.bg-bp-primary-tpt--300 {
  background-color: rgba(135, 168, 177, 0.5) !important;
}

.bp-primary-tpt--400 {
  color: rgba(38, 115, 127, 0.5);
}

.bg-bp-primary-tpt--400 {
  background-color: rgba(38, 115, 127, 0.5) !important;
}

.bp-primary-tpt--500 {
  color: rgba(16, 81, 99, 0.5);
}

.bg-bp-primary-tpt--500 {
  background-color: rgba(16, 81, 99, 0.5) !important;
}

.bp-primary-tpt--900 {
  color: rgba(11, 54, 66, 0.5);
}

.bg-bp-primary-tpt--900 {
  background-color: rgba(11, 54, 66, 0.5) !important;
}

.bp-secondary--100 {
  color: #d4f3d0;
}

.bg-bp-secondary--100 {
  background-color: #d4f3d0 !important;
}

.bp-secondary--200 {
  color: #00b800;
}

.bg-bp-secondary--200 {
  background-color: #00b800 !important;
}

.bp-secondary--400 {
  color: #34ef00;
}

.bg-bp-secondary--400 {
  background-color: #34ef00 !important;
}

.bp-secondary--500 {
  color: #27c112;
}

.bg-bp-secondary--500 {
  background-color: #27c112 !important;
}

.bp-secondary--600 {
  color: #279f12;
}

.bg-bp-secondary--600 {
  background-color: #279f12 !important;
}

.bp-secondary--900 {
  color: #21a10f;
}

.bg-bp-secondary--900 {
  background-color: #21a10f !important;
}

.bp-accent--100 {
  color: #feebd7;
}

.bg-bp-accent--100 {
  background-color: #feebd7 !important;
}

.bp-accent--400 {
  color: #fbbc78;
}

.bg-bp-accent--400 {
  background-color: #fbbc78 !important;
}

.bp-accent--500 {
  color: #f99b35;
}

.bg-bp-accent--500 {
  background-color: #f99b35 !important;
}

.bp-accent--900 {
  color: #fe680d;
}

.bg-bp-accent--900 {
  background-color: #fe680d !important;
}

.bp-alerts--100 {
  color: #d4f3d0;
}

.bg-bp-alerts--100 {
  background-color: #d4f3d0 !important;
}

.bp-alerts--500 {
  color: #27c112;
}

.bg-bp-alerts--500 {
  background-color: #27c112 !important;
}

.bp-alerts--300 {
  color: #dbeafd;
}

.bg-bp-alerts--300 {
  background-color: #dbeafd !important;
}

.bp-alerts--400 {
  color: #008cff;
}

.bg-bp-alerts--400 {
  background-color: #008cff !important;
}

.bp-alerts--200 {
  color: #fed7d7;
}

.bg-bp-alerts--200 {
  background-color: #fed7d7 !important;
}

.bp-alerts--600 {
  color: #f64c3c;
}

.bg-bp-alerts--600 {
  background-color: #f64c3c !important;
}

.bp-alerts--900 {
  color: #bd0000;
}

.bg-bp-alerts--900 {
  background-color: #bd0000 !important;
}

.bp-dale--500 {
  color: #030038;
}

.bg-bp-dale--500 {
  background-color: #030038 !important;
}

.bp-dale--300 {
  color: #fa2e49;
}

.bg-bp-dale--300 {
  background-color: #fa2e49 !important;
}

.bp-fifa--100 {
  color: rgb(0, 0, 26);
}

.bg-bp-fifa--100 {
  background-color: rgb(0, 0, 26) !important;
}

.bp-fifa--400 {
  color: rgba(119, 209, 255, 0.6);
}

.bg-bp-fifa--400 {
  background-color: rgba(119, 209, 255, 0.6) !important;
}

.bp-fifa--500 {
  color: #00328c;
}

.bg-bp-fifa--500 {
  background-color: #00328c !important;
}

.bp-breb--100 {
  color: #0606e1;
}

.bg-bp-breb--100 {
  background-color: #0606e1 !important;
}

.bp-breb--150 {
  color: #c6f8e4;
}

.bg-bp-breb--150 {
  background-color: #c6f8e4 !important;
}

.bp-breb--200 {
  color: #00005a;
}

.bg-bp-breb--200 {
  background-color: #00005a !important;
}

.bp-breb--300 {
  color: #00c8ff;
}

.bg-bp-breb--300 {
  background-color: #00c8ff !important;
}

.bp-breb--400 {
  color: #0078ff;
}

.bg-bp-breb--400 {
  background-color: #0078ff !important;
}

.bp-breb--500 {
  color: #5ac5fa;
}

.bg-bp-breb--500 {
  background-color: #5ac5fa !important;
}

.bp-breb--550 {
  color: rgba(90, 197, 250, 0.1215686275);
}

.bg-bp-breb--550 {
  background-color: rgba(90, 197, 250, 0.1215686275) !important;
}

.bp-breb--600 {
  color: #00b140;
}

.bg-bp-breb--600 {
  background-color: #00b140 !important;
}

.bp-breb--650 {
  color: #00ff6d;
}

.bg-bp-breb--650 {
  background-color: #00ff6d !important;
}

.bp-breb--700 {
  color: #00ff2a;
}

.bg-bp-breb--700 {
  background-color: #00ff2a !important;
}

.bp-breb--800 {
  color: #00ce85;
}

.bg-bp-breb--800 {
  background-color: #00ce85 !important;
}

.bp-grad--neutral-500 {
  color: linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}

.bg-bp-grad--neutral-500 {
  background-color: linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%) !important;
}

.bp-grad--primary-500 {
  color: linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}

.bg-bp-grad--primary-500 {
  background-color: linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%) !important;
}

.bp-grad--secondary-500 {
  color: linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}

.bg-bp-grad--secondary-500 {
  background-color: linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%) !important;
}

.bp-grad--fifa-500 {
  color: linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}

.bg-bp-grad--fifa-500 {
  background-color: linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%) !important;
}

.bp-grad--breb-500 {
  color: linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}

.bg-bp-grad--breb-500 {
  background-color: linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%) !important;
}

.bp-grad--aval-500 {
  color: linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}

.bg-bp-grad--aval-500 {
  background-color: linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%) !important;
}

.bp-grad--aval-400 {
  color: linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.bg-bp-grad--aval-400 {
  background-color: linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%) !important;
}

.bg-gradient-fifa {
  background-image: linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}

.bg-grd--cdt-ganador {
  /* background-image: linear-gradient(90deg, #e7ec93 10%, #79a444 40%, #3d6d3d 40%); */
  background-image: linear-gradient(to right, #e7ec93, #79a444, #3d6d3d);
}

.bg-grd--primary-500-h {
  background-image: linear-gradient(to top, #008500, #049105, #089e0c, #0daa13, #11b719);
}

.bg-grd--primary-500-v {
  background-image: linear-gradient(to top, #008500, #049105, #089e0c, #0daa13, #11b719);
}

.bg-grd--primary-500-h {
  background-image: linear-gradient(to right, #008500, #049105, #089e0c, #0daa13, #11b719);
}

.bg-grd--primary-700 {
  background-image: linear-gradient(90deg, #007731 23.38%, #009a48 98.05%);
}

.bg-grd--accent-100 {
  background-image: linear-gradient(90deg, #fc7121 23.38%, #ffa025 98.05%);
}

.bg-grd--tc-cero {
  background-image: linear-gradient(to right, #0fc4a3, #00a497, #008485, #18656c, #234850);
}

.bg-grd--tc-cero-v {
  background-image: linear-gradient(to top, #1c6d68, #168278, #0e9888, #08ae96, #0fc4a3);
}

.bg-grd--tc-interest {
  background-image: linear-gradient(to left top, hsl(159, 100%, 83%), hsl(180, 100%, 85%), hsl(183, 100%, 91%), hsl(193, 100%, 97%), hsl(0, 0%, 100%));
}

.bg-grd--visa {
  background-image: linear-gradient(135deg, #fff 32.29%, #beffb9 100%);
  background-blend-mode: multiply;
}

.bg-grd--tc-tradicional-v {
  background-image: linear-gradient(to top, #9dccc1, #c4e3dc, #d7f4e4);
}

.bg-grd--tc-tradicional-b {
  background-image: linear-gradient(to top, rgb(234, 234, 234), white);
  z-index: -2;
}

.bg-grd--tc-dale {
  background-image: linear-gradient(to right, rgb(234, 234, 234), white);
}

.bg-grd--tc-copa-banner {
  background: linear-gradient(160deg, #0631a4 0%, #0064e0 40%, #035ed9 100%);
}

.bg-grd-copa-banner {
  background-color: #eefcff;
}

.bg-grd--tc-copa-v {
  background: linear-gradient(198deg, #036fd4 0%, #03adff 100%);
}

.bg-grd--tc-copa-star-seccion {
  background: linear-gradient(180deg, #004494 0%, #04a4f9 100%);
}

.bg-grd--ahorro {
  background-image: linear-gradient(90deg, hsl(83, 67%, 33%) 0%, hsl(81, 68%, 35%) 11%, hsl(78, 69%, 35%) 22%, hsl(76, 70%, 37%) 33%, hsl(74, 70%, 38%) 45%, hsl(71, 71%, 39%) 56%, hsl(69, 73%, 40%) 68%, hsl(67, 73%, 41%) 79%, hsl(64, 74%, 43%) 90%, hsl(62, 75%, 44%) 100%);
}

.bg-grd--ahorro-2 {
  background-image: linear-gradient(45deg, hsl(116, 100%, 86%) 0%, hsl(115, 100%, 88%) 11%, hsl(115, 100%, 89%) 22%, hsl(114, 100%, 91%) 33%, hsl(114, 100%, 92%) 44%, hsl(113, 100%, 94%) 56%, hsl(113, 100%, 95%) 67%, hsl(113, 100%, 97%) 78%, hsl(112, 100%, 98%) 89%, hsl(0, 0%, 100%) 100%);
  background-blend-mode: multiply;
}

.bg-gmo-color {
  background-color: #f2e1cf;
}

.bg-grd--bre-b {
  background-image: linear-gradient(to right bottom, #0078ff, #1858d3, #183aa9, #0f1d81, #00005a);
}

.bg-bp-transparent {
  background-color: transparent !important;
  box-shadow: none !important;
}

.md-width {
  width: 80%;
}

.stacked {
  display: grid;
}
.stacked > * {
  grid-column: 1/-1;
  grid-row: 1/2;
}

.stacked-slide {
  grid-column: 1/2;
  grid-row: 1/2;
}

.stacked-md {
  display: grid;
}
.stacked-md > * {
  grid-column: 1/-1;
  width: 100%;
}
@media only screen and (min-width: 48em) {
  .stacked-md > * {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
}

.featured {
  grid-row: span 2;
  grid-column: span 2;
}

.fit-content {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.fixed--b {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 8;
}

.hidden {
  display: none !important;
  visibility: hidden !important;
  transition: all 0.3s ease-in-out;
}

.show-less {
  display: none !important;
}

.show-more {
  display: flex !important;
}

.hideContainer {
  display: none;
}

.mobile-hidden {
  display: none !important;
}
@media only screen and (min-width: 40em) {
  .mobile-hidden {
    display: grid !important;
  }
}

.tablet-hidden {
  display: grid !important;
}
@media only screen and (min-width: 40em) {
  .tablet-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 48em) {
  .tablet-hidden {
    display: none !important;
  }
}
@media only screen and (min-width: 64em) {
  .tablet-hidden {
    display: none !important;
  }
}

.desktop-hidden {
  display: grid !important;
}
@media only screen and (min-width: 48em) {
  .desktop-hidden {
    display: none !important;
  }
}

.laptop-mobile-hidden {
  display: none;
}
@media only screen and (min-width: 48em) {
  .laptop-mobile-hidden {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  .laptop-mobile-hidden {
    display: grid;
  }
}

.mobile-laptop-show {
  display: grid;
}
@media only screen and (min-width: 48em) {
  .mobile-laptop-show {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  .mobile-laptop-show {
    display: grid;
  }
}

.mobile-tablet-hidden {
  display: none;
}
@media only screen and (min-width: 48em) {
  .mobile-tablet-hidden {
    display: none;
  }
}
@media only screen and (min-width: 64em) {
  .mobile-tablet-hidden {
    display: grid;
  }
}

.opacity-06 {
  opacity: 0.6;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-relative {
  position: relative;
}

.position-absolute {
  width: 100%;
  position: absolute;
  left: 0;
}

.absolute-app {
  position: absolute;
  z-index: -1;
  top: 72%;
}
@media only screen and (min-width: 40em) {
  .absolute-app {
    position: absolute;
    z-index: -1;
    top: 56%;
  }
}

.m-top-40 {
  top: 40%;
}

.z-10 {
  z-index: 10;
}

.z-2 {
  z-index: 2;
}

.scroll-x {
  width: 100vw;
  justify-content: flex-start;
  overflow-x: scroll;
  scroll-behavior: smooth;
  padding: 24px;
}
@media only screen and (min-width: 40em) {
  .scroll-x {
    width: 100%;
    justify-content: center;
    overflow-x: hidden;
  }
}

.block {
  display: none !important;
}
@media only screen and (min-width: 64em) {
  .block {
    display: flex !important;
  }
}

.shadow-none {
  box-shadow: 0 0 rgba(0, 0, 0, 0) !important;
}
@media only screen and (min-width: 64em) {
  .shadow-none {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078) !important;
  }
}

.simulator__container iframe {
  height: 700px;
}

@media (min-width: 20em) {
  .img-xxxs-xxx-small {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-xxs-xxx-small {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-xs-xxx-small {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-s-xxx-small {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-m-xxx-small {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-l-xxx-small {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-xl-xxx-small {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 20em) {
  .img-xxl-xxx-small {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-xxxs-xx-small {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-xxs-xx-small {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-xs-xx-small {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-s-xx-small {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-m-xx-small {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-l-xx-small {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-xl-xx-small {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 23.4375em) {
  .img-xxl-xx-small {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-xxxs-x-small {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-xxs-x-small {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-xs-x-small {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-s-x-small {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-m-x-small {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-l-x-small {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-xl-x-small {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 26.5625em) {
  .img-xxl-x-small {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-xxxs-small {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-xxs-small {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-xs-small {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-s-small {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-m-small {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-l-small {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-xl-small {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 40em) {
  .img-xxl-small {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-xxxs-medium {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-xxs-medium {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-xs-medium {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-s-medium {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-m-medium {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-l-medium {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-xl-medium {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 48em) {
  .img-xxl-medium {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-xxxs-medium-2 {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-xxs-medium-2 {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-xs-medium-2 {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-s-medium-2 {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-m-medium-2 {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-l-medium-2 {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-xl-medium-2 {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 60em) {
  .img-xxl-medium-2 {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-xxxs-x-medium {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-xxs-x-medium {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-xs-x-medium {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-s-x-medium {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-m-x-medium {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-l-x-medium {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-xl-x-medium {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 72em) {
  .img-xxl-x-medium {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-xxxs-large {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-xxs-large {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-xs-large {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-s-large {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-m-large {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-l-large {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-xl-large {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 64em) {
  .img-xxl-large {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-xxxs-x-large {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-xxs-x-large {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-xs-x-large {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-s-x-large {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-m-x-large {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-l-x-large {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-xl-x-large {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 80em) {
  .img-xxl-x-large {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-xxxs-xx-large {
    width: 3.5rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-xxs-xx-large {
    width: 8rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-xs-xx-large {
    width: 12rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-s-xx-large {
    width: 16rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-m-xx-large {
    width: 24rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-l-xx-large {
    width: 32rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-xl-xx-large {
    width: 40rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

@media (min-width: 100em) {
  .img-xxl-xx-large {
    width: 56rem !important;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.img-xxxs {
  width: 100%;
}
.img-xxxs img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-xxxs {
    width: max(3.5rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-xxxs[data-img=default].img-xxxs {
    width: 3.5rem;
  }
}

.img-xxs {
  width: 100%;
}
.img-xxs img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-xxs {
    width: max(8rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-xxs[data-img=default].img-xxs {
    width: 8rem;
  }
}

.img-xs {
  width: 100%;
}
.img-xs img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-xs {
    width: max(12rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-xs[data-img=default].img-xs {
    width: 12rem;
  }
}

.img-s {
  width: 100%;
}
.img-s img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-s {
    width: max(16rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-s[data-img=default].img-s {
    width: 16rem;
  }
}

.img-m {
  width: 100%;
}
.img-m img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-m {
    width: max(24rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-m[data-img=default].img-m {
    width: 24rem;
  }
}

.img-l {
  width: 100%;
}
.img-l img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-l {
    width: max(32rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-l[data-img=default].img-l {
    width: 32rem;
  }
}

.img-xl {
  width: 100%;
}
.img-xl img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-xl {
    width: max(40rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-xl[data-img=default].img-xl {
    width: 40rem;
  }
}

.img-xxl {
  width: 100%;
}
.img-xxl img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (min-width: 40em) {
  .img-xxl {
    width: max(56rem, 50%);
  }
}
@media only screen and (min-width: 40em) {
  .img-xxl[data-img=default].img-xxl {
    width: 56rem;
  }
}

.img-rounded-l {
  border-radius: var(--fs-2);
}

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

.resize-img {
  width: 35% !important;
}
@media only screen and (min-width: 48em) {
  .resize-img {
    width: 100%;
  }
}

.img-small {
  width: 48% !important;
}
@media only screen and (min-width: 40em) {
  .img-small {
    max-width: 8.5rem;
  }
}

.img-small-sm {
  width: 48%;
  height: auto;
}
@media only screen and (min-width: 40em) {
  .img-small-sm {
    width: 60%;
  }
}

.img-xs {
  width: 7rem;
  height: auto;
}

.opacity-30 {
  opacity: 30%;
}

.ath-head {
  grid-column: 1/-1;
  width: 100% !important;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--fs-5);
  padding-block: var(--fs-0);
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  background-color: #105163;
}
.ath-head--white {
  background-color: #ffffff;
}

.bp-logo {
  width: 16rem;
}

.ally-card {
  width: 100%;
  position: relative;
  display: grid;
  background-color: #ffffff;
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ally-card__head {
  display: grid;
}
.ally-card__head > * {
  grid-column: 1/-1;
  grid-row: 1/2;
}
.ally-card__logo {
  z-index: 4;
  align-self: center;
  justify-self: self-start;
  margin-left: var(--fs-0);
}
.ally-card__img {
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
.ally-card__img img {
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
}
.ally-card__highlighted {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  background-color: #ffffff;
  border-bottom: solid 1px hsl(0, 0%, 96%);
}
.ally-card__discount {
  width: 40%;
  color: #ffffff;
  background-color: #27c112;
  padding: var(--fs--2);
}
.ally-card__discount h4 {
  font-size: var(--fs-1);
}
.ally-card__product {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  padding-block: var(--fs--4);
}
.ally-card__content {
  height: 12rem;
  padding: var(--fs-0);
}
.ally-card__content > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
.ally-card__content h4 {
  color: #105163;
}
.ally-card__cta {
  align-self: self-end;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0;
  justify-content: space-between;
  padding-left: var(--fs--1);
}
@media only screen and (min-width: 80em) {
  .ally-card__discount h4 {
    font-size: var(--fs-2);
  }
  .ally-card__product {
    padding: var(--fs--2);
  }
}

.link {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  color: #105163;
}
.link__icon {
  font-family: "ibp";
  font-size: var(--fs-2);
  color: #27c112;
}
.link:hover {
  -webkit-text-decoration: underline orangered;
          text-decoration: underline orangered;
  color: #f99b35;
}
.link:hover > * {
  color: #f99b35;
}

.text-link {
  width: -moz-fit-content;
  width: fit-content;
  font-size: inherit;
  font-weight: inherit;
  cursor: pointer;
  font-family: "CoreSansBold", Inter, Roboto;
}
.text-link:link, .text-link:visited, .text-link:focus-visible {
  color: #f99b35;
}
.text-link:hover {
  color: #f99b35;
}
.text-link[data-color=full-accent] {
  color: #f99b35;
  text-decoration: underline;
}
.text-link[data-color=full-accent]:link, .text-link[data-color=full-accent]:visited, .text-link[data-color=full-accent]:focus-visible {
  color: #f99b35;
}
.text-link[data-color=full-accent]:hover {
  color: #f99b35;
}
.text-link[data-color=primary] {
  color: #105163;
  text-decoration: underline;
}
.text-link[data-color=primary]:link, .text-link[data-color=primary]:visited, .text-link[data-color=primary]:focus-visible {
  color: #105163;
}
.text-link[data-color=primary]:hover {
  color: #105163;
}
.text-link[data-color=secondary] {
  color: #27c112;
  text-decoration: underline;
}
.text-link[data-color=secondary]:link, .text-link[data-color=secondary]:visited, .text-link[data-color=secondary]:focus-visible {
  color: #27c112;
}
.text-link[data-color=secondary]:hover {
  color: #27c112;
}

.btn-darkmode {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-min-content;
  height: min-content;
  cursor: pointer;
}
.btn-darkmode:hover, .btn-darkmode:focus, .btn-darkmode:visited {
  color: #105163;
}
.bp-list {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: auto;
}
.bp-list li {
  padding: initial !important;
  line-height: 1.28;
  margin-left: 1.4rem;
  list-style-position: outside;
  font-size: inherit;
}
.bp-list li::before {
  display: inline-block;
  font-family: "ibp";
  color: currentColor;
  font-size: var(--fs-0);
  width: 1.4rem;
  margin-left: -1.5rem;
}
.bp-list li:has(> b:first-child)::before {
  content: "\e04f" " ";
  width: 1.35rem !important;
}
.bp-list > *:not(:last-child) {
  margin-block-end: var(--fs--2);
}
.bp-list[data-list=auto] {
  list-style: auto;
}
.bp-list[data-list=number-primary-bold-auto] {
  list-style: decimal;
}
.bp-list[data-list=number-primary-bold-auto] li::before {
  content: "" "" !important;
}
.bp-list[data-list=number-primary-bold-auto] li::marker {
  color: #27c112;
  font-weight: bold;
}
.bp-list[data-list=primary-500] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=primary-500] li::before {
  color: #27c112;
  content: "\e053" " ";
  font-size: var(--fs--1);
}
.bp-list[data-list=extend-500] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=extend-500] li::before {
  color: #27c112;
  content: "\e053" " ";
}
.bp-list[data-list=accent-500] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=accent-500] li::before {
  color: #f99b35;
  content: "\e053" " ";
}
.bp-list[data-list=accent-300] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=accent-300] li::before {
  content: "\e053" " ";
}
.bp-list[data-list=bp-secondary-500] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=bp-secondary-500] li::before {
  color: #27c112;
  content: "\e053" " ";
}
.bp-list[data-list=inner-list] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=inner-list] li::before {
  color: #27c112;
  font-size: var(--fs--1);
  content: "\e04f" " ";
  font-weight: bold;
}
.bp-list[data-list=inner-list] ul.bp-list--inner-list {
  padding-left: var(--fs-2);
  list-style: none;
}
.bp-list[data-list=inner-list] ul.bp-list--inner-list li {
  line-height: 1.28;
  margin-left: 1.4rem;
  list-style-position: outside;
  font-size: inherit;
}
.bp-list[data-list=inner-list] ul.bp-list--inner-list li::before {
  display: inline-block;
  font-family: "ibp";
  content: "\e053" " ";
  color: #27c112;
  font-size: var(--fs-0);
  width: 1.4rem;
  margin-left: -1.5rem;
}
.bp-list[data-list=terms] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=terms] li::before {
  color: #27c112;
  content: "\e053" " ";
}
.bp-list[data-list=terms-accent] {
  font-size: var(--fs-0);
  list-style: none;
}
.bp-list[data-list=terms-accent] li::before {
  color: #f99b35;
  content: "\e053" " ";
}
.bp-list[data-list=check-primary-bold] {
  list-style: none;
}
.bp-list[data-list=check-primary-bold] li::before {
  color: #27c112;
  font-size: var(--fs--1);
  content: "\e04f" " ";
  font-weight: bold;
}
.bp-list[data-list=check-primary-bold-2] {
  list-style: none;
}
.bp-list[data-list=check-primary-bold-2] li::before {
  color: #34ef00;
  font-size: var(--fs--1);
  content: "\e04f" " ";
  font-weight: bold;
}
.bp-list[data-list=check-breb] {
  list-style: none;
}
.bp-list[data-list=check-breb] li::before {
  color: #0606e1;
  font-size: var(--fs--1);
  content: "\e04f" " ";
  font-weight: bold;
}
.bp-list[data-color=check-breb-color-800] {
  list-style: none;
}
.bp-list[data-color=check-breb-color-800] li::before {
  color: #00ce85 !important;
  width: 1.3rem !important;
  content: "\e04f" " ";
  font-weight: bold;
}
.bp-list[data-color=white] {
  list-style: none;
}
.bp-list[data-color=white] li::before {
  color: #ffffff !important;
  width: 1.3rem !important;
  content: "\e04f" " ";
  font-weight: bold;
}
.bp-list[data-list=menu] {
  list-style: none;
  width: 100%;
  justify-content: start;
  overflow-x: scroll;
}
.bp-list[data-list=menu] a {
  display: inline-block;
  padding-bottom: 4px;
  border-bottom: 4px solid transparent;
  text-decoration: none;
}
.bp-list[data-list=menu] a:hover {
  color: #27c112;
  font-weight: bold;
  border-bottom-color: var(--bp-secondary-500);
  /* Solo cambiamos el color */
}
.bp-list[data-list=menu] > *:not(:last-child) {
  margin-block-end: var(--fs--6);
}
@media (min-width: 800px) {
  .bp-list[data-list=menu] {
    justify-content: center;
    overflow-x: hidden;
  }
}
@media (min-width: 1200px) {
  .bp-list[data-list=menu] {
    justify-content: flex-end;
    overflow-x: hidden;
  }
}

.bp-list--dots {
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.5;
}

.bp-icons-list > * {
  margin-block-start: var(--fs--2);
}
.bp-icons-list__link {
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
}
.bp-icons-list__link i {
  font-family: "ibp";
  font-size: var(--fs-3);
}

.table-wrapper {
  width: 100%;
  grid-column: 1/-1;
  width: 100%;
  grid-column: 1/-1;
}

.bp-table {
  width: 100%;
  margin-inline: auto;
  border-collapse: collapse;
  width: 100%;
  margin-inline: auto;
  border-collapse: collapse;
  border-radius: 8px;
  border-radius: 8px;
  background-color: #f5f5f5;
  box-shadow: 0px 0px 4px 4px rgba(209, 209, 209, 0.44);
  box-shadow: 0px 0px 4px 4px rgba(209, 209, 209, 0.44);
  -webkit-box-shadow: 0px 8px 4px 0px rgba(209, 209, 209, 0.44);
}
.bp-table__caption {
  padding-block: 2rem;
  padding-inline: 1rem;
  text-align: center;
  font-family: "CoreSansBold";
  font-size: var(--fs-0);
}
.bp-table__caption__caption {
  padding-block: 2rem;
  padding-inline: 1rem;
  text-align: center;
  font-family: "CoreSansBold";
  font-size: var(--fs-0);
}
.bp-table__caption__caption b {
  color: #105163;
}
.bp-table__caption b {
  color: #105163;
}
.bp-table__th {
  padding: 0.5rem;
  display: none;
  color: white;
  text-align: left;
  color: #ffffff;
  padding: var(--fs--2);
  font-size: var(--fs--1);
}
.bp-table__th {
  padding: 0.5rem;
  display: none;
  color: white;
  text-align: left;
  color: #ffffff;
  padding: var(--fs--2);
  font-size: var(--fs--1);
}
.bp-table__td {
  display: grid;
  grid-template-columns: 12ch auto;
  gap: 0.5rem;
  padding-block: var(--fs--3);
  padding-left: var(--fs-0);
  padding-left: var(--fs--4);
  font-size: var(--fs--1);
}
.bp-table__td hr {
  display: none;
}
.bp-table__td {
  display: grid;
  grid-template-columns: 12ch auto;
  gap: 0.5rem;
  padding-block: var(--fs--3);
  padding-left: var(--fs-0);
  padding-left: var(--fs--4);
  font-size: var(--fs--1);
}
.bp-table__td hr {
  display: none;
}
.bp-table__td::before {
  content: attr(data-cell) ": ";
  font-weight: 700;
  text-transform: capitalize;
  word-break: break-word !important;
}
.bp-table__td::before__td::before {
  content: attr(data-cell) ": ";
  font-weight: 700;
  text-transform: capitalize;
  word-break: break-word !important;
}
.bp-table__td::before__td::before hr {
  display: none;
}
.bp-table__td::before hr {
  display: none;
}
.bp-table__td:first-child {
  padding-top: 2rem;
}
.bp-table__td:first-child {
  padding-top: 2rem;
}
@media only screen and (min-width: 40em) {
  .bp-table {
    width: 100%;
    margin-inline: auto;
    border-collapse: collapse;
  }
}
@media only screen and (min-width: 40em) and (min-width: 40em) {
  .bp-table {
    width: 100%;
    margin-inline: auto;
    border-collapse: collapse;
  }
  .bp-table__caption {
    text-align: center;
    font-size: 24px;
  }
  .bp-table__caption__caption {
    text-align: center;
    font-size: 24px;
  }
  .bp-table__caption__caption b {
    color: #105163;
  }
  .bp-table__caption b {
    color: #105163;
  }
  .bp-table__th {
    padding-block: var(--fs--2);
    padding-inline: var(--fs--4);
  }
  .bp-table__th {
    padding-block: var(--fs--2);
    padding-inline: var(--fs--4);
  }
  .bp-table__th {
    display: table-cell;
    color: white;
    background-color: #105163;
  }
  .bp-table__th__th {
    display: table-cell;
    color: white;
    background-color: #105163;
  }
  .bp-table__th__th hr {
    display: block;
  }
  .bp-table__th hr {
    display: block;
  }
  .bp-table__th:first-child {
    border-radius: 8px 0px 0px 0px;
  }
  .bp-table__th:first-child {
    border-radius: 8px 0px 0px 0px;
  }
  .bp-table__th:last-child {
    border-radius: 0px 8px 0px 0px;
  }
  .bp-table__th:last-child {
    border-radius: 0px 8px 0px 0px;
  }
  .bp-table__td {
    display: table-cell;
    padding-block: var(--fs-0);
    padding-left: var(--fs--4);
  }
  .bp-table__td__td {
    display: table-cell;
    padding-block: var(--fs-0);
    padding-left: var(--fs--4);
    font-size: var(--fs--1);
    font-size: var(--fs--1);
  }
  .bp-table__td__td hr {
    display: block;
  }
  .bp-table__td hr {
    display: block;
  }
  .bp-table__td::before {
    content: "";
  }
  .bp-table__td::before__td::before {
    content: "";
  }
  .bp-table__td::before__td::before hr {
    display: block;
  }
  .bp-table__td::before hr {
    display: block;
  }
  .bp-table__td:first-child {
    padding-top: 16px;
  }
}
@media only screen and (min-width: 40em) {
  .bp-table__td:first-child {
    padding-top: 16px;
  }
}

.bp-table-2 {
  width: 100%;
  margin-inline: auto;
  border-collapse: collapse;
  width: 100%;
  margin-inline: auto;
  border-collapse: collapse;
}
.bp-table-2__caption {
  padding-block: 2rem;
  padding-inline: 1rem;
  text-align: center;
  font-family: "CoreSansBold";
  font-size: var(--fs-0);
}
.bp-table-2__caption__caption {
  padding-block: 2rem;
  padding-inline: 1rem;
  text-align: center;
  font-family: "CoreSansBold";
  font-size: var(--fs-0);
}
.bp-table-2__caption__caption b {
  color: #105163;
}
.bp-table-2__caption b {
  color: #105163;
}
.bp-table-2__th {
  padding: 0.5rem;
  display: none;
  color: white;
  text-align: left;
  font-size: var(--fs-0);
}
.bp-table-2__th {
  padding: 0.5rem;
  display: none;
  color: white;
  text-align: left;
  font-size: var(--fs-0);
}
.bp-table-2__td {
  /* display: grid; */
  display: flex;
  /* grid-template-columns: 12ch auto; */
  gap: 0.5rem;
  padding-block: var(--fs--3);
  padding-left: var(--fs--4);
  font-size: var(--fs-0);
}
.bp-table-2__td__td {
  /* display: grid; */
  display: flex;
  /* grid-template-columns: 12ch auto; */
  gap: 0.5rem;
  padding-block: var(--fs--3);
  padding-left: var(--fs--4);
  font-size: var(--fs-0);
}
.bp-table-2__td__td hr {
  display: none;
}
.bp-table-2__td hr {
  display: none;
}
.bp-table-2 {
  /* &__td::before {
  /* &__td::before {

         content: attr(data-cell) ': ';
         font-weight: 700;
         text-transform: capitalize;

         hr {
             display: none;
         }
     }

     &__td:first-child {

         padding-top: 2rem;
     } */
}
.bp-table-2 .number-space {
  display: none;
}
.bp-table-2 .number-space {
  display: none;
}
@media only screen and (min-width: 40em) {
  .bp-table-2 {
    width: 100%;
    margin-inline: auto;
    border-collapse: collapse;
  }
}
@media only screen and (min-width: 40em) and (min-width: 40em) {
  .bp-table-2 {
    width: 100%;
    margin-inline: auto;
    border-collapse: collapse;
  }
  .bp-table-2__caption {
    text-align: center;
  }
  .bp-table-2__caption__caption {
    text-align: center;
    font-size: 24px;
  }
  .bp-table-2__caption {
    font-size: 24px;
  }
  .bp-table-2__th, .bp-table-2__td {
    padding: var(--fs--3);
  }
  .bp-table-2__th, .bp-table-2__td {
    padding: var(--fs--3);
  }
  .bp-table-2__th {
    /* display: table-cell; */
  }
  .bp-table-2__th__th {
    /* display: table-cell; */
  }
  .bp-table-2__th__th hr {
    display: block;
  }
  .bp-table-2__th hr {
    display: block;
  }
  .bp-table-2__th:first-child {
    border-radius: 8px 0px 0px 0px;
  }
  .bp-table-2__th:first-child {
    border-radius: 8px 0px 0px 0px;
  }
  .bp-table-2__th:last-child {
    border-radius: 0px 8px 0px 0px;
  }
  .bp-table-2__th:last-child {
    border-radius: 0px 8px 0px 0px;
  }
  .bp-table-2__td {
    /* display: table-cell; */
    padding-block: var(--fs--1);
    padding-inline: var(--fs-0);
  }
  .bp-table-2__td__td {
    /* display: table-cell; */
    padding-block: var(--fs--1);
    padding-inline: var(--fs-0);
  }
  .bp-table-2__td__td hr {
    display: block;
  }
  .bp-table-2__td hr {
    display: block;
  }
  .bp-table-2__td::before {
    content: "";
  }
  .bp-table-2__td::before__td::before {
    content: "";
  }
  .bp-table-2__td::before__td::before hr {
    display: block;
  }
  .bp-table-2__td::before hr {
    display: block;
  }
  .bp-table-2__td:first-child {
    padding-top: 16px;
  }
  .bp-table-2__td:first-child {
    padding-top: 16px;
  }
  .bp-table-2 .number-space {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
  }
}
@media only screen and (min-width: 40em) {
  .bp-table-2 .number-space {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
  }
}

.bp-table--col-1 th {
  border-radius: 8px 8px 0px 0px !important;
  border-radius: 8px 8px 0px 0px !important;
}

.bp_table__row-highlight {
  background-color: #ffffff;
  background-color: #ffffff;
}

.bp-wrap-tabs {
  grid-column: 2/-2;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: grid;
  grid-template-columns: subgrid;
  padding: var(--fs-1);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.bp-wrap-tabs--md {
  width: 0%;
}

.ath-owl-container {
  width: 100%;
  display: grid !important;
  position: relative;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  display: none !important;
}
.owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 5px;
  padding: 8px 8px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: var(--clr-bp-secondary-500);
  color: #fff;
  text-decoration: none;
}
.owl-theme .owl-nav .disabled {
  opacity: 0;
  cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
  font-size: 40px;
  margin: 0 !important;
  right: 2rem;
}
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 2rem;
  height: 10px;
  margin: 5px 7px;
  background: #d6d6d6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity 200ms ease;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--clr-bp-secondary-500);
}

/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  background: none;
  color: inherit;
  border: none;
  font: inherit;
  font-size: 40px;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item {
  /**
  	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
  	calculation of the height of the owl-item that breaks page layouts
   */
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
  max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.custom-navigation {
  width: -moz-fit-content;
  width: fit-content;
  grid-column: 2/4;
  grid-row: 8/9;
  z-index: 4;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding-bottom: var(--fs-0);
  background: transparent;
}
@media only screen and (min-width: 48em) {
  .custom-navigation {
    grid-column: 5/7;
    justify-content: flex-start;
    margin-left: var(--fs-5);
  }
}
@media only screen and (min-width: 64em) {
  .custom-navigation {
    grid-column: 7/9;
    justify-content: center;
    padding-inline: var(--fs--3);
  }
}

.custom-navigation .owl-prev-home,
.custom-navigation .owl-next-home {
  width: 1.8rem;
  height: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
  color: #555555;
}
.custom-navigation .owl-prev-home i,
.custom-navigation .owl-next-home i {
  font-family: "ibp";
  font-size: var(--fs-3);
}
.custom-navigation .owl-prev-home:hover,
.custom-navigation .owl-prev-home :focus,
.custom-navigation .owl-prev-home :active,
.custom-navigation .owl-next-home:hover,
.custom-navigation .owl-next-home :focus,
.custom-navigation .owl-next-home :active {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
}
.custom-navigation .owl-prev-home:hover i,
.custom-navigation .owl-prev-home :focus i,
.custom-navigation .owl-prev-home :active i,
.custom-navigation .owl-next-home:hover i,
.custom-navigation .owl-next-home :focus i,
.custom-navigation .owl-next-home :active i {
  color: #ffffff;
}

.owl-theme .owl-dots {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  bottom: 0.5rem;
  right: 10rem;
  z-index: 10;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-items: center;
  background-color: transparent;
}
@media only screen and (min-width: 48em) {
  .owl-theme .owl-dots {
    right: 4rem;
    bottom: 1.5rem;
    display: flex;
  }
}
@media only screen and (min-width: 64em) {
  .owl-theme .owl-dots {
    bottom: 1.5rem;
    right: 6rem;
  }
}

.owl-theme .owl-dots .owl-dot span {
  cursor: pointer;
  display: block;
  width: 1.5rem;
  height: 0.3rem;
}

.button-accessibility {
  width: 100%;
  grid-column: 4/-2;
  grid-row: 8/9;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding-bottom: var(--fs--1);
  background: transparent;
}
@media only screen and (min-width: 48em) {
  .button-accessibility {
    grid-column: 2/3;
    padding-inline: var(--fs--3);
  }
}
@media only screen and (min-width: 64em) {
  .button-accessibility {
    grid-column: 2/3;
    padding-inline: var(--fs--3);
  }
}

#play,
#stop {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
#play i,
#stop i {
  font-family: "ibp";
  font-size: var(--fs-1);
}
#play:hover,
#play :focus,
#play :active,
#stop:hover,
#stop :focus,
#stop :active {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
}
#play:hover i,
#play :focus i,
#play :active i,
#stop:hover i,
#stop :focus i,
#stop :active i {
  color: #ffffff;
}

.video-slider .owl-nav button.owl-prev,
.video-slider .owl-nav button.owl-next {
  cursor: pointer;
  padding: var(--fs--3);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
  background-color: #ffffff;
}
.video-slider .owl-nav button.owl-prev i,
.video-slider .owl-nav button.owl-next i {
  font-family: "ibp";
  font-size: var(--fs-3);
}

.video-slider .owl-nav .owl-prev {
  position: absolute;
  top: 16%;
  left: -32px;
  width: -moz-min-content;
  width: min-content;
}
@media only screen and (min-width: 40em) {
  .video-slider .owl-nav .owl-prev {
    top: 40%;
  }
}
.video-slider .owl-nav .owl-prev:hover {
  background-color: #105163;
  color: #ffffff;
}

.video-slider .owl-nav .owl-next {
  position: absolute;
  top: 16%;
  right: -32px;
  width: -moz-min-content;
  width: min-content;
}
@media only screen and (min-width: 40em) {
  .video-slider .owl-nav .owl-next {
    top: 40%;
  }
}
.video-slider .owl-nav .owl-next:hover {
  background-color: #105163;
  color: #ffffff;
}

.video-slider .owl-dots {
  position: absolute;
  width: -moz-max-content;
  width: max-content;
  left: 0;
  bottom: -4rem;
  z-index: 10;
  display: flex;
  gap: 4px;
  -moz-gap: 4px;
}

.ath-grid-slider {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  position: relative;
  display: grid;
  grid-template-columns: 0.5fr repeat(4, minmax(min-content, 1fr)) 0.5fr;
  grid-template-rows: repeat(8, auto);
}
@media only screen and (min-width: 48em) {
  .ath-grid-slider {
    grid-template-columns: 0.5fr repeat(8, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 64em) {
  .ath-grid-slider {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
}
@media only screen and (min-width: 80em) {
  .ath-grid-slider {
    grid-template-columns: 1.5fr repeat(12, minmax(min-content, 1fr)) 1.5fr;
  }
}
@media only screen and (min-width: 100em) {
  .ath-grid-slider {
    grid-template-columns: 2.5fr repeat(12, minmax(min-content, 1fr)) 2.5fr;
  }
}

.ath-main-slider {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  grid-row: 1/9;
}
.ath-main-slider__item {
  width: 100%;
  height: 32rem;
  display: grid;
  grid-template-columns: 0.5fr repeat(4, 1fr) 0.5fr;
  grid-template-rows: repeat(8, auto);
  padding: var(--fs-1);
}
.ath-main-slider__item__img {
  width: 100%;
  height: 100%;
  grid-column: 2/-2;
  grid-row: 1/2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
}
.ath-main-slider__item__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.ath-main-slider__item__content {
  width: 100%;
  grid-column: 2/-2;
  grid-row: 2/6;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: var(--fs-2);
  padding-right: var(--fs-1);
}
.ath-main-slider__item__content > * {
  margin-block-start: var(--fs-1);
}
.ath-main-slider__spf-logo {
  width: 100%;
  height: 100%;
  grid-column: 1/2;
  grid-row: 3/8;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.ath-main-slider__spf-logo img {
  max-width: 0.5rem;
}
@media only screen and (min-width: 48em) {
  .ath-main-slider__item {
    height: 26rem;
    grid-template-columns: 0.5fr repeat(8, 1fr) 0.5fr;
    grid-auto-rows: repeat(8, auto);
  }
  .ath-main-slider__item__img {
    grid-column: 2/6;
    grid-row: 1/4;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .ath-main-slider__item__content {
    grid-column: 6/-2;
    grid-row: 1/4;
    justify-content: center;
    padding: var(--fs-0);
  }
  .ath-main-slider__spf-logo {
    grid-column: 1/2;
    grid-row: 5/7;
    z-index: 4;
    justify-content: flex-end;
    padding-bottom: var(--fs--3);
  }
}
@media only screen and (min-width: 64em) {
  .ath-main-slider__item {
    height: 23rem;
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
  .ath-main-slider__item__img {
    grid-column: 2/8;
    grid-row: 1/4;
    justify-content: space-evenly;
    align-items: center;
  }
  .ath-main-slider__item__img img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .ath-main-slider__item__content {
    grid-column: 8/-2;
    grid-row: 1/4;
    padding: var(--fs-1);
    justify-content: center;
  }
  .ath-main-slider__spf-logo {
    grid-column: 1/2;
    grid-row: 2/8;
    justify-content: flex-end;
    align-items: flex-start;
    padding: var(--fs-0);
  }
  .ath-main-slider__spf-logo img {
    max-width: 0.8rem;
  }
}
@media only screen and (min-width: 80em) {
  .ath-main-slider__item {
    height: 23rem;
    grid-template-columns: 1.5fr repeat(12, minmax(min-content, 1fr)) 1.5fr;
  }
  .ath-main-slider__item__img {
    grid-column: 2/8;
    grid-row: 1/4;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }
  .ath-main-slider__item__content {
    grid-column: 8/-2;
    grid-row: 1/4;
    padding: var(--fs-1);
    justify-content: center;
  }
}
[data-slide=height-auto] .ath-main-slider__item {
  height: 100%;
}

.hr-divider {
  width: 8rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
  padding-top: var(--fs--2);
}
.hr-divider::before {
  content: "";
  width: 100%;
  height: 0.3rem;
  display: inline-block;
  background-color: #87a8b1;
  border-radius: var(--fs--1);
}
.hr-divider::after {
  content: "";
  width: 40%;
  height: 0.3rem;
  display: inline-block;
  background-color: #87a8b1;
  border-radius: var(--fs--1);
}
.hr-divider--primary::before {
  background-color: #105163;
  border-radius: var(--fs--1);
}
.hr-divider--primary::after {
  background-color: #105163;
}
.hr-divider--accent::before {
  background-color: #f99b35;
  border-radius: var(--fs--1);
}
.hr-divider--accent::after {
  background-color: #f99b35;
}

.bp-slide {
  width: 100%;
  height: 40em;
  max-height: 40em;
  position: relative;
  z-index: 1;
  grid-column: 1/-1;
  grid-row: 1/-1;
  padding: 0;
}
.bp-slide__item {
  position: relative;
  width: 100%;
  z-index: 3;
  display: grid;
  grid-template-columns: 0.5fr repeat(12, 1fr) 0.5fr;
  grid-template-rows: repeat(8, auto);
  padding: 0;
}
.bp-slide__item__img {
  width: 100%;
  grid-column: 1/16;
  grid-row: 1/3;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  padding: 0;
}
.bp-slide__item__img > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.bp-slide__item__img-head-text {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  justify-self: start;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  gap: 0;
  margin: var(--fs-2);
  padding: var(--fs--1);
  border-radius: var(--fs-0);
  border-style: solid;
  border-width: 1px;
  border-color: #105163;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.bp-slide__item__img-head-text-size {
  font-size: var(--fs-2);
  font-family: "CoreSansBold", Inter, Roboto;
}
.bp-slide__item__img-overlay {
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0508578431) 80%);
}
.bp-slide__item__img-overlay__downToUp {
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: linear-gradient(360deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0508578431) 50%);
}
.bp-slide__item__img-picture {
  width: 100%;
  height: 100%;
}
.bp-slide__item__img-picture img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bp-slide__item__content {
  width: 100%;
  height: 100%;
  min-height: 100%;
  grid-column: 2/-2;
  grid-row: 3/-1;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  padding: var(--fs--3);
}
.bp-slide__item__content > * {
  padding-block-start: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .bp-slide__item {
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(8, auto);
  }
}
@media only screen and (min-width: 48em) {
  .bp-slide {
    height: 44em;
    max-height: 44em;
  }
}
@media only screen and (min-width: 64em) {
  .bp-slide {
    width: 100%;
    height: 27em;
    max-height: 27em;
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  .bp-slide__item {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(14, 1fr);
    grid-template-rows: repeat(8, auto);
    padding: 0;
  }
  .bp-slide__item__img {
    height: 27em;
    grid-column: 7/16;
    grid-row: 1/-1;
    z-index: 0;
  }
  .bp-slide__item__content {
    grid-column: 2/7;
    grid-row: 1/-1;
    z-index: 4;
    justify-content: center;
    padding-right: var(--fs-1);
  }
}

.bp-slide__spf-logo {
  width: 80%;
  grid-column: 1/2;
  grid-row: 2/3;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: var(--fs-3);
}
.bp-slide__spf-logo img {
  width: 0.5rem;
}
@media only screen and (min-width: 48em) {
  .bp-slide__spf-logo {
    grid-row: 2/7;
  }
  .bp-slide__spf-logo img {
    width: 0.7rem;
  }
}
@media only screen and (min-width: 64em) {
  .bp-slide__spf-logo {
    width: 40%;
    grid-row: 2/9;
    padding-bottom: var(--fs-2);
  }
  .bp-slide__spf-logo img {
    width: 1rem;
  }
}

.rate-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.rate-item__ranking {
  width: 12.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
}
.rate-item__percentage {
  width: 100%;
  padding: var(--fs--1);
  color: #ffffff;
  background-color: #27c112;
  font-size: var(--Headline-4);
  font-family: "CoreSansRegular", Inter, Roboto;
  font-weight: 600;
  line-height: 1.2;
}
@media only screen and (min-width: 48em) {
  .rate-item__percentage--24 {
    width: 24%;
  }
  .rate-item__percentage--32 {
    width: 32%;
  }
  .rate-item__percentage--36 {
    width: 36%;
  }
  .rate-item__percentage--40 {
    width: 40%;
  }
  .rate-item__percentage--48 {
    width: 48%;
  }
  .rate-item__percentage--52 {
    width: 52%;
  }
  .rate-item__percentage--56 {
    width: 56%;
  }
  .rate-item__percentage--64 {
    width: 64%;
  }
  .rate-item__percentage--72 {
    width: 72%;
  }
}

.bread-crumb {
  width: 100%;
  grid-column: 2/-2;
  padding-block: var(--fs-2);
}
.bread-crumb__link {
  color: #27c112;
}
@keyframes show-top {
  0% {
    transform: translateY(230px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}

.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}

.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}

.splide--rtl {
  direction: rtl;
}

.splide__track--ttb > .splide__list {
  display: block;
}

.splide__container {
  box-sizing: border-box;
  position: relative;
}

.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}

.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}

.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}

.splide:not(.is-overflow) .splide__pagination {
  display: none;
}

.splide__progress__bar {
  width: 0;
}

.splide {
  position: relative !important;
  visibility: hidden;
}
@media only screen and (min-width: 64em) {
  .splide {
    max-width: 100% !important;
  }
}
@media only screen and (min-width: 48em) {
  .splide {
    max-width: 100% !important;
  }
}

.splide.is-initialized,
.splide.is-rendered {
  visibility: visible;
}

.splide__slide {
  position: relative;
  backface-visibility: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  list-style-type: none !important;
  margin: 0;
  position: relative;
  align-items: stretch;
}

.splide__slide img {
  vertical-align: bottom;
}

.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid #999;
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
  display: none;
}

.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}

.splide__track {
  min-width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.inner-heading {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 0.2fr repeat(4, minmax(min-content, 1fr)) 0.2fr;
  grid-template-rows: auto;
  overflow: hidden;
}
.inner-heading__column-left {
  width: 100%;
  height: inherit;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--fs-1);
}
.inner-heading__column-left > *:not(:last-child) {
  padding-block-end: var(--fs-1);
}
.inner-heading__column-left:has(img) {
  padding: 0 !important;
  padding-block-end: 0 !important;
}
.inner-heading__column-left:has(img) img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.inner-heading__column-right {
  width: 100%;
  height: inherit;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--fs-1);
}
.inner-heading__column-right > *:not(:last-child) {
  padding-block-end: var(--fs-1);
}
.inner-heading__column-right:has(img) {
  padding: 0 !important;
  padding-block-end: 0 !important;
}
.inner-heading__column-right:has(img) img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
@media only screen and (min-width: 48em) {
  .inner-heading {
    grid-template-columns: 0.5fr repeat(8, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 64em) {
  .inner-heading {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
    height: 20rem;
  }
  .inner-heading__column-left {
    width: 100%;
    height: inherit;
    grid-column: 2/7;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--fs-1);
  }
  .inner-heading__column-left > *:not(:last-child) {
    padding-block-end: var(--fs-1);
  }
  .inner-heading__column-left:has(img) {
    grid-column: 1/8 !important;
    padding: 0 !important;
    padding-block-end: 0 !important;
  }
  .inner-heading__column-right {
    width: 100%;
    height: inherit;
    grid-column: 7/-1;
  }
  .inner-heading__column-right:has(img) {
    padding: 0 !important;
    padding-block-end: 0 !important;
  }
  .inner-heading__column-right:not(:has(img)) {
    grid-column: 8/-1;
    padding-left: var(--fs-2);
  }
}
@media only screen and (min-width: 80em) {
  .inner-heading {
    grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 100em) {
  .inner-heading {
    grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  }
}

.ui-form-wrapper {
  width: 90%;
  transition: transform 150ms ease-in-out;
  align-self: center;
  padding: var(--fs-1);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (min-width: 48em) {
  .ui-form-wrapper {
    width: 90%;
  }
}
@media only screen and (min-width: 64em) {
  .ui-form-wrapper {
    width: 70%;
  }
}

input:user-valid {
  border-style: solid;
  border-color: #105163;
}

input:user-invalid {
  border-style: solid;
  border-color: #008cff;
}

.valid {
  border-style: solid;
  border-color: #105163;
}

.invalid {
  background-color: #d4f3d0;
  border-style: solid;
  border-color: #008cff;
}

.ui-form-feedback {
  width: 100%;
  min-width: -moz-min-content;
  min-width: min-content;
  padding: var(--fs-2);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  transition: transform 150ms ease-in-out;
}
.ui-form-feedback__header {
  width: 100%;
  padding-block: var(--fs-0);
}
.ui-form-feedback__header > * {
  padding-block-end: var(--fs--1);
}
.ui-form-feedback__header__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.ui-form-feedback__header__caption {
  width: 100%;
  display: flex;
  justify-content: center;
}
.ui-form-feedback__content {
  width: 100%;
}
.ui-form-feedback__content > * {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-block-start: var(--fs-1);
}
.ui-form-feedback__title {
  width: 100%;
  text-align: center;
}
.ui-form-feedback__title > * {
  padding-block-start: var(--fs-0);
}
.ui-form-feedback__img img {
  width: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ui-form-feedback__icon {
  padding: var(--fs-3);
  text-align: center;
}
.ui-form-feedback__icon i {
  font-size: 8rem;
}
.ui-form-feedback__buttons {
  align-content: center;
}
@media only screen and (min-width: 48em) {
  .ui-form-feedback {
    width: 90%;
  }
  .ui-form-feedback__img img {
    width: 70%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
@media only screen and (min-width: 64em) {
  .ui-form-feedback {
    width: 70%;
  }
}

.filter-card {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  padding: var(--fs-0);
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
  border-radius: var(--fs--1);
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.filter-card__img {
  width: 72%;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: var(--fs--1);
}
.filter-card__img img {
  border-radius: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.filter-card__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.filter-card__title h4 {
  color: #27c112;
  font-size: var(--fs-2);
}
.filter-card__title p {
  font-size: var(--fs-1);
}
.filter-card__text {
  font-size: var(--fs-0);
}
.filter-card__ingresos {
  font-weight: bold;
  font-size: var(--fs-0);
  color: #105163;
}
.filter-card__discount {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  font-weight: bold;
  padding: var(--fs--2);
  font-size: var(--fs-0);
  border-radius: var(--fs--3);
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
  color: #27c112;
  background-color: #ffffff;
}
.filter-card__cta {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  border-bottom-right-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
dialog {
  margin: auto; /* `margin: auto;` is the default. */
  border: none;
}

.select-nav__content--active {
  display: flex !important;
}

.bp-footer {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  background-color: #ffffff;
}
.bp-footer__header {
  width: 100%;
  grid-column: 1/-1;
  height: auto;
  display: grid;
  grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  grid-template-rows: repeat(4, 1rem);
}
.bp-footer__header-icon {
  grid-column: 2/-3;
  grid-row: 1/-1;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 4;
  padding-top: var(--fs--1);
}
.bp-footer__header-container {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 1/-3;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  padding: var(--fs-0);
  background-color: #105163;
}
.bp-footer__header-nav {
  height: 100%;
  width: 100%;
  grid-column: 4/-2;
  grid-row: 1/-1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
}
.bp-footer__header-nav-item {
  color: #ffffff;
  font-size: var(--fs-0);
  font-family: "CoreSansBold", Inter, Roboto;
}
@media only screen and (min-width: 64em) {
  .bp-footer__header-nav {
    gap: var(--fs-1);
    -moz-gap: var(--fs-1);
  }
}
.bp-footer__header-nav {
  display: flex;
}
.bp-footer__info {
  grid-column: 1/-1;
  padding-block: var(--fs-0);
}
.bp-footer__info p {
  font-family: "CoreSansBold", Inter, Roboto;
}
.bp-footer__content {
  width: 100%;
  grid-column: 2/-2;
  padding: var(--fs--1);
  color: #000000;
  background-color: #ffffff;
}
.bp-footer__spf-logo {
  grid-column: 1/2;
  grid-row-start: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: var(--fs-1);
}
.bp-footer__spf-logo img {
  width: 1rem;
}
.bp-footer__toggle {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--fs-2);
  border-bottom: solid;
  border-width: var(--fs--6);
  border-color: #105163;
}
.bp-footer__rrss {
  width: 100%;
  height: 100%;
  grid-column: 2/-2;
  display: none;
  padding-left: var(--fs-2);
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.bp-footer__branding {
  width: 100%;
  grid-column: 2/-2;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  padding: var(--fs-0);
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
.bp-footer__copyright {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.bp-footer__logos {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .bp-footer__info {
    grid-column: 1/2;
    display: none;
  }
  .bp-footer__rrss {
    display: flex;
  }
  .bp-footer__branding {
    width: 100%;
    flex-direction: row-reverse;
  }
  .bp-footer__copyright {
    flex: 0 0 32%;
    justify-content: flex-start;
  }
  .bp-footer__logos {
    flex: 0 0 64%;
    display: flex;
    justify-content: flex-end;
    gap: var(--fs-1);
    -moz-gap: var(--fs-1);
  }
}

.bp-footer-nav {
  width: 100%;
}
.bp-footer-nav__item--active .bp-footer-nav__content {
  display: flex;
}
.bp-footer-nav__item--active .bp-footer-nav__icon {
  transform: rotate(180deg);
}
.bp-footer-nav__item--hidden {
  display: none;
}
.bp-footer-nav__item:first-child {
  display: none;
}
.bp-footer-nav__label {
  position: relative;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  z-index: 4;
  cursor: pointer;
  box-shadow: 0 6px 4px rgba(85, 85, 85, 0.14);
  border-bottom: solid 1px var(--clr-bp-neutral-200);
  background-color: #ffffff;
  padding: var(--fs--1);
}
.bp-footer-nav__label p {
  font-family: "CoreSansBold", Inter, Roboto;
}
.bp-footer-nav__icon {
  font-size: var(--fs-3);
  color: #9d9d9d;
  transition: transform 0.3s ease;
}
.bp-footer-nav__content {
  z-index: 1;
  width: 100%;
  display: none;
  overflow: hidden;
  transition: max-height 0.4s ease;
  padding: var(--fs-0);
  background-color: #f5f5f5;
}
.bp-footer-nav__links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--fs--3);
  -moz-gap: var(--fs--3);
}
@media only screen and (min-width: 64em) {
  .bp-footer-nav {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--fs-0);
    -moz-gap: var(--fs-0);
  }
  .bp-footer-nav__item:first-child {
    display: inline-block;
  }
  .bp-footer-nav__label {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    z-index: 4;
    cursor: default;
    pointer-events: none;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    box-shadow: none;
    border-bottom: none;
    padding-block: 0;
    color: #27c112;
    padding-inline: var(--fs--1);
  }
  .bp-footer-nav__icon {
    display: none;
  }
  .bp-footer-nav__content {
    z-index: 1;
    width: 100%;
    display: flex;
    overflow: hidden;
    background-color: transparent;
  }
}

.fab-wrapper {
  position: relative;
  overflow-x: visible;
  width: 4.5rem;
  height: 4.5rem;
  z-index: 1;
  position: fixed;
  bottom: 2.5rem;
  right: 2.5rem;
}

.br-0 {
  border-radius: 0;
}

.b-0 {
  border: solid 0;
}
.b-bp-neutral--white--0 {
  border: solid 0 #ffffff;
}
.b-bp-neutral--100--0 {
  border: solid 0 #f5f5f5;
}
.b-bp-neutral--200--0 {
  border: solid 0 #9d9d9d;
}
.b-bp-neutral--400--0 {
  border: solid 0 #7b7b7b;
}
.b-bp-neutral--600--0 {
  border: solid 0 #555555;
}
.b-bp-neutral--900--0 {
  border: solid 0 #000000;
}
.b-bp-primary--100--0 {
  border: solid 0 #cfdce0;
}
.b-bp-primary--300--0 {
  border: solid 0 #87a8b1;
}
.b-bp-primary--400--0 {
  border: solid 0 #26737f;
}
.b-bp-primary--500--0 {
  border: solid 0 #105163;
}
.b-bp-primary--900--0 {
  border: solid 0 #0b3642;
}
.b-bp-primary-tpt--100--0 {
  border: solid 0 rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--0 {
  border: solid 0 rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--0 {
  border: solid 0 rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--0 {
  border: solid 0 rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--0 {
  border: solid 0 rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--0 {
  border: solid 0 #d4f3d0;
}
.b-bp-secondary--200--0 {
  border: solid 0 #00b800;
}
.b-bp-secondary--400--0 {
  border: solid 0 #34ef00;
}
.b-bp-secondary--500--0 {
  border: solid 0 #27c112;
}
.b-bp-secondary--600--0 {
  border: solid 0 #279f12;
}
.b-bp-secondary--900--0 {
  border: solid 0 #21a10f;
}
.b-bp-accent--100--0 {
  border: solid 0 #feebd7;
}
.b-bp-accent--400--0 {
  border: solid 0 #fbbc78;
}
.b-bp-accent--500--0 {
  border: solid 0 #f99b35;
}
.b-bp-accent--900--0 {
  border: solid 0 #fe680d;
}
.b-bp-alerts--100--0 {
  border: solid 0 #d4f3d0;
}
.b-bp-alerts--500--0 {
  border: solid 0 #27c112;
}
.b-bp-alerts--300--0 {
  border: solid 0 #dbeafd;
}
.b-bp-alerts--400--0 {
  border: solid 0 #008cff;
}
.b-bp-alerts--200--0 {
  border: solid 0 #fed7d7;
}
.b-bp-alerts--600--0 {
  border: solid 0 #f64c3c;
}
.b-bp-alerts--900--0 {
  border: solid 0 #bd0000;
}
.b-bp-dale--500--0 {
  border: solid 0 #030038;
}
.b-bp-dale--300--0 {
  border: solid 0 #fa2e49;
}
.b-bp-fifa--100--0 {
  border: solid 0 rgb(0, 0, 26);
}
.b-bp-fifa--400--0 {
  border: solid 0 rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--0 {
  border: solid 0 #00328c;
}
.b-bp-breb--100--0 {
  border: solid 0 #0606e1;
}
.b-bp-breb--150--0 {
  border: solid 0 #c6f8e4;
}
.b-bp-breb--200--0 {
  border: solid 0 #00005a;
}
.b-bp-breb--300--0 {
  border: solid 0 #00c8ff;
}
.b-bp-breb--400--0 {
  border: solid 0 #0078ff;
}
.b-bp-breb--500--0 {
  border: solid 0 #5ac5fa;
}
.b-bp-breb--550--0 {
  border: solid 0 rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--0 {
  border: solid 0 #00b140;
}
.b-bp-breb--650--0 {
  border: solid 0 #00ff6d;
}
.b-bp-breb--700--0 {
  border: solid 0 #00ff2a;
}
.b-bp-breb--800--0 {
  border: solid 0 #00ce85;
}
.b-bp-grad--neutral-500--0 {
  border: solid 0 linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--0 {
  border: solid 0 linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--0 {
  border: solid 0 linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--0 {
  border: solid 0 linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--0 {
  border: solid 0 linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--0 {
  border: solid 0 linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--0 {
  border: solid 0 linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-0 {
  border: solid 0;
}

.br-1 {
  border-radius: 1px;
}

.b-1 {
  border: solid 1px;
}
.b-bp-neutral--white--1 {
  border: solid 1px #ffffff;
}
.b-bp-neutral--100--1 {
  border: solid 1px #f5f5f5;
}
.b-bp-neutral--200--1 {
  border: solid 1px #9d9d9d;
}
.b-bp-neutral--400--1 {
  border: solid 1px #7b7b7b;
}
.b-bp-neutral--600--1 {
  border: solid 1px #555555;
}
.b-bp-neutral--900--1 {
  border: solid 1px #000000;
}
.b-bp-primary--100--1 {
  border: solid 1px #cfdce0;
}
.b-bp-primary--300--1 {
  border: solid 1px #87a8b1;
}
.b-bp-primary--400--1 {
  border: solid 1px #26737f;
}
.b-bp-primary--500--1 {
  border: solid 1px #105163;
}
.b-bp-primary--900--1 {
  border: solid 1px #0b3642;
}
.b-bp-primary-tpt--100--1 {
  border: solid 1px rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--1 {
  border: solid 1px rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--1 {
  border: solid 1px rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--1 {
  border: solid 1px rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--1 {
  border: solid 1px rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--1 {
  border: solid 1px #d4f3d0;
}
.b-bp-secondary--200--1 {
  border: solid 1px #00b800;
}
.b-bp-secondary--400--1 {
  border: solid 1px #34ef00;
}
.b-bp-secondary--500--1 {
  border: solid 1px #27c112;
}
.b-bp-secondary--600--1 {
  border: solid 1px #279f12;
}
.b-bp-secondary--900--1 {
  border: solid 1px #21a10f;
}
.b-bp-accent--100--1 {
  border: solid 1px #feebd7;
}
.b-bp-accent--400--1 {
  border: solid 1px #fbbc78;
}
.b-bp-accent--500--1 {
  border: solid 1px #f99b35;
}
.b-bp-accent--900--1 {
  border: solid 1px #fe680d;
}
.b-bp-alerts--100--1 {
  border: solid 1px #d4f3d0;
}
.b-bp-alerts--500--1 {
  border: solid 1px #27c112;
}
.b-bp-alerts--300--1 {
  border: solid 1px #dbeafd;
}
.b-bp-alerts--400--1 {
  border: solid 1px #008cff;
}
.b-bp-alerts--200--1 {
  border: solid 1px #fed7d7;
}
.b-bp-alerts--600--1 {
  border: solid 1px #f64c3c;
}
.b-bp-alerts--900--1 {
  border: solid 1px #bd0000;
}
.b-bp-dale--500--1 {
  border: solid 1px #030038;
}
.b-bp-dale--300--1 {
  border: solid 1px #fa2e49;
}
.b-bp-fifa--100--1 {
  border: solid 1px rgb(0, 0, 26);
}
.b-bp-fifa--400--1 {
  border: solid 1px rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--1 {
  border: solid 1px #00328c;
}
.b-bp-breb--100--1 {
  border: solid 1px #0606e1;
}
.b-bp-breb--150--1 {
  border: solid 1px #c6f8e4;
}
.b-bp-breb--200--1 {
  border: solid 1px #00005a;
}
.b-bp-breb--300--1 {
  border: solid 1px #00c8ff;
}
.b-bp-breb--400--1 {
  border: solid 1px #0078ff;
}
.b-bp-breb--500--1 {
  border: solid 1px #5ac5fa;
}
.b-bp-breb--550--1 {
  border: solid 1px rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--1 {
  border: solid 1px #00b140;
}
.b-bp-breb--650--1 {
  border: solid 1px #00ff6d;
}
.b-bp-breb--700--1 {
  border: solid 1px #00ff2a;
}
.b-bp-breb--800--1 {
  border: solid 1px #00ce85;
}
.b-bp-grad--neutral-500--1 {
  border: solid 1px linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--1 {
  border: solid 1px linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--1 {
  border: solid 1px linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--1 {
  border: solid 1px linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--1 {
  border: solid 1px linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--1 {
  border: solid 1px linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--1 {
  border: solid 1px linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

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

.br-xxxxxxs {
  border-radius: var(--fs--6);
}

.b-xxxxxxs {
  border: solid var(--fs--6);
}
.b-bp-neutral--white--xxxxxxs {
  border: solid var(--fs--6) #ffffff;
}
.b-bp-neutral--100--xxxxxxs {
  border: solid var(--fs--6) #f5f5f5;
}
.b-bp-neutral--200--xxxxxxs {
  border: solid var(--fs--6) #9d9d9d;
}
.b-bp-neutral--400--xxxxxxs {
  border: solid var(--fs--6) #7b7b7b;
}
.b-bp-neutral--600--xxxxxxs {
  border: solid var(--fs--6) #555555;
}
.b-bp-neutral--900--xxxxxxs {
  border: solid var(--fs--6) #000000;
}
.b-bp-primary--100--xxxxxxs {
  border: solid var(--fs--6) #cfdce0;
}
.b-bp-primary--300--xxxxxxs {
  border: solid var(--fs--6) #87a8b1;
}
.b-bp-primary--400--xxxxxxs {
  border: solid var(--fs--6) #26737f;
}
.b-bp-primary--500--xxxxxxs {
  border: solid var(--fs--6) #105163;
}
.b-bp-primary--900--xxxxxxs {
  border: solid var(--fs--6) #0b3642;
}
.b-bp-primary-tpt--100--xxxxxxs {
  border: solid var(--fs--6) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxxxxs {
  border: solid var(--fs--6) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxxxxs {
  border: solid var(--fs--6) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxxxxs {
  border: solid var(--fs--6) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxxxxs {
  border: solid var(--fs--6) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxxxxs {
  border: solid var(--fs--6) #d4f3d0;
}
.b-bp-secondary--200--xxxxxxs {
  border: solid var(--fs--6) #00b800;
}
.b-bp-secondary--400--xxxxxxs {
  border: solid var(--fs--6) #34ef00;
}
.b-bp-secondary--500--xxxxxxs {
  border: solid var(--fs--6) #27c112;
}
.b-bp-secondary--600--xxxxxxs {
  border: solid var(--fs--6) #279f12;
}
.b-bp-secondary--900--xxxxxxs {
  border: solid var(--fs--6) #21a10f;
}
.b-bp-accent--100--xxxxxxs {
  border: solid var(--fs--6) #feebd7;
}
.b-bp-accent--400--xxxxxxs {
  border: solid var(--fs--6) #fbbc78;
}
.b-bp-accent--500--xxxxxxs {
  border: solid var(--fs--6) #f99b35;
}
.b-bp-accent--900--xxxxxxs {
  border: solid var(--fs--6) #fe680d;
}
.b-bp-alerts--100--xxxxxxs {
  border: solid var(--fs--6) #d4f3d0;
}
.b-bp-alerts--500--xxxxxxs {
  border: solid var(--fs--6) #27c112;
}
.b-bp-alerts--300--xxxxxxs {
  border: solid var(--fs--6) #dbeafd;
}
.b-bp-alerts--400--xxxxxxs {
  border: solid var(--fs--6) #008cff;
}
.b-bp-alerts--200--xxxxxxs {
  border: solid var(--fs--6) #fed7d7;
}
.b-bp-alerts--600--xxxxxxs {
  border: solid var(--fs--6) #f64c3c;
}
.b-bp-alerts--900--xxxxxxs {
  border: solid var(--fs--6) #bd0000;
}
.b-bp-dale--500--xxxxxxs {
  border: solid var(--fs--6) #030038;
}
.b-bp-dale--300--xxxxxxs {
  border: solid var(--fs--6) #fa2e49;
}
.b-bp-fifa--100--xxxxxxs {
  border: solid var(--fs--6) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxxxxs {
  border: solid var(--fs--6) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxxxxs {
  border: solid var(--fs--6) #00328c;
}
.b-bp-breb--100--xxxxxxs {
  border: solid var(--fs--6) #0606e1;
}
.b-bp-breb--150--xxxxxxs {
  border: solid var(--fs--6) #c6f8e4;
}
.b-bp-breb--200--xxxxxxs {
  border: solid var(--fs--6) #00005a;
}
.b-bp-breb--300--xxxxxxs {
  border: solid var(--fs--6) #00c8ff;
}
.b-bp-breb--400--xxxxxxs {
  border: solid var(--fs--6) #0078ff;
}
.b-bp-breb--500--xxxxxxs {
  border: solid var(--fs--6) #5ac5fa;
}
.b-bp-breb--550--xxxxxxs {
  border: solid var(--fs--6) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxxxxs {
  border: solid var(--fs--6) #00b140;
}
.b-bp-breb--650--xxxxxxs {
  border: solid var(--fs--6) #00ff6d;
}
.b-bp-breb--700--xxxxxxs {
  border: solid var(--fs--6) #00ff2a;
}
.b-bp-breb--800--xxxxxxs {
  border: solid var(--fs--6) #00ce85;
}
.b-bp-grad--neutral-500--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxxxxs {
  border: solid var(--fs--6) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxxxxs {
  border: solid var(--fs--6);
}

.br-xxxxxs {
  border-radius: var(--fs--5);
}

.b-xxxxxs {
  border: solid var(--fs--5);
}
.b-bp-neutral--white--xxxxxs {
  border: solid var(--fs--5) #ffffff;
}
.b-bp-neutral--100--xxxxxs {
  border: solid var(--fs--5) #f5f5f5;
}
.b-bp-neutral--200--xxxxxs {
  border: solid var(--fs--5) #9d9d9d;
}
.b-bp-neutral--400--xxxxxs {
  border: solid var(--fs--5) #7b7b7b;
}
.b-bp-neutral--600--xxxxxs {
  border: solid var(--fs--5) #555555;
}
.b-bp-neutral--900--xxxxxs {
  border: solid var(--fs--5) #000000;
}
.b-bp-primary--100--xxxxxs {
  border: solid var(--fs--5) #cfdce0;
}
.b-bp-primary--300--xxxxxs {
  border: solid var(--fs--5) #87a8b1;
}
.b-bp-primary--400--xxxxxs {
  border: solid var(--fs--5) #26737f;
}
.b-bp-primary--500--xxxxxs {
  border: solid var(--fs--5) #105163;
}
.b-bp-primary--900--xxxxxs {
  border: solid var(--fs--5) #0b3642;
}
.b-bp-primary-tpt--100--xxxxxs {
  border: solid var(--fs--5) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxxxs {
  border: solid var(--fs--5) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxxxs {
  border: solid var(--fs--5) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxxxs {
  border: solid var(--fs--5) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxxxs {
  border: solid var(--fs--5) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxxxs {
  border: solid var(--fs--5) #d4f3d0;
}
.b-bp-secondary--200--xxxxxs {
  border: solid var(--fs--5) #00b800;
}
.b-bp-secondary--400--xxxxxs {
  border: solid var(--fs--5) #34ef00;
}
.b-bp-secondary--500--xxxxxs {
  border: solid var(--fs--5) #27c112;
}
.b-bp-secondary--600--xxxxxs {
  border: solid var(--fs--5) #279f12;
}
.b-bp-secondary--900--xxxxxs {
  border: solid var(--fs--5) #21a10f;
}
.b-bp-accent--100--xxxxxs {
  border: solid var(--fs--5) #feebd7;
}
.b-bp-accent--400--xxxxxs {
  border: solid var(--fs--5) #fbbc78;
}
.b-bp-accent--500--xxxxxs {
  border: solid var(--fs--5) #f99b35;
}
.b-bp-accent--900--xxxxxs {
  border: solid var(--fs--5) #fe680d;
}
.b-bp-alerts--100--xxxxxs {
  border: solid var(--fs--5) #d4f3d0;
}
.b-bp-alerts--500--xxxxxs {
  border: solid var(--fs--5) #27c112;
}
.b-bp-alerts--300--xxxxxs {
  border: solid var(--fs--5) #dbeafd;
}
.b-bp-alerts--400--xxxxxs {
  border: solid var(--fs--5) #008cff;
}
.b-bp-alerts--200--xxxxxs {
  border: solid var(--fs--5) #fed7d7;
}
.b-bp-alerts--600--xxxxxs {
  border: solid var(--fs--5) #f64c3c;
}
.b-bp-alerts--900--xxxxxs {
  border: solid var(--fs--5) #bd0000;
}
.b-bp-dale--500--xxxxxs {
  border: solid var(--fs--5) #030038;
}
.b-bp-dale--300--xxxxxs {
  border: solid var(--fs--5) #fa2e49;
}
.b-bp-fifa--100--xxxxxs {
  border: solid var(--fs--5) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxxxs {
  border: solid var(--fs--5) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxxxs {
  border: solid var(--fs--5) #00328c;
}
.b-bp-breb--100--xxxxxs {
  border: solid var(--fs--5) #0606e1;
}
.b-bp-breb--150--xxxxxs {
  border: solid var(--fs--5) #c6f8e4;
}
.b-bp-breb--200--xxxxxs {
  border: solid var(--fs--5) #00005a;
}
.b-bp-breb--300--xxxxxs {
  border: solid var(--fs--5) #00c8ff;
}
.b-bp-breb--400--xxxxxs {
  border: solid var(--fs--5) #0078ff;
}
.b-bp-breb--500--xxxxxs {
  border: solid var(--fs--5) #5ac5fa;
}
.b-bp-breb--550--xxxxxs {
  border: solid var(--fs--5) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxxxs {
  border: solid var(--fs--5) #00b140;
}
.b-bp-breb--650--xxxxxs {
  border: solid var(--fs--5) #00ff6d;
}
.b-bp-breb--700--xxxxxs {
  border: solid var(--fs--5) #00ff2a;
}
.b-bp-breb--800--xxxxxs {
  border: solid var(--fs--5) #00ce85;
}
.b-bp-grad--neutral-500--xxxxxs {
  border: solid var(--fs--5) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxxxs {
  border: solid var(--fs--5) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxxxs {
  border: solid var(--fs--5) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxxxs {
  border: solid var(--fs--5) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxxxs {
  border: solid var(--fs--5) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxxxs {
  border: solid var(--fs--5) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxxxs {
  border: solid var(--fs--5) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxxxs {
  border: solid var(--fs--5);
}

.br-xxxxs {
  border-radius: var(--fs--4);
}

.b-xxxxs {
  border: solid var(--fs--4);
}
.b-bp-neutral--white--xxxxs {
  border: solid var(--fs--4) #ffffff;
}
.b-bp-neutral--100--xxxxs {
  border: solid var(--fs--4) #f5f5f5;
}
.b-bp-neutral--200--xxxxs {
  border: solid var(--fs--4) #9d9d9d;
}
.b-bp-neutral--400--xxxxs {
  border: solid var(--fs--4) #7b7b7b;
}
.b-bp-neutral--600--xxxxs {
  border: solid var(--fs--4) #555555;
}
.b-bp-neutral--900--xxxxs {
  border: solid var(--fs--4) #000000;
}
.b-bp-primary--100--xxxxs {
  border: solid var(--fs--4) #cfdce0;
}
.b-bp-primary--300--xxxxs {
  border: solid var(--fs--4) #87a8b1;
}
.b-bp-primary--400--xxxxs {
  border: solid var(--fs--4) #26737f;
}
.b-bp-primary--500--xxxxs {
  border: solid var(--fs--4) #105163;
}
.b-bp-primary--900--xxxxs {
  border: solid var(--fs--4) #0b3642;
}
.b-bp-primary-tpt--100--xxxxs {
  border: solid var(--fs--4) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxxs {
  border: solid var(--fs--4) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxxs {
  border: solid var(--fs--4) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxxs {
  border: solid var(--fs--4) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxxs {
  border: solid var(--fs--4) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxxs {
  border: solid var(--fs--4) #d4f3d0;
}
.b-bp-secondary--200--xxxxs {
  border: solid var(--fs--4) #00b800;
}
.b-bp-secondary--400--xxxxs {
  border: solid var(--fs--4) #34ef00;
}
.b-bp-secondary--500--xxxxs {
  border: solid var(--fs--4) #27c112;
}
.b-bp-secondary--600--xxxxs {
  border: solid var(--fs--4) #279f12;
}
.b-bp-secondary--900--xxxxs {
  border: solid var(--fs--4) #21a10f;
}
.b-bp-accent--100--xxxxs {
  border: solid var(--fs--4) #feebd7;
}
.b-bp-accent--400--xxxxs {
  border: solid var(--fs--4) #fbbc78;
}
.b-bp-accent--500--xxxxs {
  border: solid var(--fs--4) #f99b35;
}
.b-bp-accent--900--xxxxs {
  border: solid var(--fs--4) #fe680d;
}
.b-bp-alerts--100--xxxxs {
  border: solid var(--fs--4) #d4f3d0;
}
.b-bp-alerts--500--xxxxs {
  border: solid var(--fs--4) #27c112;
}
.b-bp-alerts--300--xxxxs {
  border: solid var(--fs--4) #dbeafd;
}
.b-bp-alerts--400--xxxxs {
  border: solid var(--fs--4) #008cff;
}
.b-bp-alerts--200--xxxxs {
  border: solid var(--fs--4) #fed7d7;
}
.b-bp-alerts--600--xxxxs {
  border: solid var(--fs--4) #f64c3c;
}
.b-bp-alerts--900--xxxxs {
  border: solid var(--fs--4) #bd0000;
}
.b-bp-dale--500--xxxxs {
  border: solid var(--fs--4) #030038;
}
.b-bp-dale--300--xxxxs {
  border: solid var(--fs--4) #fa2e49;
}
.b-bp-fifa--100--xxxxs {
  border: solid var(--fs--4) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxxs {
  border: solid var(--fs--4) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxxs {
  border: solid var(--fs--4) #00328c;
}
.b-bp-breb--100--xxxxs {
  border: solid var(--fs--4) #0606e1;
}
.b-bp-breb--150--xxxxs {
  border: solid var(--fs--4) #c6f8e4;
}
.b-bp-breb--200--xxxxs {
  border: solid var(--fs--4) #00005a;
}
.b-bp-breb--300--xxxxs {
  border: solid var(--fs--4) #00c8ff;
}
.b-bp-breb--400--xxxxs {
  border: solid var(--fs--4) #0078ff;
}
.b-bp-breb--500--xxxxs {
  border: solid var(--fs--4) #5ac5fa;
}
.b-bp-breb--550--xxxxs {
  border: solid var(--fs--4) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxxs {
  border: solid var(--fs--4) #00b140;
}
.b-bp-breb--650--xxxxs {
  border: solid var(--fs--4) #00ff6d;
}
.b-bp-breb--700--xxxxs {
  border: solid var(--fs--4) #00ff2a;
}
.b-bp-breb--800--xxxxs {
  border: solid var(--fs--4) #00ce85;
}
.b-bp-grad--neutral-500--xxxxs {
  border: solid var(--fs--4) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxxs {
  border: solid var(--fs--4) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxxs {
  border: solid var(--fs--4) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxxs {
  border: solid var(--fs--4) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxxs {
  border: solid var(--fs--4) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxxs {
  border: solid var(--fs--4) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxxs {
  border: solid var(--fs--4) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxxs {
  border: solid var(--fs--4);
}

.br-xxxs {
  border-radius: var(--fs--3);
}

.b-xxxs {
  border: solid var(--fs--3);
}
.b-bp-neutral--white--xxxs {
  border: solid var(--fs--3) #ffffff;
}
.b-bp-neutral--100--xxxs {
  border: solid var(--fs--3) #f5f5f5;
}
.b-bp-neutral--200--xxxs {
  border: solid var(--fs--3) #9d9d9d;
}
.b-bp-neutral--400--xxxs {
  border: solid var(--fs--3) #7b7b7b;
}
.b-bp-neutral--600--xxxs {
  border: solid var(--fs--3) #555555;
}
.b-bp-neutral--900--xxxs {
  border: solid var(--fs--3) #000000;
}
.b-bp-primary--100--xxxs {
  border: solid var(--fs--3) #cfdce0;
}
.b-bp-primary--300--xxxs {
  border: solid var(--fs--3) #87a8b1;
}
.b-bp-primary--400--xxxs {
  border: solid var(--fs--3) #26737f;
}
.b-bp-primary--500--xxxs {
  border: solid var(--fs--3) #105163;
}
.b-bp-primary--900--xxxs {
  border: solid var(--fs--3) #0b3642;
}
.b-bp-primary-tpt--100--xxxs {
  border: solid var(--fs--3) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxs {
  border: solid var(--fs--3) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxs {
  border: solid var(--fs--3) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxs {
  border: solid var(--fs--3) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxs {
  border: solid var(--fs--3) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxs {
  border: solid var(--fs--3) #d4f3d0;
}
.b-bp-secondary--200--xxxs {
  border: solid var(--fs--3) #00b800;
}
.b-bp-secondary--400--xxxs {
  border: solid var(--fs--3) #34ef00;
}
.b-bp-secondary--500--xxxs {
  border: solid var(--fs--3) #27c112;
}
.b-bp-secondary--600--xxxs {
  border: solid var(--fs--3) #279f12;
}
.b-bp-secondary--900--xxxs {
  border: solid var(--fs--3) #21a10f;
}
.b-bp-accent--100--xxxs {
  border: solid var(--fs--3) #feebd7;
}
.b-bp-accent--400--xxxs {
  border: solid var(--fs--3) #fbbc78;
}
.b-bp-accent--500--xxxs {
  border: solid var(--fs--3) #f99b35;
}
.b-bp-accent--900--xxxs {
  border: solid var(--fs--3) #fe680d;
}
.b-bp-alerts--100--xxxs {
  border: solid var(--fs--3) #d4f3d0;
}
.b-bp-alerts--500--xxxs {
  border: solid var(--fs--3) #27c112;
}
.b-bp-alerts--300--xxxs {
  border: solid var(--fs--3) #dbeafd;
}
.b-bp-alerts--400--xxxs {
  border: solid var(--fs--3) #008cff;
}
.b-bp-alerts--200--xxxs {
  border: solid var(--fs--3) #fed7d7;
}
.b-bp-alerts--600--xxxs {
  border: solid var(--fs--3) #f64c3c;
}
.b-bp-alerts--900--xxxs {
  border: solid var(--fs--3) #bd0000;
}
.b-bp-dale--500--xxxs {
  border: solid var(--fs--3) #030038;
}
.b-bp-dale--300--xxxs {
  border: solid var(--fs--3) #fa2e49;
}
.b-bp-fifa--100--xxxs {
  border: solid var(--fs--3) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxs {
  border: solid var(--fs--3) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxs {
  border: solid var(--fs--3) #00328c;
}
.b-bp-breb--100--xxxs {
  border: solid var(--fs--3) #0606e1;
}
.b-bp-breb--150--xxxs {
  border: solid var(--fs--3) #c6f8e4;
}
.b-bp-breb--200--xxxs {
  border: solid var(--fs--3) #00005a;
}
.b-bp-breb--300--xxxs {
  border: solid var(--fs--3) #00c8ff;
}
.b-bp-breb--400--xxxs {
  border: solid var(--fs--3) #0078ff;
}
.b-bp-breb--500--xxxs {
  border: solid var(--fs--3) #5ac5fa;
}
.b-bp-breb--550--xxxs {
  border: solid var(--fs--3) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxs {
  border: solid var(--fs--3) #00b140;
}
.b-bp-breb--650--xxxs {
  border: solid var(--fs--3) #00ff6d;
}
.b-bp-breb--700--xxxs {
  border: solid var(--fs--3) #00ff2a;
}
.b-bp-breb--800--xxxs {
  border: solid var(--fs--3) #00ce85;
}
.b-bp-grad--neutral-500--xxxs {
  border: solid var(--fs--3) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxs {
  border: solid var(--fs--3) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxs {
  border: solid var(--fs--3) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxs {
  border: solid var(--fs--3) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxs {
  border: solid var(--fs--3) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxs {
  border: solid var(--fs--3) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxs {
  border: solid var(--fs--3) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxs {
  border: solid var(--fs--3);
}

.br-xxs {
  border-radius: var(--fs--2);
}

.b-xxs {
  border: solid var(--fs--2);
}
.b-bp-neutral--white--xxs {
  border: solid var(--fs--2) #ffffff;
}
.b-bp-neutral--100--xxs {
  border: solid var(--fs--2) #f5f5f5;
}
.b-bp-neutral--200--xxs {
  border: solid var(--fs--2) #9d9d9d;
}
.b-bp-neutral--400--xxs {
  border: solid var(--fs--2) #7b7b7b;
}
.b-bp-neutral--600--xxs {
  border: solid var(--fs--2) #555555;
}
.b-bp-neutral--900--xxs {
  border: solid var(--fs--2) #000000;
}
.b-bp-primary--100--xxs {
  border: solid var(--fs--2) #cfdce0;
}
.b-bp-primary--300--xxs {
  border: solid var(--fs--2) #87a8b1;
}
.b-bp-primary--400--xxs {
  border: solid var(--fs--2) #26737f;
}
.b-bp-primary--500--xxs {
  border: solid var(--fs--2) #105163;
}
.b-bp-primary--900--xxs {
  border: solid var(--fs--2) #0b3642;
}
.b-bp-primary-tpt--100--xxs {
  border: solid var(--fs--2) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxs {
  border: solid var(--fs--2) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxs {
  border: solid var(--fs--2) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxs {
  border: solid var(--fs--2) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxs {
  border: solid var(--fs--2) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxs {
  border: solid var(--fs--2) #d4f3d0;
}
.b-bp-secondary--200--xxs {
  border: solid var(--fs--2) #00b800;
}
.b-bp-secondary--400--xxs {
  border: solid var(--fs--2) #34ef00;
}
.b-bp-secondary--500--xxs {
  border: solid var(--fs--2) #27c112;
}
.b-bp-secondary--600--xxs {
  border: solid var(--fs--2) #279f12;
}
.b-bp-secondary--900--xxs {
  border: solid var(--fs--2) #21a10f;
}
.b-bp-accent--100--xxs {
  border: solid var(--fs--2) #feebd7;
}
.b-bp-accent--400--xxs {
  border: solid var(--fs--2) #fbbc78;
}
.b-bp-accent--500--xxs {
  border: solid var(--fs--2) #f99b35;
}
.b-bp-accent--900--xxs {
  border: solid var(--fs--2) #fe680d;
}
.b-bp-alerts--100--xxs {
  border: solid var(--fs--2) #d4f3d0;
}
.b-bp-alerts--500--xxs {
  border: solid var(--fs--2) #27c112;
}
.b-bp-alerts--300--xxs {
  border: solid var(--fs--2) #dbeafd;
}
.b-bp-alerts--400--xxs {
  border: solid var(--fs--2) #008cff;
}
.b-bp-alerts--200--xxs {
  border: solid var(--fs--2) #fed7d7;
}
.b-bp-alerts--600--xxs {
  border: solid var(--fs--2) #f64c3c;
}
.b-bp-alerts--900--xxs {
  border: solid var(--fs--2) #bd0000;
}
.b-bp-dale--500--xxs {
  border: solid var(--fs--2) #030038;
}
.b-bp-dale--300--xxs {
  border: solid var(--fs--2) #fa2e49;
}
.b-bp-fifa--100--xxs {
  border: solid var(--fs--2) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxs {
  border: solid var(--fs--2) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxs {
  border: solid var(--fs--2) #00328c;
}
.b-bp-breb--100--xxs {
  border: solid var(--fs--2) #0606e1;
}
.b-bp-breb--150--xxs {
  border: solid var(--fs--2) #c6f8e4;
}
.b-bp-breb--200--xxs {
  border: solid var(--fs--2) #00005a;
}
.b-bp-breb--300--xxs {
  border: solid var(--fs--2) #00c8ff;
}
.b-bp-breb--400--xxs {
  border: solid var(--fs--2) #0078ff;
}
.b-bp-breb--500--xxs {
  border: solid var(--fs--2) #5ac5fa;
}
.b-bp-breb--550--xxs {
  border: solid var(--fs--2) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxs {
  border: solid var(--fs--2) #00b140;
}
.b-bp-breb--650--xxs {
  border: solid var(--fs--2) #00ff6d;
}
.b-bp-breb--700--xxs {
  border: solid var(--fs--2) #00ff2a;
}
.b-bp-breb--800--xxs {
  border: solid var(--fs--2) #00ce85;
}
.b-bp-grad--neutral-500--xxs {
  border: solid var(--fs--2) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxs {
  border: solid var(--fs--2) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxs {
  border: solid var(--fs--2) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxs {
  border: solid var(--fs--2) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxs {
  border: solid var(--fs--2) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxs {
  border: solid var(--fs--2) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxs {
  border: solid var(--fs--2) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxs {
  border: solid var(--fs--2);
}

.br-xs {
  border-radius: var(--fs--1);
}

.b-xs {
  border: solid var(--fs--1);
}
.b-bp-neutral--white--xs {
  border: solid var(--fs--1) #ffffff;
}
.b-bp-neutral--100--xs {
  border: solid var(--fs--1) #f5f5f5;
}
.b-bp-neutral--200--xs {
  border: solid var(--fs--1) #9d9d9d;
}
.b-bp-neutral--400--xs {
  border: solid var(--fs--1) #7b7b7b;
}
.b-bp-neutral--600--xs {
  border: solid var(--fs--1) #555555;
}
.b-bp-neutral--900--xs {
  border: solid var(--fs--1) #000000;
}
.b-bp-primary--100--xs {
  border: solid var(--fs--1) #cfdce0;
}
.b-bp-primary--300--xs {
  border: solid var(--fs--1) #87a8b1;
}
.b-bp-primary--400--xs {
  border: solid var(--fs--1) #26737f;
}
.b-bp-primary--500--xs {
  border: solid var(--fs--1) #105163;
}
.b-bp-primary--900--xs {
  border: solid var(--fs--1) #0b3642;
}
.b-bp-primary-tpt--100--xs {
  border: solid var(--fs--1) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xs {
  border: solid var(--fs--1) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xs {
  border: solid var(--fs--1) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xs {
  border: solid var(--fs--1) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xs {
  border: solid var(--fs--1) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xs {
  border: solid var(--fs--1) #d4f3d0;
}
.b-bp-secondary--200--xs {
  border: solid var(--fs--1) #00b800;
}
.b-bp-secondary--400--xs {
  border: solid var(--fs--1) #34ef00;
}
.b-bp-secondary--500--xs {
  border: solid var(--fs--1) #27c112;
}
.b-bp-secondary--600--xs {
  border: solid var(--fs--1) #279f12;
}
.b-bp-secondary--900--xs {
  border: solid var(--fs--1) #21a10f;
}
.b-bp-accent--100--xs {
  border: solid var(--fs--1) #feebd7;
}
.b-bp-accent--400--xs {
  border: solid var(--fs--1) #fbbc78;
}
.b-bp-accent--500--xs {
  border: solid var(--fs--1) #f99b35;
}
.b-bp-accent--900--xs {
  border: solid var(--fs--1) #fe680d;
}
.b-bp-alerts--100--xs {
  border: solid var(--fs--1) #d4f3d0;
}
.b-bp-alerts--500--xs {
  border: solid var(--fs--1) #27c112;
}
.b-bp-alerts--300--xs {
  border: solid var(--fs--1) #dbeafd;
}
.b-bp-alerts--400--xs {
  border: solid var(--fs--1) #008cff;
}
.b-bp-alerts--200--xs {
  border: solid var(--fs--1) #fed7d7;
}
.b-bp-alerts--600--xs {
  border: solid var(--fs--1) #f64c3c;
}
.b-bp-alerts--900--xs {
  border: solid var(--fs--1) #bd0000;
}
.b-bp-dale--500--xs {
  border: solid var(--fs--1) #030038;
}
.b-bp-dale--300--xs {
  border: solid var(--fs--1) #fa2e49;
}
.b-bp-fifa--100--xs {
  border: solid var(--fs--1) rgb(0, 0, 26);
}
.b-bp-fifa--400--xs {
  border: solid var(--fs--1) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xs {
  border: solid var(--fs--1) #00328c;
}
.b-bp-breb--100--xs {
  border: solid var(--fs--1) #0606e1;
}
.b-bp-breb--150--xs {
  border: solid var(--fs--1) #c6f8e4;
}
.b-bp-breb--200--xs {
  border: solid var(--fs--1) #00005a;
}
.b-bp-breb--300--xs {
  border: solid var(--fs--1) #00c8ff;
}
.b-bp-breb--400--xs {
  border: solid var(--fs--1) #0078ff;
}
.b-bp-breb--500--xs {
  border: solid var(--fs--1) #5ac5fa;
}
.b-bp-breb--550--xs {
  border: solid var(--fs--1) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xs {
  border: solid var(--fs--1) #00b140;
}
.b-bp-breb--650--xs {
  border: solid var(--fs--1) #00ff6d;
}
.b-bp-breb--700--xs {
  border: solid var(--fs--1) #00ff2a;
}
.b-bp-breb--800--xs {
  border: solid var(--fs--1) #00ce85;
}
.b-bp-grad--neutral-500--xs {
  border: solid var(--fs--1) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xs {
  border: solid var(--fs--1) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xs {
  border: solid var(--fs--1) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xs {
  border: solid var(--fs--1) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xs {
  border: solid var(--fs--1) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xs {
  border: solid var(--fs--1) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xs {
  border: solid var(--fs--1) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xs {
  border: solid var(--fs--1);
}

.br-s {
  border-radius: var(--fs-0);
}

.b-s {
  border: solid var(--fs-0);
}
.b-bp-neutral--white--s {
  border: solid var(--fs-0) #ffffff;
}
.b-bp-neutral--100--s {
  border: solid var(--fs-0) #f5f5f5;
}
.b-bp-neutral--200--s {
  border: solid var(--fs-0) #9d9d9d;
}
.b-bp-neutral--400--s {
  border: solid var(--fs-0) #7b7b7b;
}
.b-bp-neutral--600--s {
  border: solid var(--fs-0) #555555;
}
.b-bp-neutral--900--s {
  border: solid var(--fs-0) #000000;
}
.b-bp-primary--100--s {
  border: solid var(--fs-0) #cfdce0;
}
.b-bp-primary--300--s {
  border: solid var(--fs-0) #87a8b1;
}
.b-bp-primary--400--s {
  border: solid var(--fs-0) #26737f;
}
.b-bp-primary--500--s {
  border: solid var(--fs-0) #105163;
}
.b-bp-primary--900--s {
  border: solid var(--fs-0) #0b3642;
}
.b-bp-primary-tpt--100--s {
  border: solid var(--fs-0) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--s {
  border: solid var(--fs-0) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--s {
  border: solid var(--fs-0) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--s {
  border: solid var(--fs-0) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--s {
  border: solid var(--fs-0) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--s {
  border: solid var(--fs-0) #d4f3d0;
}
.b-bp-secondary--200--s {
  border: solid var(--fs-0) #00b800;
}
.b-bp-secondary--400--s {
  border: solid var(--fs-0) #34ef00;
}
.b-bp-secondary--500--s {
  border: solid var(--fs-0) #27c112;
}
.b-bp-secondary--600--s {
  border: solid var(--fs-0) #279f12;
}
.b-bp-secondary--900--s {
  border: solid var(--fs-0) #21a10f;
}
.b-bp-accent--100--s {
  border: solid var(--fs-0) #feebd7;
}
.b-bp-accent--400--s {
  border: solid var(--fs-0) #fbbc78;
}
.b-bp-accent--500--s {
  border: solid var(--fs-0) #f99b35;
}
.b-bp-accent--900--s {
  border: solid var(--fs-0) #fe680d;
}
.b-bp-alerts--100--s {
  border: solid var(--fs-0) #d4f3d0;
}
.b-bp-alerts--500--s {
  border: solid var(--fs-0) #27c112;
}
.b-bp-alerts--300--s {
  border: solid var(--fs-0) #dbeafd;
}
.b-bp-alerts--400--s {
  border: solid var(--fs-0) #008cff;
}
.b-bp-alerts--200--s {
  border: solid var(--fs-0) #fed7d7;
}
.b-bp-alerts--600--s {
  border: solid var(--fs-0) #f64c3c;
}
.b-bp-alerts--900--s {
  border: solid var(--fs-0) #bd0000;
}
.b-bp-dale--500--s {
  border: solid var(--fs-0) #030038;
}
.b-bp-dale--300--s {
  border: solid var(--fs-0) #fa2e49;
}
.b-bp-fifa--100--s {
  border: solid var(--fs-0) rgb(0, 0, 26);
}
.b-bp-fifa--400--s {
  border: solid var(--fs-0) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--s {
  border: solid var(--fs-0) #00328c;
}
.b-bp-breb--100--s {
  border: solid var(--fs-0) #0606e1;
}
.b-bp-breb--150--s {
  border: solid var(--fs-0) #c6f8e4;
}
.b-bp-breb--200--s {
  border: solid var(--fs-0) #00005a;
}
.b-bp-breb--300--s {
  border: solid var(--fs-0) #00c8ff;
}
.b-bp-breb--400--s {
  border: solid var(--fs-0) #0078ff;
}
.b-bp-breb--500--s {
  border: solid var(--fs-0) #5ac5fa;
}
.b-bp-breb--550--s {
  border: solid var(--fs-0) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--s {
  border: solid var(--fs-0) #00b140;
}
.b-bp-breb--650--s {
  border: solid var(--fs-0) #00ff6d;
}
.b-bp-breb--700--s {
  border: solid var(--fs-0) #00ff2a;
}
.b-bp-breb--800--s {
  border: solid var(--fs-0) #00ce85;
}
.b-bp-grad--neutral-500--s {
  border: solid var(--fs-0) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--s {
  border: solid var(--fs-0) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--s {
  border: solid var(--fs-0) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--s {
  border: solid var(--fs-0) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--s {
  border: solid var(--fs-0) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--s {
  border: solid var(--fs-0) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--s {
  border: solid var(--fs-0) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-s {
  border: solid var(--fs-0);
}

.br-m {
  border-radius: var(--fs-1);
}

.b-m {
  border: solid var(--fs-1);
}
.b-bp-neutral--white--m {
  border: solid var(--fs-1) #ffffff;
}
.b-bp-neutral--100--m {
  border: solid var(--fs-1) #f5f5f5;
}
.b-bp-neutral--200--m {
  border: solid var(--fs-1) #9d9d9d;
}
.b-bp-neutral--400--m {
  border: solid var(--fs-1) #7b7b7b;
}
.b-bp-neutral--600--m {
  border: solid var(--fs-1) #555555;
}
.b-bp-neutral--900--m {
  border: solid var(--fs-1) #000000;
}
.b-bp-primary--100--m {
  border: solid var(--fs-1) #cfdce0;
}
.b-bp-primary--300--m {
  border: solid var(--fs-1) #87a8b1;
}
.b-bp-primary--400--m {
  border: solid var(--fs-1) #26737f;
}
.b-bp-primary--500--m {
  border: solid var(--fs-1) #105163;
}
.b-bp-primary--900--m {
  border: solid var(--fs-1) #0b3642;
}
.b-bp-primary-tpt--100--m {
  border: solid var(--fs-1) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--m {
  border: solid var(--fs-1) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--m {
  border: solid var(--fs-1) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--m {
  border: solid var(--fs-1) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--m {
  border: solid var(--fs-1) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--m {
  border: solid var(--fs-1) #d4f3d0;
}
.b-bp-secondary--200--m {
  border: solid var(--fs-1) #00b800;
}
.b-bp-secondary--400--m {
  border: solid var(--fs-1) #34ef00;
}
.b-bp-secondary--500--m {
  border: solid var(--fs-1) #27c112;
}
.b-bp-secondary--600--m {
  border: solid var(--fs-1) #279f12;
}
.b-bp-secondary--900--m {
  border: solid var(--fs-1) #21a10f;
}
.b-bp-accent--100--m {
  border: solid var(--fs-1) #feebd7;
}
.b-bp-accent--400--m {
  border: solid var(--fs-1) #fbbc78;
}
.b-bp-accent--500--m {
  border: solid var(--fs-1) #f99b35;
}
.b-bp-accent--900--m {
  border: solid var(--fs-1) #fe680d;
}
.b-bp-alerts--100--m {
  border: solid var(--fs-1) #d4f3d0;
}
.b-bp-alerts--500--m {
  border: solid var(--fs-1) #27c112;
}
.b-bp-alerts--300--m {
  border: solid var(--fs-1) #dbeafd;
}
.b-bp-alerts--400--m {
  border: solid var(--fs-1) #008cff;
}
.b-bp-alerts--200--m {
  border: solid var(--fs-1) #fed7d7;
}
.b-bp-alerts--600--m {
  border: solid var(--fs-1) #f64c3c;
}
.b-bp-alerts--900--m {
  border: solid var(--fs-1) #bd0000;
}
.b-bp-dale--500--m {
  border: solid var(--fs-1) #030038;
}
.b-bp-dale--300--m {
  border: solid var(--fs-1) #fa2e49;
}
.b-bp-fifa--100--m {
  border: solid var(--fs-1) rgb(0, 0, 26);
}
.b-bp-fifa--400--m {
  border: solid var(--fs-1) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--m {
  border: solid var(--fs-1) #00328c;
}
.b-bp-breb--100--m {
  border: solid var(--fs-1) #0606e1;
}
.b-bp-breb--150--m {
  border: solid var(--fs-1) #c6f8e4;
}
.b-bp-breb--200--m {
  border: solid var(--fs-1) #00005a;
}
.b-bp-breb--300--m {
  border: solid var(--fs-1) #00c8ff;
}
.b-bp-breb--400--m {
  border: solid var(--fs-1) #0078ff;
}
.b-bp-breb--500--m {
  border: solid var(--fs-1) #5ac5fa;
}
.b-bp-breb--550--m {
  border: solid var(--fs-1) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--m {
  border: solid var(--fs-1) #00b140;
}
.b-bp-breb--650--m {
  border: solid var(--fs-1) #00ff6d;
}
.b-bp-breb--700--m {
  border: solid var(--fs-1) #00ff2a;
}
.b-bp-breb--800--m {
  border: solid var(--fs-1) #00ce85;
}
.b-bp-grad--neutral-500--m {
  border: solid var(--fs-1) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--m {
  border: solid var(--fs-1) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--m {
  border: solid var(--fs-1) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--m {
  border: solid var(--fs-1) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--m {
  border: solid var(--fs-1) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--m {
  border: solid var(--fs-1) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--m {
  border: solid var(--fs-1) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-m {
  border: solid var(--fs-1);
}

.br-l {
  border-radius: var(--fs-2);
}

.b-l {
  border: solid var(--fs-2);
}
.b-bp-neutral--white--l {
  border: solid var(--fs-2) #ffffff;
}
.b-bp-neutral--100--l {
  border: solid var(--fs-2) #f5f5f5;
}
.b-bp-neutral--200--l {
  border: solid var(--fs-2) #9d9d9d;
}
.b-bp-neutral--400--l {
  border: solid var(--fs-2) #7b7b7b;
}
.b-bp-neutral--600--l {
  border: solid var(--fs-2) #555555;
}
.b-bp-neutral--900--l {
  border: solid var(--fs-2) #000000;
}
.b-bp-primary--100--l {
  border: solid var(--fs-2) #cfdce0;
}
.b-bp-primary--300--l {
  border: solid var(--fs-2) #87a8b1;
}
.b-bp-primary--400--l {
  border: solid var(--fs-2) #26737f;
}
.b-bp-primary--500--l {
  border: solid var(--fs-2) #105163;
}
.b-bp-primary--900--l {
  border: solid var(--fs-2) #0b3642;
}
.b-bp-primary-tpt--100--l {
  border: solid var(--fs-2) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--l {
  border: solid var(--fs-2) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--l {
  border: solid var(--fs-2) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--l {
  border: solid var(--fs-2) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--l {
  border: solid var(--fs-2) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--l {
  border: solid var(--fs-2) #d4f3d0;
}
.b-bp-secondary--200--l {
  border: solid var(--fs-2) #00b800;
}
.b-bp-secondary--400--l {
  border: solid var(--fs-2) #34ef00;
}
.b-bp-secondary--500--l {
  border: solid var(--fs-2) #27c112;
}
.b-bp-secondary--600--l {
  border: solid var(--fs-2) #279f12;
}
.b-bp-secondary--900--l {
  border: solid var(--fs-2) #21a10f;
}
.b-bp-accent--100--l {
  border: solid var(--fs-2) #feebd7;
}
.b-bp-accent--400--l {
  border: solid var(--fs-2) #fbbc78;
}
.b-bp-accent--500--l {
  border: solid var(--fs-2) #f99b35;
}
.b-bp-accent--900--l {
  border: solid var(--fs-2) #fe680d;
}
.b-bp-alerts--100--l {
  border: solid var(--fs-2) #d4f3d0;
}
.b-bp-alerts--500--l {
  border: solid var(--fs-2) #27c112;
}
.b-bp-alerts--300--l {
  border: solid var(--fs-2) #dbeafd;
}
.b-bp-alerts--400--l {
  border: solid var(--fs-2) #008cff;
}
.b-bp-alerts--200--l {
  border: solid var(--fs-2) #fed7d7;
}
.b-bp-alerts--600--l {
  border: solid var(--fs-2) #f64c3c;
}
.b-bp-alerts--900--l {
  border: solid var(--fs-2) #bd0000;
}
.b-bp-dale--500--l {
  border: solid var(--fs-2) #030038;
}
.b-bp-dale--300--l {
  border: solid var(--fs-2) #fa2e49;
}
.b-bp-fifa--100--l {
  border: solid var(--fs-2) rgb(0, 0, 26);
}
.b-bp-fifa--400--l {
  border: solid var(--fs-2) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--l {
  border: solid var(--fs-2) #00328c;
}
.b-bp-breb--100--l {
  border: solid var(--fs-2) #0606e1;
}
.b-bp-breb--150--l {
  border: solid var(--fs-2) #c6f8e4;
}
.b-bp-breb--200--l {
  border: solid var(--fs-2) #00005a;
}
.b-bp-breb--300--l {
  border: solid var(--fs-2) #00c8ff;
}
.b-bp-breb--400--l {
  border: solid var(--fs-2) #0078ff;
}
.b-bp-breb--500--l {
  border: solid var(--fs-2) #5ac5fa;
}
.b-bp-breb--550--l {
  border: solid var(--fs-2) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--l {
  border: solid var(--fs-2) #00b140;
}
.b-bp-breb--650--l {
  border: solid var(--fs-2) #00ff6d;
}
.b-bp-breb--700--l {
  border: solid var(--fs-2) #00ff2a;
}
.b-bp-breb--800--l {
  border: solid var(--fs-2) #00ce85;
}
.b-bp-grad--neutral-500--l {
  border: solid var(--fs-2) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--l {
  border: solid var(--fs-2) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--l {
  border: solid var(--fs-2) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--l {
  border: solid var(--fs-2) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--l {
  border: solid var(--fs-2) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--l {
  border: solid var(--fs-2) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--l {
  border: solid var(--fs-2) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-l {
  border: solid var(--fs-2);
}

.br-xl {
  border-radius: var(--fs-3);
}

.b-xl {
  border: solid var(--fs-3);
}
.b-bp-neutral--white--xl {
  border: solid var(--fs-3) #ffffff;
}
.b-bp-neutral--100--xl {
  border: solid var(--fs-3) #f5f5f5;
}
.b-bp-neutral--200--xl {
  border: solid var(--fs-3) #9d9d9d;
}
.b-bp-neutral--400--xl {
  border: solid var(--fs-3) #7b7b7b;
}
.b-bp-neutral--600--xl {
  border: solid var(--fs-3) #555555;
}
.b-bp-neutral--900--xl {
  border: solid var(--fs-3) #000000;
}
.b-bp-primary--100--xl {
  border: solid var(--fs-3) #cfdce0;
}
.b-bp-primary--300--xl {
  border: solid var(--fs-3) #87a8b1;
}
.b-bp-primary--400--xl {
  border: solid var(--fs-3) #26737f;
}
.b-bp-primary--500--xl {
  border: solid var(--fs-3) #105163;
}
.b-bp-primary--900--xl {
  border: solid var(--fs-3) #0b3642;
}
.b-bp-primary-tpt--100--xl {
  border: solid var(--fs-3) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xl {
  border: solid var(--fs-3) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xl {
  border: solid var(--fs-3) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xl {
  border: solid var(--fs-3) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xl {
  border: solid var(--fs-3) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xl {
  border: solid var(--fs-3) #d4f3d0;
}
.b-bp-secondary--200--xl {
  border: solid var(--fs-3) #00b800;
}
.b-bp-secondary--400--xl {
  border: solid var(--fs-3) #34ef00;
}
.b-bp-secondary--500--xl {
  border: solid var(--fs-3) #27c112;
}
.b-bp-secondary--600--xl {
  border: solid var(--fs-3) #279f12;
}
.b-bp-secondary--900--xl {
  border: solid var(--fs-3) #21a10f;
}
.b-bp-accent--100--xl {
  border: solid var(--fs-3) #feebd7;
}
.b-bp-accent--400--xl {
  border: solid var(--fs-3) #fbbc78;
}
.b-bp-accent--500--xl {
  border: solid var(--fs-3) #f99b35;
}
.b-bp-accent--900--xl {
  border: solid var(--fs-3) #fe680d;
}
.b-bp-alerts--100--xl {
  border: solid var(--fs-3) #d4f3d0;
}
.b-bp-alerts--500--xl {
  border: solid var(--fs-3) #27c112;
}
.b-bp-alerts--300--xl {
  border: solid var(--fs-3) #dbeafd;
}
.b-bp-alerts--400--xl {
  border: solid var(--fs-3) #008cff;
}
.b-bp-alerts--200--xl {
  border: solid var(--fs-3) #fed7d7;
}
.b-bp-alerts--600--xl {
  border: solid var(--fs-3) #f64c3c;
}
.b-bp-alerts--900--xl {
  border: solid var(--fs-3) #bd0000;
}
.b-bp-dale--500--xl {
  border: solid var(--fs-3) #030038;
}
.b-bp-dale--300--xl {
  border: solid var(--fs-3) #fa2e49;
}
.b-bp-fifa--100--xl {
  border: solid var(--fs-3) rgb(0, 0, 26);
}
.b-bp-fifa--400--xl {
  border: solid var(--fs-3) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xl {
  border: solid var(--fs-3) #00328c;
}
.b-bp-breb--100--xl {
  border: solid var(--fs-3) #0606e1;
}
.b-bp-breb--150--xl {
  border: solid var(--fs-3) #c6f8e4;
}
.b-bp-breb--200--xl {
  border: solid var(--fs-3) #00005a;
}
.b-bp-breb--300--xl {
  border: solid var(--fs-3) #00c8ff;
}
.b-bp-breb--400--xl {
  border: solid var(--fs-3) #0078ff;
}
.b-bp-breb--500--xl {
  border: solid var(--fs-3) #5ac5fa;
}
.b-bp-breb--550--xl {
  border: solid var(--fs-3) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xl {
  border: solid var(--fs-3) #00b140;
}
.b-bp-breb--650--xl {
  border: solid var(--fs-3) #00ff6d;
}
.b-bp-breb--700--xl {
  border: solid var(--fs-3) #00ff2a;
}
.b-bp-breb--800--xl {
  border: solid var(--fs-3) #00ce85;
}
.b-bp-grad--neutral-500--xl {
  border: solid var(--fs-3) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xl {
  border: solid var(--fs-3) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xl {
  border: solid var(--fs-3) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xl {
  border: solid var(--fs-3) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xl {
  border: solid var(--fs-3) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xl {
  border: solid var(--fs-3) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xl {
  border: solid var(--fs-3) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xl {
  border: solid var(--fs-3);
}

.br-xxl {
  border-radius: var(--fs-4);
}

.b-xxl {
  border: solid var(--fs-4);
}
.b-bp-neutral--white--xxl {
  border: solid var(--fs-4) #ffffff;
}
.b-bp-neutral--100--xxl {
  border: solid var(--fs-4) #f5f5f5;
}
.b-bp-neutral--200--xxl {
  border: solid var(--fs-4) #9d9d9d;
}
.b-bp-neutral--400--xxl {
  border: solid var(--fs-4) #7b7b7b;
}
.b-bp-neutral--600--xxl {
  border: solid var(--fs-4) #555555;
}
.b-bp-neutral--900--xxl {
  border: solid var(--fs-4) #000000;
}
.b-bp-primary--100--xxl {
  border: solid var(--fs-4) #cfdce0;
}
.b-bp-primary--300--xxl {
  border: solid var(--fs-4) #87a8b1;
}
.b-bp-primary--400--xxl {
  border: solid var(--fs-4) #26737f;
}
.b-bp-primary--500--xxl {
  border: solid var(--fs-4) #105163;
}
.b-bp-primary--900--xxl {
  border: solid var(--fs-4) #0b3642;
}
.b-bp-primary-tpt--100--xxl {
  border: solid var(--fs-4) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxl {
  border: solid var(--fs-4) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxl {
  border: solid var(--fs-4) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxl {
  border: solid var(--fs-4) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxl {
  border: solid var(--fs-4) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxl {
  border: solid var(--fs-4) #d4f3d0;
}
.b-bp-secondary--200--xxl {
  border: solid var(--fs-4) #00b800;
}
.b-bp-secondary--400--xxl {
  border: solid var(--fs-4) #34ef00;
}
.b-bp-secondary--500--xxl {
  border: solid var(--fs-4) #27c112;
}
.b-bp-secondary--600--xxl {
  border: solid var(--fs-4) #279f12;
}
.b-bp-secondary--900--xxl {
  border: solid var(--fs-4) #21a10f;
}
.b-bp-accent--100--xxl {
  border: solid var(--fs-4) #feebd7;
}
.b-bp-accent--400--xxl {
  border: solid var(--fs-4) #fbbc78;
}
.b-bp-accent--500--xxl {
  border: solid var(--fs-4) #f99b35;
}
.b-bp-accent--900--xxl {
  border: solid var(--fs-4) #fe680d;
}
.b-bp-alerts--100--xxl {
  border: solid var(--fs-4) #d4f3d0;
}
.b-bp-alerts--500--xxl {
  border: solid var(--fs-4) #27c112;
}
.b-bp-alerts--300--xxl {
  border: solid var(--fs-4) #dbeafd;
}
.b-bp-alerts--400--xxl {
  border: solid var(--fs-4) #008cff;
}
.b-bp-alerts--200--xxl {
  border: solid var(--fs-4) #fed7d7;
}
.b-bp-alerts--600--xxl {
  border: solid var(--fs-4) #f64c3c;
}
.b-bp-alerts--900--xxl {
  border: solid var(--fs-4) #bd0000;
}
.b-bp-dale--500--xxl {
  border: solid var(--fs-4) #030038;
}
.b-bp-dale--300--xxl {
  border: solid var(--fs-4) #fa2e49;
}
.b-bp-fifa--100--xxl {
  border: solid var(--fs-4) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxl {
  border: solid var(--fs-4) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxl {
  border: solid var(--fs-4) #00328c;
}
.b-bp-breb--100--xxl {
  border: solid var(--fs-4) #0606e1;
}
.b-bp-breb--150--xxl {
  border: solid var(--fs-4) #c6f8e4;
}
.b-bp-breb--200--xxl {
  border: solid var(--fs-4) #00005a;
}
.b-bp-breb--300--xxl {
  border: solid var(--fs-4) #00c8ff;
}
.b-bp-breb--400--xxl {
  border: solid var(--fs-4) #0078ff;
}
.b-bp-breb--500--xxl {
  border: solid var(--fs-4) #5ac5fa;
}
.b-bp-breb--550--xxl {
  border: solid var(--fs-4) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxl {
  border: solid var(--fs-4) #00b140;
}
.b-bp-breb--650--xxl {
  border: solid var(--fs-4) #00ff6d;
}
.b-bp-breb--700--xxl {
  border: solid var(--fs-4) #00ff2a;
}
.b-bp-breb--800--xxl {
  border: solid var(--fs-4) #00ce85;
}
.b-bp-grad--neutral-500--xxl {
  border: solid var(--fs-4) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxl {
  border: solid var(--fs-4) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxl {
  border: solid var(--fs-4) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxl {
  border: solid var(--fs-4) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxl {
  border: solid var(--fs-4) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxl {
  border: solid var(--fs-4) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxl {
  border: solid var(--fs-4) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxl {
  border: solid var(--fs-4);
}

.br-xxxl {
  border-radius: var(--fs-5);
}

.b-xxxl {
  border: solid var(--fs-5);
}
.b-bp-neutral--white--xxxl {
  border: solid var(--fs-5) #ffffff;
}
.b-bp-neutral--100--xxxl {
  border: solid var(--fs-5) #f5f5f5;
}
.b-bp-neutral--200--xxxl {
  border: solid var(--fs-5) #9d9d9d;
}
.b-bp-neutral--400--xxxl {
  border: solid var(--fs-5) #7b7b7b;
}
.b-bp-neutral--600--xxxl {
  border: solid var(--fs-5) #555555;
}
.b-bp-neutral--900--xxxl {
  border: solid var(--fs-5) #000000;
}
.b-bp-primary--100--xxxl {
  border: solid var(--fs-5) #cfdce0;
}
.b-bp-primary--300--xxxl {
  border: solid var(--fs-5) #87a8b1;
}
.b-bp-primary--400--xxxl {
  border: solid var(--fs-5) #26737f;
}
.b-bp-primary--500--xxxl {
  border: solid var(--fs-5) #105163;
}
.b-bp-primary--900--xxxl {
  border: solid var(--fs-5) #0b3642;
}
.b-bp-primary-tpt--100--xxxl {
  border: solid var(--fs-5) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxl {
  border: solid var(--fs-5) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxl {
  border: solid var(--fs-5) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxl {
  border: solid var(--fs-5) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxl {
  border: solid var(--fs-5) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxl {
  border: solid var(--fs-5) #d4f3d0;
}
.b-bp-secondary--200--xxxl {
  border: solid var(--fs-5) #00b800;
}
.b-bp-secondary--400--xxxl {
  border: solid var(--fs-5) #34ef00;
}
.b-bp-secondary--500--xxxl {
  border: solid var(--fs-5) #27c112;
}
.b-bp-secondary--600--xxxl {
  border: solid var(--fs-5) #279f12;
}
.b-bp-secondary--900--xxxl {
  border: solid var(--fs-5) #21a10f;
}
.b-bp-accent--100--xxxl {
  border: solid var(--fs-5) #feebd7;
}
.b-bp-accent--400--xxxl {
  border: solid var(--fs-5) #fbbc78;
}
.b-bp-accent--500--xxxl {
  border: solid var(--fs-5) #f99b35;
}
.b-bp-accent--900--xxxl {
  border: solid var(--fs-5) #fe680d;
}
.b-bp-alerts--100--xxxl {
  border: solid var(--fs-5) #d4f3d0;
}
.b-bp-alerts--500--xxxl {
  border: solid var(--fs-5) #27c112;
}
.b-bp-alerts--300--xxxl {
  border: solid var(--fs-5) #dbeafd;
}
.b-bp-alerts--400--xxxl {
  border: solid var(--fs-5) #008cff;
}
.b-bp-alerts--200--xxxl {
  border: solid var(--fs-5) #fed7d7;
}
.b-bp-alerts--600--xxxl {
  border: solid var(--fs-5) #f64c3c;
}
.b-bp-alerts--900--xxxl {
  border: solid var(--fs-5) #bd0000;
}
.b-bp-dale--500--xxxl {
  border: solid var(--fs-5) #030038;
}
.b-bp-dale--300--xxxl {
  border: solid var(--fs-5) #fa2e49;
}
.b-bp-fifa--100--xxxl {
  border: solid var(--fs-5) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxl {
  border: solid var(--fs-5) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxl {
  border: solid var(--fs-5) #00328c;
}
.b-bp-breb--100--xxxl {
  border: solid var(--fs-5) #0606e1;
}
.b-bp-breb--150--xxxl {
  border: solid var(--fs-5) #c6f8e4;
}
.b-bp-breb--200--xxxl {
  border: solid var(--fs-5) #00005a;
}
.b-bp-breb--300--xxxl {
  border: solid var(--fs-5) #00c8ff;
}
.b-bp-breb--400--xxxl {
  border: solid var(--fs-5) #0078ff;
}
.b-bp-breb--500--xxxl {
  border: solid var(--fs-5) #5ac5fa;
}
.b-bp-breb--550--xxxl {
  border: solid var(--fs-5) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxl {
  border: solid var(--fs-5) #00b140;
}
.b-bp-breb--650--xxxl {
  border: solid var(--fs-5) #00ff6d;
}
.b-bp-breb--700--xxxl {
  border: solid var(--fs-5) #00ff2a;
}
.b-bp-breb--800--xxxl {
  border: solid var(--fs-5) #00ce85;
}
.b-bp-grad--neutral-500--xxxl {
  border: solid var(--fs-5) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxl {
  border: solid var(--fs-5) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxl {
  border: solid var(--fs-5) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxl {
  border: solid var(--fs-5) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxl {
  border: solid var(--fs-5) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxl {
  border: solid var(--fs-5) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxl {
  border: solid var(--fs-5) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxl {
  border: solid var(--fs-5);
}

.br-xxxxl {
  border-radius: var(--fs-6);
}

.b-xxxxl {
  border: solid var(--fs-6);
}
.b-bp-neutral--white--xxxxl {
  border: solid var(--fs-6) #ffffff;
}
.b-bp-neutral--100--xxxxl {
  border: solid var(--fs-6) #f5f5f5;
}
.b-bp-neutral--200--xxxxl {
  border: solid var(--fs-6) #9d9d9d;
}
.b-bp-neutral--400--xxxxl {
  border: solid var(--fs-6) #7b7b7b;
}
.b-bp-neutral--600--xxxxl {
  border: solid var(--fs-6) #555555;
}
.b-bp-neutral--900--xxxxl {
  border: solid var(--fs-6) #000000;
}
.b-bp-primary--100--xxxxl {
  border: solid var(--fs-6) #cfdce0;
}
.b-bp-primary--300--xxxxl {
  border: solid var(--fs-6) #87a8b1;
}
.b-bp-primary--400--xxxxl {
  border: solid var(--fs-6) #26737f;
}
.b-bp-primary--500--xxxxl {
  border: solid var(--fs-6) #105163;
}
.b-bp-primary--900--xxxxl {
  border: solid var(--fs-6) #0b3642;
}
.b-bp-primary-tpt--100--xxxxl {
  border: solid var(--fs-6) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxxl {
  border: solid var(--fs-6) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxxl {
  border: solid var(--fs-6) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxxl {
  border: solid var(--fs-6) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxxl {
  border: solid var(--fs-6) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxxl {
  border: solid var(--fs-6) #d4f3d0;
}
.b-bp-secondary--200--xxxxl {
  border: solid var(--fs-6) #00b800;
}
.b-bp-secondary--400--xxxxl {
  border: solid var(--fs-6) #34ef00;
}
.b-bp-secondary--500--xxxxl {
  border: solid var(--fs-6) #27c112;
}
.b-bp-secondary--600--xxxxl {
  border: solid var(--fs-6) #279f12;
}
.b-bp-secondary--900--xxxxl {
  border: solid var(--fs-6) #21a10f;
}
.b-bp-accent--100--xxxxl {
  border: solid var(--fs-6) #feebd7;
}
.b-bp-accent--400--xxxxl {
  border: solid var(--fs-6) #fbbc78;
}
.b-bp-accent--500--xxxxl {
  border: solid var(--fs-6) #f99b35;
}
.b-bp-accent--900--xxxxl {
  border: solid var(--fs-6) #fe680d;
}
.b-bp-alerts--100--xxxxl {
  border: solid var(--fs-6) #d4f3d0;
}
.b-bp-alerts--500--xxxxl {
  border: solid var(--fs-6) #27c112;
}
.b-bp-alerts--300--xxxxl {
  border: solid var(--fs-6) #dbeafd;
}
.b-bp-alerts--400--xxxxl {
  border: solid var(--fs-6) #008cff;
}
.b-bp-alerts--200--xxxxl {
  border: solid var(--fs-6) #fed7d7;
}
.b-bp-alerts--600--xxxxl {
  border: solid var(--fs-6) #f64c3c;
}
.b-bp-alerts--900--xxxxl {
  border: solid var(--fs-6) #bd0000;
}
.b-bp-dale--500--xxxxl {
  border: solid var(--fs-6) #030038;
}
.b-bp-dale--300--xxxxl {
  border: solid var(--fs-6) #fa2e49;
}
.b-bp-fifa--100--xxxxl {
  border: solid var(--fs-6) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxxl {
  border: solid var(--fs-6) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxxl {
  border: solid var(--fs-6) #00328c;
}
.b-bp-breb--100--xxxxl {
  border: solid var(--fs-6) #0606e1;
}
.b-bp-breb--150--xxxxl {
  border: solid var(--fs-6) #c6f8e4;
}
.b-bp-breb--200--xxxxl {
  border: solid var(--fs-6) #00005a;
}
.b-bp-breb--300--xxxxl {
  border: solid var(--fs-6) #00c8ff;
}
.b-bp-breb--400--xxxxl {
  border: solid var(--fs-6) #0078ff;
}
.b-bp-breb--500--xxxxl {
  border: solid var(--fs-6) #5ac5fa;
}
.b-bp-breb--550--xxxxl {
  border: solid var(--fs-6) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxxl {
  border: solid var(--fs-6) #00b140;
}
.b-bp-breb--650--xxxxl {
  border: solid var(--fs-6) #00ff6d;
}
.b-bp-breb--700--xxxxl {
  border: solid var(--fs-6) #00ff2a;
}
.b-bp-breb--800--xxxxl {
  border: solid var(--fs-6) #00ce85;
}
.b-bp-grad--neutral-500--xxxxl {
  border: solid var(--fs-6) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxxl {
  border: solid var(--fs-6) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxxl {
  border: solid var(--fs-6) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxxl {
  border: solid var(--fs-6) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxxl {
  border: solid var(--fs-6) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxxl {
  border: solid var(--fs-6) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxxl {
  border: solid var(--fs-6) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxxl {
  border: solid var(--fs-6);
}

.br-xxxxxl {
  border-radius: var(--fs-7);
}

.b-xxxxxl {
  border: solid var(--fs-7);
}
.b-bp-neutral--white--xxxxxl {
  border: solid var(--fs-7) #ffffff;
}
.b-bp-neutral--100--xxxxxl {
  border: solid var(--fs-7) #f5f5f5;
}
.b-bp-neutral--200--xxxxxl {
  border: solid var(--fs-7) #9d9d9d;
}
.b-bp-neutral--400--xxxxxl {
  border: solid var(--fs-7) #7b7b7b;
}
.b-bp-neutral--600--xxxxxl {
  border: solid var(--fs-7) #555555;
}
.b-bp-neutral--900--xxxxxl {
  border: solid var(--fs-7) #000000;
}
.b-bp-primary--100--xxxxxl {
  border: solid var(--fs-7) #cfdce0;
}
.b-bp-primary--300--xxxxxl {
  border: solid var(--fs-7) #87a8b1;
}
.b-bp-primary--400--xxxxxl {
  border: solid var(--fs-7) #26737f;
}
.b-bp-primary--500--xxxxxl {
  border: solid var(--fs-7) #105163;
}
.b-bp-primary--900--xxxxxl {
  border: solid var(--fs-7) #0b3642;
}
.b-bp-primary-tpt--100--xxxxxl {
  border: solid var(--fs-7) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxxxl {
  border: solid var(--fs-7) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxxxl {
  border: solid var(--fs-7) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxxxl {
  border: solid var(--fs-7) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxxxl {
  border: solid var(--fs-7) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxxxl {
  border: solid var(--fs-7) #d4f3d0;
}
.b-bp-secondary--200--xxxxxl {
  border: solid var(--fs-7) #00b800;
}
.b-bp-secondary--400--xxxxxl {
  border: solid var(--fs-7) #34ef00;
}
.b-bp-secondary--500--xxxxxl {
  border: solid var(--fs-7) #27c112;
}
.b-bp-secondary--600--xxxxxl {
  border: solid var(--fs-7) #279f12;
}
.b-bp-secondary--900--xxxxxl {
  border: solid var(--fs-7) #21a10f;
}
.b-bp-accent--100--xxxxxl {
  border: solid var(--fs-7) #feebd7;
}
.b-bp-accent--400--xxxxxl {
  border: solid var(--fs-7) #fbbc78;
}
.b-bp-accent--500--xxxxxl {
  border: solid var(--fs-7) #f99b35;
}
.b-bp-accent--900--xxxxxl {
  border: solid var(--fs-7) #fe680d;
}
.b-bp-alerts--100--xxxxxl {
  border: solid var(--fs-7) #d4f3d0;
}
.b-bp-alerts--500--xxxxxl {
  border: solid var(--fs-7) #27c112;
}
.b-bp-alerts--300--xxxxxl {
  border: solid var(--fs-7) #dbeafd;
}
.b-bp-alerts--400--xxxxxl {
  border: solid var(--fs-7) #008cff;
}
.b-bp-alerts--200--xxxxxl {
  border: solid var(--fs-7) #fed7d7;
}
.b-bp-alerts--600--xxxxxl {
  border: solid var(--fs-7) #f64c3c;
}
.b-bp-alerts--900--xxxxxl {
  border: solid var(--fs-7) #bd0000;
}
.b-bp-dale--500--xxxxxl {
  border: solid var(--fs-7) #030038;
}
.b-bp-dale--300--xxxxxl {
  border: solid var(--fs-7) #fa2e49;
}
.b-bp-fifa--100--xxxxxl {
  border: solid var(--fs-7) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxxxl {
  border: solid var(--fs-7) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxxxl {
  border: solid var(--fs-7) #00328c;
}
.b-bp-breb--100--xxxxxl {
  border: solid var(--fs-7) #0606e1;
}
.b-bp-breb--150--xxxxxl {
  border: solid var(--fs-7) #c6f8e4;
}
.b-bp-breb--200--xxxxxl {
  border: solid var(--fs-7) #00005a;
}
.b-bp-breb--300--xxxxxl {
  border: solid var(--fs-7) #00c8ff;
}
.b-bp-breb--400--xxxxxl {
  border: solid var(--fs-7) #0078ff;
}
.b-bp-breb--500--xxxxxl {
  border: solid var(--fs-7) #5ac5fa;
}
.b-bp-breb--550--xxxxxl {
  border: solid var(--fs-7) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxxxl {
  border: solid var(--fs-7) #00b140;
}
.b-bp-breb--650--xxxxxl {
  border: solid var(--fs-7) #00ff6d;
}
.b-bp-breb--700--xxxxxl {
  border: solid var(--fs-7) #00ff2a;
}
.b-bp-breb--800--xxxxxl {
  border: solid var(--fs-7) #00ce85;
}
.b-bp-grad--neutral-500--xxxxxl {
  border: solid var(--fs-7) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxxxl {
  border: solid var(--fs-7) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxxxl {
  border: solid var(--fs-7) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxxxl {
  border: solid var(--fs-7) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxxxl {
  border: solid var(--fs-7) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxxxl {
  border: solid var(--fs-7) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxxxl {
  border: solid var(--fs-7) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxxxl {
  border: solid var(--fs-7);
}

.br-xxxxxxl {
  border-radius: var(--fs-8);
}

.b-xxxxxxl {
  border: solid var(--fs-8);
}
.b-bp-neutral--white--xxxxxxl {
  border: solid var(--fs-8) #ffffff;
}
.b-bp-neutral--100--xxxxxxl {
  border: solid var(--fs-8) #f5f5f5;
}
.b-bp-neutral--200--xxxxxxl {
  border: solid var(--fs-8) #9d9d9d;
}
.b-bp-neutral--400--xxxxxxl {
  border: solid var(--fs-8) #7b7b7b;
}
.b-bp-neutral--600--xxxxxxl {
  border: solid var(--fs-8) #555555;
}
.b-bp-neutral--900--xxxxxxl {
  border: solid var(--fs-8) #000000;
}
.b-bp-primary--100--xxxxxxl {
  border: solid var(--fs-8) #cfdce0;
}
.b-bp-primary--300--xxxxxxl {
  border: solid var(--fs-8) #87a8b1;
}
.b-bp-primary--400--xxxxxxl {
  border: solid var(--fs-8) #26737f;
}
.b-bp-primary--500--xxxxxxl {
  border: solid var(--fs-8) #105163;
}
.b-bp-primary--900--xxxxxxl {
  border: solid var(--fs-8) #0b3642;
}
.b-bp-primary-tpt--100--xxxxxxl {
  border: solid var(--fs-8) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--xxxxxxl {
  border: solid var(--fs-8) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--xxxxxxl {
  border: solid var(--fs-8) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--xxxxxxl {
  border: solid var(--fs-8) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--xxxxxxl {
  border: solid var(--fs-8) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--xxxxxxl {
  border: solid var(--fs-8) #d4f3d0;
}
.b-bp-secondary--200--xxxxxxl {
  border: solid var(--fs-8) #00b800;
}
.b-bp-secondary--400--xxxxxxl {
  border: solid var(--fs-8) #34ef00;
}
.b-bp-secondary--500--xxxxxxl {
  border: solid var(--fs-8) #27c112;
}
.b-bp-secondary--600--xxxxxxl {
  border: solid var(--fs-8) #279f12;
}
.b-bp-secondary--900--xxxxxxl {
  border: solid var(--fs-8) #21a10f;
}
.b-bp-accent--100--xxxxxxl {
  border: solid var(--fs-8) #feebd7;
}
.b-bp-accent--400--xxxxxxl {
  border: solid var(--fs-8) #fbbc78;
}
.b-bp-accent--500--xxxxxxl {
  border: solid var(--fs-8) #f99b35;
}
.b-bp-accent--900--xxxxxxl {
  border: solid var(--fs-8) #fe680d;
}
.b-bp-alerts--100--xxxxxxl {
  border: solid var(--fs-8) #d4f3d0;
}
.b-bp-alerts--500--xxxxxxl {
  border: solid var(--fs-8) #27c112;
}
.b-bp-alerts--300--xxxxxxl {
  border: solid var(--fs-8) #dbeafd;
}
.b-bp-alerts--400--xxxxxxl {
  border: solid var(--fs-8) #008cff;
}
.b-bp-alerts--200--xxxxxxl {
  border: solid var(--fs-8) #fed7d7;
}
.b-bp-alerts--600--xxxxxxl {
  border: solid var(--fs-8) #f64c3c;
}
.b-bp-alerts--900--xxxxxxl {
  border: solid var(--fs-8) #bd0000;
}
.b-bp-dale--500--xxxxxxl {
  border: solid var(--fs-8) #030038;
}
.b-bp-dale--300--xxxxxxl {
  border: solid var(--fs-8) #fa2e49;
}
.b-bp-fifa--100--xxxxxxl {
  border: solid var(--fs-8) rgb(0, 0, 26);
}
.b-bp-fifa--400--xxxxxxl {
  border: solid var(--fs-8) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--xxxxxxl {
  border: solid var(--fs-8) #00328c;
}
.b-bp-breb--100--xxxxxxl {
  border: solid var(--fs-8) #0606e1;
}
.b-bp-breb--150--xxxxxxl {
  border: solid var(--fs-8) #c6f8e4;
}
.b-bp-breb--200--xxxxxxl {
  border: solid var(--fs-8) #00005a;
}
.b-bp-breb--300--xxxxxxl {
  border: solid var(--fs-8) #00c8ff;
}
.b-bp-breb--400--xxxxxxl {
  border: solid var(--fs-8) #0078ff;
}
.b-bp-breb--500--xxxxxxl {
  border: solid var(--fs-8) #5ac5fa;
}
.b-bp-breb--550--xxxxxxl {
  border: solid var(--fs-8) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--xxxxxxl {
  border: solid var(--fs-8) #00b140;
}
.b-bp-breb--650--xxxxxxl {
  border: solid var(--fs-8) #00ff6d;
}
.b-bp-breb--700--xxxxxxl {
  border: solid var(--fs-8) #00ff2a;
}
.b-bp-breb--800--xxxxxxl {
  border: solid var(--fs-8) #00ce85;
}
.b-bp-grad--neutral-500--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--xxxxxxl {
  border: solid var(--fs-8) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-xxxxxxl {
  border: solid var(--fs-8);
}

.br-7xl {
  border-radius: var(--fs-10);
}

.b-7xl {
  border: solid var(--fs-10);
}
.b-bp-neutral--white--7xl {
  border: solid var(--fs-10) #ffffff;
}
.b-bp-neutral--100--7xl {
  border: solid var(--fs-10) #f5f5f5;
}
.b-bp-neutral--200--7xl {
  border: solid var(--fs-10) #9d9d9d;
}
.b-bp-neutral--400--7xl {
  border: solid var(--fs-10) #7b7b7b;
}
.b-bp-neutral--600--7xl {
  border: solid var(--fs-10) #555555;
}
.b-bp-neutral--900--7xl {
  border: solid var(--fs-10) #000000;
}
.b-bp-primary--100--7xl {
  border: solid var(--fs-10) #cfdce0;
}
.b-bp-primary--300--7xl {
  border: solid var(--fs-10) #87a8b1;
}
.b-bp-primary--400--7xl {
  border: solid var(--fs-10) #26737f;
}
.b-bp-primary--500--7xl {
  border: solid var(--fs-10) #105163;
}
.b-bp-primary--900--7xl {
  border: solid var(--fs-10) #0b3642;
}
.b-bp-primary-tpt--100--7xl {
  border: solid var(--fs-10) rgba(207, 220, 224, 0.5);
}
.b-bp-primary-tpt--300--7xl {
  border: solid var(--fs-10) rgba(135, 168, 177, 0.5);
}
.b-bp-primary-tpt--400--7xl {
  border: solid var(--fs-10) rgba(38, 115, 127, 0.5);
}
.b-bp-primary-tpt--500--7xl {
  border: solid var(--fs-10) rgba(16, 81, 99, 0.5);
}
.b-bp-primary-tpt--900--7xl {
  border: solid var(--fs-10) rgba(11, 54, 66, 0.5);
}
.b-bp-secondary--100--7xl {
  border: solid var(--fs-10) #d4f3d0;
}
.b-bp-secondary--200--7xl {
  border: solid var(--fs-10) #00b800;
}
.b-bp-secondary--400--7xl {
  border: solid var(--fs-10) #34ef00;
}
.b-bp-secondary--500--7xl {
  border: solid var(--fs-10) #27c112;
}
.b-bp-secondary--600--7xl {
  border: solid var(--fs-10) #279f12;
}
.b-bp-secondary--900--7xl {
  border: solid var(--fs-10) #21a10f;
}
.b-bp-accent--100--7xl {
  border: solid var(--fs-10) #feebd7;
}
.b-bp-accent--400--7xl {
  border: solid var(--fs-10) #fbbc78;
}
.b-bp-accent--500--7xl {
  border: solid var(--fs-10) #f99b35;
}
.b-bp-accent--900--7xl {
  border: solid var(--fs-10) #fe680d;
}
.b-bp-alerts--100--7xl {
  border: solid var(--fs-10) #d4f3d0;
}
.b-bp-alerts--500--7xl {
  border: solid var(--fs-10) #27c112;
}
.b-bp-alerts--300--7xl {
  border: solid var(--fs-10) #dbeafd;
}
.b-bp-alerts--400--7xl {
  border: solid var(--fs-10) #008cff;
}
.b-bp-alerts--200--7xl {
  border: solid var(--fs-10) #fed7d7;
}
.b-bp-alerts--600--7xl {
  border: solid var(--fs-10) #f64c3c;
}
.b-bp-alerts--900--7xl {
  border: solid var(--fs-10) #bd0000;
}
.b-bp-dale--500--7xl {
  border: solid var(--fs-10) #030038;
}
.b-bp-dale--300--7xl {
  border: solid var(--fs-10) #fa2e49;
}
.b-bp-fifa--100--7xl {
  border: solid var(--fs-10) rgb(0, 0, 26);
}
.b-bp-fifa--400--7xl {
  border: solid var(--fs-10) rgba(119, 209, 255, 0.6);
}
.b-bp-fifa--500--7xl {
  border: solid var(--fs-10) #00328c;
}
.b-bp-breb--100--7xl {
  border: solid var(--fs-10) #0606e1;
}
.b-bp-breb--150--7xl {
  border: solid var(--fs-10) #c6f8e4;
}
.b-bp-breb--200--7xl {
  border: solid var(--fs-10) #00005a;
}
.b-bp-breb--300--7xl {
  border: solid var(--fs-10) #00c8ff;
}
.b-bp-breb--400--7xl {
  border: solid var(--fs-10) #0078ff;
}
.b-bp-breb--500--7xl {
  border: solid var(--fs-10) #5ac5fa;
}
.b-bp-breb--550--7xl {
  border: solid var(--fs-10) rgba(90, 197, 250, 0.1215686275);
}
.b-bp-breb--600--7xl {
  border: solid var(--fs-10) #00b140;
}
.b-bp-breb--650--7xl {
  border: solid var(--fs-10) #00ff6d;
}
.b-bp-breb--700--7xl {
  border: solid var(--fs-10) #00ff2a;
}
.b-bp-breb--800--7xl {
  border: solid var(--fs-10) #00ce85;
}
.b-bp-grad--neutral-500--7xl {
  border: solid var(--fs-10) linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
}
.b-bp-grad--primary-500--7xl {
  border: solid var(--fs-10) linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.b-bp-grad--secondary-500--7xl {
  border: solid var(--fs-10) linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.b-bp-grad--fifa-500--7xl {
  border: solid var(--fs-10) linear-gradient(180deg, var(--clr-bp-fifa-100) 0%, var(--clr-bp-fifa-400) 100%);
}
.b-bp-grad--breb-500--7xl {
  border: solid var(--fs-10) linear-gradient(90deg, var(--clr-bp-breb-500) 0%, var(--clr-bp-breb-800) 100%);
}
.b-bp-grad--aval-500--7xl {
  border: solid var(--fs-10) linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
}
.b-bp-grad--aval-400--7xl {
  border: solid var(--fs-10) linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
}

.b-7xl {
  border: solid var(--fs-10);
}

.box-card {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: var(--fs-1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.box-card--md {
  width: 0%;
}

.box-card-slider {
  width: calc(100% - 8px);
  max-width: 100%;
  border-radius: var(--fs-1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.box-card-slider--md {
  width: 0%;
}

.iframe-video {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .iframe-video {
    width: 80%;
  }
}

.neumorphism {
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
}

.border-left {
  border-left: solid;
  border-width: 1px;
  border-color: #9d9d9d;
}

.border-left-2 {
  border-left: solid;
  border-width: 1px;
  border-color: #555555;
}

.border-top {
  border-top: solid;
  border-width: 1px;
  border-color: #9d9d9d;
}

.border-bottom {
  border-bottom: solid;
  border-width: 1px;
  border-color: #000000;
}

.br-left {
  border-top-left-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}

.section-skew {
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 40em) {
  .section-skew {
    clip-path: polygon(0 16%, 100% 0%, 100% 100%, 0% 100%);
  }
}

.radius-r {
  border-radius: 0 0 60px 0;
}

.bp-shadow {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}

.bottom-shadow {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1490196078);
}

.box-image {
  width: 100%;
  border-radius: var(--fs-0);
}
.box-image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: inherit;
}
@media only screen and (min-width: 64em) {
  .box-image img {
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.dash-line {
  width: 80%;
  border-top: 2px dashed black;
}

@media only screen and (min-width: 40em) {
  .bright {
    border-right: #105163 2px solid;
  }
}

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

.scroll-watcher {
  z-index: 10;
  width: 100%;
  height: 8px;
  top: 0;
  position: fixed;
  scale: 0 1;
  background-color: #27c112;
  animation: scroll-watcher linear;
  animation-timeline: scroll();
  transform-origin: left;
}

@keyframes scroll-watcher {
  to {
    scale: 1 1;
  }
}
.animate-on-scroll {
  opacity: 0;
}
.animate-on-scroll.is-visible {
  opacity: 1;
}
.animate-on-scroll.is-visible[data-animate=fade-up] {
  opacity: 0;
  transform: translateY(30px);
  animation: fadeInUp 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-left] {
  opacity: 0;
  transform: translateX(-30px);
  animation: fadeInLeft 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-right] {
  opacity: 0;
  transform: translateX(30px);
  animation-name: fadeInRight;
  animation-duration: 0.6s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  will-change: transform, opacity;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.animate-on-scroll.is-visible[data-animate=zoom-in] {
  transform: scale(0.8);
  animation-name: zoomIn;
  animation-duration: 0.6s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
.animate-on-scroll.is-visible[data-animate=zoom-in-fade] {
  opacity: 0;
  transform: scale(0.95);
  animation: zoomInFade 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-up-soft] {
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInUpSoft 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-up-soft] {
  opacity: 0;
  transform: translateY(15px);
  animation: fadeInUpSoft 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-left] {
  opacity: 0;
  transform: translateX(-30px);
  animation: fadeInLeft 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-up-staggered] {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUpStaggered 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=fade-left] {
  opacity: 0;
  transform: translateX(-30px);
  animation: fadeInLeft 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-animate=zoom-in-staggered] {
  opacity: 0;
  transform: scale(0.9);
  animation: zoomInStaggered 0.6s ease forwards;
}
.animate-on-scroll.is-visible[data-delay="0s"] {
  animation-delay: 0s;
}
.animate-on-scroll.is-visible[data-delay="0.2s"] {
  animation-delay: 0.2s;
}
.animate-on-scroll.is-visible[data-delay="0.4s"] {
  animation-delay: 0.4s;
}
.animate-on-scroll.is-visible[data-delay="0.6s"] {
  animation-delay: 0.6s;
}
.animate-on-scroll.is-visible[data-delay="0.8s"] {
  animation-delay: 0.8s;
}
.animate-on-scroll.is-visible[data-delay="1s"] {
  animation-delay: 1s;
}
.animate-on-scroll.is-visible[data-delay="1.2s"] {
  animation-delay: 1.2s;
}
.animate-on-scroll.is-visible[data-delay="1.4s"] {
  animation-delay: 1.4s;
}

.tc-card {
  width: 100%;
  height: 100%;
  aspect-ratio: 2.5/1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  border-radius: var(--fs-0);
  padding-inline: var(--fs--1);
  padding-block: var(--fs-1);
  color: #ffffff;
  background-color: #27c112;
}
.tc-card > * {
  padding-block: var(--fs--1);
}
.tc-card__icon {
  width: 62px;
}
.tc-card__content {
  text-align: left;
}
@media only screen and (min-width: 40em) {
  .tc-card {
    aspect-ratio: 1/1;
    flex-direction: column;
    padding-inline: var(--fs-0);
    padding-block: var(--fs-2);
  }
  .tc-card > * {
    padding-block: var(--fs-0);
  }
  .tc-card__icon {
    width: 80px;
  }
  .tc-card__content {
    text-align: center;
  }
}

.tc-hero-section {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(6, auto);
  padding-block: var(--fs-2);
}
.tc-hero-section__img {
  display: inherit;
  grid-column: 3/11;
  grid-row: 1/3;
  z-index: 2;
  align-self: center;
}
.tc-hero-section__content {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  grid-column: 2/12;
  grid-row: 3/-2;
  z-index: 2;
  padding-inline: var(--fs-0);
  padding-bottom: var(--fs-3);
}
.tc-hero-section__content__title {
  justify-self: center;
  padding-block: var(--fs-1);
  text-align: center;
}
.tc-hero-section__back {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2/-1;
}
@media only screen and (min-width: 40em) {
  .tc-hero-section {
    grid-template-rows: 0.1fr repeat(4, 0.24fr) 0.1fr;
  }
  .tc-hero-section__img {
    grid-column: 2/6;
    grid-row: 1/-1;
    z-index: 2;
  }
  .tc-hero-section__content {
    grid-column: 6/-1;
    grid-row: 2/-2;
    z-index: 2;
    padding: var(--fs-0);
    padding-block: var(--fs--3);
  }
  .tc-hero-section__content__title {
    padding-block: var(--fs-2);
  }
  .tc-hero-section__back {
    width: 100%;
    grid-column: 1/-1;
    grid-row: 2/6;
    padding-block: var(--fs-4);
  }
}

.tc-steps-section {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding-left: var(--fs--1);
  padding-top: var(--fs-2);
  padding-bottom: var(--fs-4);
}
.tc-steps-section > * {
  justify-items: center;
  align-items: center;
}
.tc-steps-section__title {
  grid-column: 1/-1;
  padding-block: var(--fs-1);
  text-align: center;
}
.tc-steps-section__content {
  grid-column: 1/-1;
}
.tc-steps-section__img {
  grid-column: 1/-1;
  grid-row: 2;
}
@media only screen and (min-width: 40em) {
  .tc-steps-section__content {
    display: inherit;
    grid-column: 1;
    align-items: center;
    justify-items: center;
  }
  .tc-steps-section__img {
    display: inherit;
    grid-column: 2;
    align-items: center;
    justify-items: center;
  }
}

.tc-steps {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  justify-items: flex-start;
  padding-block: var(--fs-0);
}
.tc-steps__item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 1rem;
  padding-block: var(--fs--2);
}
.tc-steps__item__img {
  width: 80px;
  min-width: 80px;
}
.tc-steps__item__icon {
  font-family: "ibp";
  font-size: var(--fs-2);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  color: inherit;
}
.tc-steps__item__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
}
.tc-steps__item__link:hover .tc-steps__item__content p b {
  color: #f99b35;
}
@media only screen and (min-width: 40em) {
  .tc-steps {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    justify-items: flex-start;
    gap: 1rem;
  }
  .tc-steps__item {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding-block: var(--fs-1);
    text-align: center;
  }
  .tc-steps__item__icon {
    font-family: "ibp";
    font-size: var(--fs-4);
  }
}
@media only screen and (min-width: 64em) {
  .tc-steps {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));
    justify-items: flex-start;
  }
}

@media only screen and (min-width: 40em) {
  .bp-img-star {
    width: 40%;
    margin: 16px auto;
  }
}
.even-colums__image--star img {
  padding-block: 16px !important;
}

.tc-hero-section-v {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, auto);
  /* @include pv("l"); */
}
.tc-hero-section-v__img {
  display: inherit;
  grid-column: 3/11;
  grid-row: 1/3;
  z-index: 2;
}
.tc-hero-section-v__content {
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  grid-column: 1/-2;
  grid-row: 3/-2;
  z-index: 2;
  padding-inline: var(--fs-0);
  padding-bottom: var(--fs-3);
}
.tc-hero-section-v__content__title {
  justify-self: center;
  padding-block: var(--fs-1);
  text-align: center;
}
.tc-hero-section-v__back {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2/-1;
}
@media only screen and (min-width: 40em) {
  .tc-hero-section-v {
    /* grid-template-rows: 0.1fr repeat(4, 0.24fr) 0.1fr; */
  }
  .tc-hero-section-v__img {
    grid-column: 2/6;
    grid-row: 1/-1;
    z-index: 2;
    align-self: flex-end !important;
  }
  .tc-hero-section-v__content {
    grid-column: 6/-1;
    grid-row: 2/-2;
    z-index: 2;
    padding: var(--fs-0);
    padding-block: var(--fs--3);
  }
  .tc-hero-section-v__content__title {
    padding-block: var(--fs-2);
  }
  .tc-hero-section-v__back {
    width: 100%;
    grid-column: 1/-1;
    grid-row: 2/6;
    padding-block: var(--fs-4);
  }
}

.grid-viajes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(6, 1fr);
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 100%;
}
.grid-viajes__interno {
  grid-row: 2/-1;
  grid-column: 1/-1;
  background-color: black;
}
.grid-viajes__image img {
  width: 100%;
  height: 100%;
}

.mw-center {
  max-width: 43%;
  min-width: 330px;
}

@media screen and (min-width: 1860px) {
  .mw-center {
    max-width: 35%;
    min-width: 330px;
  } /* … */
}
@media screen and (min-width: 400px) and (max-width: 760px) {
  .mw-center {
    max-width: 100%;
    min-width: 287px;
  } /* … */
}
.m-top {
  margin-top: -50px;
}

.m-top-btn {
  margin: 15px auto 0;
}

.img-tb {
  width: 80%;
}

.img-center-c {
  justify-content: flex-end !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .img-tb {
    width: 60%;
  }
  .img-center-c {
    justify-content: center !important;
  }
}
@media screen and (max-width: 340px) {
  .w-max-section {
    max-width: 90%;
  }
}
.box {
  display: inline-block;
  background-color: #26737f;
  border: 2px solid getColor(gray, "light");
  border-radius: 4px;
}

/** typography - tokens*/
.txt {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 1rem;
}
.txt--xxs {
  font-size: var(--fs--2);
}
.txt--xs {
  font-size: var(--fs--1);
}
.txt--s {
  font-size: var(--fs-0);
}
.txt--m {
  font-size: var(--fs-1);
}
.txt--l {
  font-size: var(--fs-2);
}
.txt--xl {
  font-size: var(--fs-3);
}
.txt--xxl {
  font-size: var(--fs-4);
}

/** Color - tokens*/
.shades > * {
  margin-right: var(--fs--3);
  margin-bottom: var(--fs--2);
}

.box-clr {
  display: inline-block;
  padding: var(--fs-0);
  border-radius: var(--fs--3);
}

.header-dgr {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 0.4fr repeat(12, minmax(min-content, 1fr)) 0.4fr;
}
.header-dgr__color-strip {
  grid-column: 1/-1;
  grid-row: 1/3;
}
.header-dgr__left-column {
  grid-column: 1/-1;
  grid-row: 3/5;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.header-dgr__left-column__content--sm {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.header-dgr__right-column {
  grid-column: 1/-1;
  grid-row: 1/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: linear-gradient(to top, transparent, black);
}
@media only screen and (min-width: 72em) {
  .header-dgr__color-strip {
    grid-column: 1/-1;
    grid-row: 1/4;
  }
  .header-dgr__color-strip img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .header-dgr__left-column {
    grid-column: 2/7;
    grid-row: 1/4;
  }
  .header-dgr__left-column__content--sm {
    align-items: flex-start;
  }
  .header-dgr__right-column {
    grid-column: 7/-1;
    grid-row: 1/4;
    display: grid;
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.5215686275), rgba(0, 0, 0, 0.7411764706), #000000);
  }
  .header-dgr__right-column--deg {
    grid-column: 5/-1;
    grid-row: 1/4;
  }
}
@media only screen and (min-width: 64em) {
  .header-dgr {
    /* @include gap('xxs'); */
  }
  .header-dgr__color-strip {
    grid-column: 1/-1;
    grid-row: 2/4;
  }
  .header-dgr__left-column {
    grid-column: 2/7;
    grid-row: 1/4;
    align-items: flex-end;
  }
  .header-dgr__left-column img {
    width: 80%;
  }
  .header-dgr__right-column {
    grid-column: 7/-1;
    grid-row: 1/4;
    display: grid;
    grid-template-columns: repeat(12, minmax(min-content, 1fr));
    background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.5215686275), rgba(0, 0, 0, 0.7411764706), #000000);
  }
  .header-dgr__right-column--deg {
    grid-column: 5/-1;
    grid-row: 1/4;
  }
}

.header-bg {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  grid-template-rows: repeat(6, minmax(min-content, 1fr));
}
.header-bg__img {
  grid-column: 1/-1;
  grid-row: 1/-1;
  max-height: 600px;
}
.header-bg__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.header-bg__left-column {
  grid-column: 1/-1;
  display: grid;
  align-items: center;
}
.header-bg__left-column > * {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.header-bg__container {
  background-color: #ffffff;
  padding-inline: var(--fs-3);
  padding-block: var(--fs-3);
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
  border-bottom-right-radius: var(--fs-1);
  border-bottom-left-radius: var(--fs-1);
}
.header-bg__right-column {
  z-index: 1;
  display: grid;
  grid-column: 8/-1;
  grid-row: 1/-1;
  background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.5215686275), rgba(0, 0, 0, 0.7411764706), #000000);
}
@media only screen and (min-width: 60em) {
  .header-bg__left-column {
    z-index: 1;
    grid-column: 2/7;
    grid-row: 2/-2;
    display: grid;
    align-items: center;
  }
  .header-bg__left-column > * {
    display: inline-block;
    text-align: start;
  }
}

.splide {
  position: relative;
  visibility: hidden;
  height: 100%;
  width: 100%;
  overflow: visible !important;
  display: grid !important;
  grid-template-columns: repeat(12, 1fr);
}
.splide > * {
  grid-column: 1/-1;
}
.splide {
  padding-top: 0;
}
.splide__arrows--ttb__arrow {
  left: 50%;
  transform: translate(-50%);
}
.splide__arrows--ttb__arrow--prev {
  top: 1em;
}
.splide__arrows--ttb__arrow--prev svg {
  transform: rotate(-90deg);
}
.splide__arrows--ttb__arrow--next {
  bottom: 1em;
  top: auto;
}
.splide__arrows--ttb__arrow--next svg {
  transform: rotate(90deg);
}
.splide__arrows {
  width: 100%;
  z-index: 5;
  position: absolute;
  top: 60%;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
}
.splide__arrow {
  position: relative;
  width: 2em;
  height: 2em;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
.splide__arrow svg {
  fill: #27c112;
  height: 2em;
  transition: fill 0.2s linear;
  width: 2.5em;
}
.splide__arrow:hover:not(:disabled) svg {
  fill: #70ce69;
}
.splide__arrow:disabled {
  opacity: 0.3;
}
.splide__arrow:focus-visible {
  outline: 3px solid #27c112;
  outline-offset: 3px;
}
.splide__arrow--prev {
  left: 1em;
}
.splide__arrow--prev svg {
  transform: scaleX(-1);
}
.splide__arrow--next {
  right: 1em;
}
.splide.is-focus-in, .splide__arrow:focus {
  min-width: -moz-fit-content;
  min-width: fit-content;
  outline: none;
  outline-offset: 3px;
  border-radius: 0.4rem;
}
.splide__pagination {
  justify-content: flex-end !important;
}
.splide__pagination--ttb {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: auto;
  padding: 1em 0;
  right: 1em;
  top: 0;
}
.splide__pagination--ttb, .splide__pagination__page {
  height: 40px;
  width: 12px;
}
.splide__pagination {
  position: absolute;
  top: 95%;
  left: 0;
  right: 0;
  z-index: 1;
  padding: 0 1em;
}
@media only screen and (min-width: 64em) {
  .splide__pagination {
    top: 88%;
    right: 2rem;
  }
}
.splide__pagination__page {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 6px;
  margin: 8px;
  border: 0;
  border-radius: 2.5px;
  padding: 0;
  background: #8b8b8b;
  transition: background-color 0.2s linear;
}
.splide__pagination__page, .splide.is-active {
  z-index: 1;
}
.splide__pagination__page, .splide.is-active {
  z-index: 1;
}
.splide__pagination button.is-active {
  background: #27c112;
  outline: 1px solid #27c112;
  outline-offset: 3px;
}
.splide__pagination__page:hover {
  opacity: 0.9;
  cursor: pointer;
  background-color: #27c112;
}
.splide__pagination__page:focus-visible {
  outline: 3px solid #27c112;
  outline-offset: 3px;
}
.splide__pagination__page:focus {
  outline-offset: 4px;
  outline: 1px solid #27c112;
  background-color: #27c112;
}
.splide.is-focus-in {
  outline: 1px solid #27c112;
}
.splide__pagination {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  pointer-events: none;
}
.splide__pagination li {
  display: inline-block;
  line-height: 1;
  list-style-type: none;
  margin: 0;
  pointer-events: auto;
}
.splide .splide:not(.is-overflow) .splide__pagination {
  display: none;
}
.splide__slide {
  width: -moz-fit-content;
  width: fit-content;
  -webkit-tap-highlight-color: rgba(248, 16, 16, 0);
  border-radius: 4px;
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background-color: transparent;
}
.splide__slide:focus {
  outline: 0;
}
@supports (outline-offset: -3px) {
  .splide__slide:focus-visible {
    outline: none;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid hsl(148, 100%, 30%);
  }
}
@supports (outline-offset: -3px) {
  .splide.is-focus-in, .splide__slide:focus {
    outline: none;
    outline-offset: -3px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide.is-focus-in, .splide__slide:focus {
    border-radius: 0.4rem;
    outline: none;
  }
  .splide.is-focus-in, .splide__track > .splide__list > .splide__slide:focus {
    border: none;
  }
}
.splide__slide img {
  vertical-align: bottom;
}
.splide__container {
  box-sizing: border-box;
  position: relative;
}
.splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 100%;
  margin: 0 !important;
}
.splide.is-initialized:not(.is-active) .splide__list {
  display: block;
}
.splide__spinner {
  animation: splide-loading 1s linear infinite;
  border: 2px solid hsl(148, 100%, 30%);
  border-left-color: transparent;
  border-radius: 50%;
  bottom: 0;
  contain: strict;
  display: inline-block;
  height: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.splide__sr {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
  display: none;
}
.splide__toggle.is-active .splide__toggle__pause {
  display: inline;
}
.splide__track {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
@media only screen and (min-width: 40em) {
  .splide__track {
    padding-inline: 1rem;
  }
}
@keyframes splide-loading {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
.splide__track--draggable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.splide__track--fade > .splide__list > .splide__slide {
  margin: 0 !important;
  opacity: 0;
  z-index: 0;
}
.splide__track--fade > .splide__list > .splide__slide.is-active {
  opacity: 1;
  z-index: 1;
}
[data-slider=step] .splide__arrows--ttb__arrow {
  left: 50%;
  transform: translate(-50%);
}
[data-slider=step] .splide__arrows {
  grid-area: 3;
  grid-column: 6/8;
  justify-self: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90%;
  position: initial !important;
  padding-block: var(--fs--2);
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  gap: 2.5rem;
}
[data-slider=step] .splide__arrow {
  position: relative;
  width: 2.5em;
  height: 2.5em;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: white;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-slider=step] .splide.is-focus-in, [data-slider=step] .splide__arrow:focus {
  outline: none;
  outline-offset: 3px;
}
[data-slider=reviews] .splide__arrows--ttb__arrow {
  left: 50%;
  transform: translate(-50%);
}
[data-slider=reviews] .splide__arrows {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90%;
  position: absolute;
  top: 97%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  gap: 2.5rem;
}
[data-slider=reviews] .splide__arrow {
  position: relative;
  width: 2.5em;
  height: 2.5em;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
[data-slider=reviews] .splide.is-focus-in, [data-slider=reviews] .splide__arrow:focus {
  outline: 1px solid #27c112;
  outline-offset: 3px;
  border-radius: 0.4rem;
}
[data-slider=brands] .splide__arrows--ttb__arrow {
  left: 70%;
}
[data-slider=brands] .splide__arrows--ttb__arrow--prev {
  top: -1em;
}
[data-slider=brands] .splide__arrows--ttb__arrow--prev svg {
  transform: rotate(-90deg);
}
[data-slider=brands] .splide__arrows--ttb__arrow--next {
  bottom: 1em;
  top: auto;
  right: 2rem;
}
[data-slider=brands] .splide__arrows--ttb__arrow--next svg {
  transform: rotate(90deg);
}
[data-slider=brands] .splide__arrows {
  width: 100%;
  position: absolute;
  top: 84%;
  left: 0;
  right: 0;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
}
[data-slider=brands] .splide__arrow {
  position: relative;
  width: 2em;
  height: 2em;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
}
[data-slider=brands] .splide.is-focus-in, [data-slider=brands] .splide__arrow:focus {
  outline: 1px solid #27c112;
  outline-offset: 3px;
  border-radius: 0.4rem;
}
[data-slider=brands] .splide__track {
  width: 100%;
  margin-left: 2rem;
  padding-left: 6rem;
}
@media only screen and (min-width: 64em) {
  [data-slider=brands] .splide__arrows {
    width: 100%;
    position: absolute;
    top: 75%;
    left: 0;
    right: 0;
  }
  [data-slider=brands] .splide__track {
    width: 90%;
    align-self: center;
    justify-self: center;
  }
}
.splide .brand-icon {
  font-size: var(--fs-5);
}
@media only screen and (min-width: 48em) {
  .splide .brand-icon i {
    font-size: 2.25rem;
  }
}
@media only screen and (min-width: 100em) {
  .splide .brand-icon i {
    font-size: var(--fs-8);
  }
}
[data-slider=alliesLogos] .splide__arrows {
  display: none !important;
  opacity: 0;
}
[data-slider=alliesLogos] .splide__arrow svg {
  fill: transparent !important;
  height: 0em;
  transition: fill 0.2s linear;
  width: 0em;
}
[data-slider=alliesLogos] .splide.splide__slide img {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
[data-slider=news] .splide__arrows {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90%;
  position: absolute;
  top: 104% !important;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  gap: 3rem;
}
[data-slider=news] .splide__arrow {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
[data-slider=news] .splide__arrow svg {
  height: 1.5em;
  width: 2em;
}
[data-slider=news] .splide.is-focus-in, [data-slider=news] .splide__arrow:focus {
  outline: 1px solid #27c112;
  outline-offset: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (min-width: 48em) {
  [data-slider=news] .splide__arrows {
    top: 77%;
    left: 50%;
    gap: 2.5em;
  }
}
@media only screen and (min-width: 80em) {
  [data-slider=news] .splide__arrows {
    top: 90% !important;
    left: 85%;
    gap: 3em;
  }
  [data-slider=news] .splide__arrow {
    width: 3.5em;
    height: 3.5em;
  }
  [data-slider=news] .splide__arrow svg {
    fill: #27c112;
    height: 2em;
    transition: fill 0.2s linear;
    width: 2.5em;
  }
}
\  [data-slider=tc-inner-card] .splide__list {
  backface-visibility: hidden;
  display: flex;
  height: 24rem;
  margin: 0 !important;
  padding: 0 !important;
}
[data-slider=cardsSlider] .splide__track {
  padding: var(--fs--1);
}
[data-slider=cardsSlider] .splide__arrows {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90%;
  position: absolute;
  top: 101% !important;
  left: 35%;
  z-index: 4;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  gap: 3rem;
}
[data-slider=cardsSlider] .splide__arrow {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
[data-slider=cardsSlider] .splide__arrow svg {
  height: 1.5em;
  width: 2em;
}
[data-slider=cardsSlider] .splide.is-focus-in, [data-slider=cardsSlider] .splide__arrow:focus {
  outline: 1px solid #27c112;
  outline-offset: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (min-width: 48em) {
  [data-slider=cardsSlider] .splide__arrows {
    top: 100%;
    left: 40%;
    gap: 2.5em;
  }
}
@media only screen and (min-width: 64em) {
  [data-slider=cardsSlider] .splide__arrows {
    top: 100%;
    left: 45%;
    gap: 2.5em;
  }
  [data-slider=cardsSlider] .splide__arrow {
    width: 2.5em;
    height: 2.5em;
  }
  [data-slider=cardsSlider] .splide__arrow svg {
    fill: #27c112;
    height: 1.5em;
    transition: fill 0.2s linear;
    width: 2em;
  }
}
@media only screen and (min-width: 80em) {
  [data-slider=cardsSlider] .splide__arrows {
    top: 100%;
    left: 47%;
    gap: 2.5em;
  }
}
[data-slider=cardsSliderDesk] .splide__track {
  padding: var(--fs-1);
}
[data-slider=cardsSliderDesk] .splide__arrows {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 90%;
  position: absolute;
  top: 99% !important;
  left: 35%;
  z-index: 4;
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  gap: 3rem;
}
[data-slider=cardsSliderDesk] .splide__arrow {
  width: 2.5em;
  height: 2.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
[data-slider=cardsSliderDesk] .splide__arrow svg {
  height: 1.5em;
  width: 2em;
}
[data-slider=cardsSliderDesk] .splide.is-focus-in, [data-slider=cardsSliderDesk] .splide__arrow:focus {
  outline: 1px solid #27c112;
  outline-offset: 4px;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (min-width: 48em) {
  [data-slider=cardsSliderDesk] .splide__arrows {
    top: 100%;
    left: 40%;
    gap: 2.5em;
  }
}
@media only screen and (min-width: 64em) {
  [data-slider=cardsSliderDesk] .splide__arrows {
    top: 100%;
    left: 45%;
    gap: 2.5em;
  }
  [data-slider=cardsSliderDesk] .splide__arrow {
    width: 2.5em;
    height: 2.5em;
  }
  [data-slider=cardsSliderDesk] .splide__arrow svg {
    fill: #27c112;
    height: 1.5em;
    transition: fill 0.2s linear;
    width: 2em;
  }
}
@media only screen and (min-width: 80em) {
  [data-slider=cardsSliderDesk] .splide__arrows {
    top: 100%;
    left: 47%;
    gap: 2.5em;
  }
}
[data-slider=fourItems] .splide__pagination {
  position: absolute;
  width: 100%;
  top: 95%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  padding: 0 1em;
}
@media only screen and (min-width: 48em) {
  [data-slider=fourItems] .splide__pagination {
    top: 99%;
    left: 20%;
  }
}
@media only screen and (min-width: 64em) {
  [data-slider=fourItems] .splide__pagination {
    top: 99%;
    left: 5%;
    transform: translateX(-50%);
  }
}
[data-slider=creditCardsSlider] .splide__pagination {
  width: 100%;
  justify-content: flex-start !important;
  padding: 0;
}
[data-slider=creditCardsSlider] .splide__pagination--ttb, [data-slider=creditCardsSlider] .splide__pagination__page {
  height: 40px;
  width: 10px;
}
[data-slider=creditCardsSlider] .splide__pagination {
  position: absolute;
  top: 96%;
  left: 0;
  z-index: 1;
  padding: 0 1em;
}
@media only screen and (min-width: 48em) {
  [data-slider=creditCardsSlider] .splide__pagination {
    top: 99%;
    left: 35%;
  }
}
@media only screen and (min-width: 64em) {
  [data-slider=creditCardsSlider] .splide__pagination {
    top: 99%;
    left: 45%;
  }
}
[data-slider=creditCardsSlider] .splide__pagination__page {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 6px;
  margin: 8px;
  border: 0;
  border-radius: 2.5px;
  padding: 0;
  background: #8b8b8b;
  transition: background-color 0.2s linear;
}
[data-slider=quickLinks] .splide__track {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto !important;
}
[data-slider=quickLinks] .splide__list {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  align-items: stretch;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  align-items: center;
  padding-inline: 1rem !important;
  padding-block: 1rem !important;
}
[data-slider=quickLinks] .splide__slide {
  height: 100%;
  min-width: 0;
  align-items: stretch;
}
[data-slider=quickLinks] .splide__arrows {
  position: absolute;
  top: 100% !important;
  left: -1%;
  right: -1%;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: center;
  justify-content: center;
  gap: 4rem;
  pointer-events: none;
}
[data-slider=quickLinks] .splide__arrow {
  width: 1.5rem;
  height: 1.5rem;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.2rem;
  background: white;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-slider=quickLinks] .splide.is-focus-in, [data-slider=quickLinks] .splide__arrow:focus {
  outline-offset: 3px;
  border-radius: 50%;
}
[data-slider=quickLinks] .splide.is-focus-in svg, [data-slider=quickLinks] .splide__arrow:focus svg {
  width: 1rem;
}
@media only screen and (min-width: 64em) {
  [data-slider=quickLinks] .splide__arrows {
    position: absolute;
    top: 40% !important;
    left: 0%;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: space-between;
    gap: 0rem;
    pointer-events: none;
  }
  [data-slider=quickLinks] .splide__arrow {
    width: 1.5rem;
    height: 1.5rem;
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.2rem;
    background: white;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  }
}
[data-color=white] .splide__arrow svg {
  fill: white;
}
[data-color=white] .splide__arrow:hover:not(:disabled) svg {
  fill: #d8d8d8;
}
[data-color=white] .splide__arrow:focus-visible {
  outline: 3px solid #fff;
}
[data-color=white] .splide.is-focus-in, [data-color=white] .splide__arrow:focus {
  outline: 1px solid white;
}

.bp-inner-header {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  position: relative;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: repeat(8, min-content);
  align-content: flex-end;
}
.bp-inner-header__img {
  position: relative;
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  padding: 0;
}
.bp-inner-header__img > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.bp-inner-header__img-overlay {
  height: inherit;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  background: rgb(0, 0, 0);
  background: linear-gradient(4deg, rgba(0, 0, 0, 0.2357317927) 0%, rgba(0, 0, 0, 0.7035189076) 81%);
}
.bp-inner-header__img-overlay--righttoleft {
  height: inherit;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  background: rgb(0, 0, 0);
  background: linear-gradient(4deg, rgba(0, 0, 0, 0.2357317927) 0%, rgba(0, 0, 0, 0.7035189076) 81%);
}
.bp-inner-header__img-overlay--downToUp {
  width: 100%;
  height: inherit;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  background-image: linear-gradient(360deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0508578431) 50%);
}
.bp-inner-header__img-picture {
  width: 100%;
  height: inherit;
}
.bp-inner-header__img-picture img {
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 72% 10%;
     object-position: 72% 10%;
}
.bp-inner-header__img-picture--big {
  width: 100%;
  height: 100%;
}
.bp-inner-header__img-picture--big img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 72% 10%;
     object-position: 72% 10%;
}
.bp-inner-header__column-1 {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 2;
  display: flex;
  flex-direction: column;
  padding: var(--fs-1);
}
.bp-inner-header__column-1 > * {
  padding-block-start: var(--fs-0);
}
.bp-inner-header__column-1:has(.bp-ui-card) > * {
  box-shadow: 0 0 rgba(0, 0, 0, 0) !important;
}
@media only screen and (min-width: 64em) {
  .bp-inner-header__column-1:has(.bp-ui-card) > * {
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078) !important;
  }
}
.bp-inner-header__column-2 {
  width: 100%;
  height: 100%;
  grid-column: 1/-1;
  grid-row-start: 2;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.bp-inner-header__column-2 img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.bp-inner-header__central-row {
  width: 100%;
  height: 100%;
  z-index: 2;
  grid-column: 2/-2;
  grid-row: 1/2;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.bp-inner-header__single-column {
  grid-column: 2/-2;
  grid-row: 1/-1;
  z-index: 2;
}
@media only screen and (min-width: 48em) {
  .bp-inner-header {
    align-content: center;
  }
  .bp-inner-header__img-overlay {
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0508578431) 80%);
  }
  .bp-inner-header__img-overlay--righttoleft {
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    background-image: linear-gradient(-90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.0508578431) 80%);
  }
  .bp-inner-header__img-picture {
    height: 32rem;
  }
  .bp-inner-header__img-picture img {
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 80% 30%;
       object-position: 80% 30%;
  }
  .bp-inner-header__column-2--content {
    grid-column: 7/-1;
    grid-row: 2/8;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding-block: var(--fs-2);
  }
  .bp-inner-header__column-2--content > p:first-child {
    font-size: var(--fs-3);
  }
  .bp-inner-header__column-2--content > p:nth-child(2) {
    font-size: var(--fs-6);
  }
}
@media only screen and (min-width: 64em) {
  .bp-inner-header__img-overlay {
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 50%, rgb(0, 0, 0) 100%);
  }
  .bp-inner-header__img-overlay--righttoleft {
    z-index: 1;
    -o-object-fit: cover;
       object-fit: cover;
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 20%, rgb(0, 0, 0) 100%);
  }
  .bp-inner-header__img-picture {
    height: 28rem;
  }
  .bp-inner-header__img-picture img {
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 80% 30%;
       object-position: 80% 30%;
  }
  .bp-inner-header__column-1 {
    height: 100%;
    grid-column: 2/7;
    grid-row: 1/-1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding: var(--fs-1);
  }
  .bp-inner-header__column-1 > * {
    padding-block-start: var(--fs-1);
  }
  .bp-inner-header__column-2 {
    min-height: 100%;
    grid-column: 7/-1;
    grid-row: 1/-1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
  }
  .bp-inner-header__column-2 > * {
    padding-block-start: 0;
  }
  .bp-inner-header__column-2--content {
    grid-column: 7/-1;
    grid-row: 2/8;
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    padding-block: var(--fs-2);
  }
  .bp-inner-header__column-2--content > p:first-child {
    font-size: var(--fs-3);
  }
  .bp-inner-header__column-2--content > p:nth-child(2) {
    font-size: var(--fs-6);
  }
  .bp-inner-header__single-column {
    grid-column: 3/-3;
    grid-row: 1/-1;
    z-index: 2;
  }
}
.bp-inner-header__column-1-fifa {
  width: 100%;
  height: 100%;
  grid-column: 1/3;
  grid-row: 1/-1;
  display: flex;
  flex-direction: column;
}
.bp-inner-header__column-2-fifa {
  width: 100%;
  height: 100%;
  grid-column: 4/-1;
  grid-row: 1/-1;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.bp-inner-header__column-2-fifa p {
  font-size: var(--fs--3);
}
.bp-inner-header__column-2-fifa > * {
  padding-block-start: var(--fs--3);
}
.bp-inner-header-picture-fifa {
  width: 100%;
  height: inherit;
}
.bp-inner-header-picture-fifa img {
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 72% 10%;
     object-position: 72% 10%;
}
@media only screen and (min-width: 48em) {
  .bp-inner-header__column-1-fifa {
    width: 100%;
    height: 100%;
    grid-column: 1/4;
    grid-row: 1/-1;
  }
  .bp-inner-header__column-2-fifa {
    grid-column: 5/-2;
    grid-row: 1/-1;
    z-index: 2;
    padding: var(--fs-0);
  }
  .bp-inner-header__column-2-fifa p {
    font-size: var(--fs-0);
  }
  .bp-inner-header__column-2-fifa > * {
    padding-block-start: var(--fs--2);
  }
}
@media only screen and (min-width: 64em) {
  .bp-inner-header__column-1-fifa {
    width: 100%;
    height: 100%;
    grid-column: 1/5;
    grid-row: 1/-1;
  }
  .bp-inner-header__column-2-fifa {
    grid-column: 7/-2;
    grid-row: 1/-1;
    z-index: 2;
    padding: var(--fs-0);
  }
  .bp-inner-header__column-2-fifa p {
    font-size: var(--fs-3);
  }
  .bp-inner-header__column-2-fifa > * {
    padding-block-start: var(--fs-0);
  }
}

.select-nav {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding: var(--fs-0);
  border-radius: var(--fs--1);
  background-color: #f5f5f5;
}
.select-nav__select {
  width: 100%;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.select-nav__select select {
  width: 100%;
  min-width: 17rem;
  border: 1px solid lightgray;
  font-size: var(--fs--1);
  padding: var(--fs--1);
  border-radius: var(--fs--3);
  background-color: #ffffff;
}
.select-nav__select select select:focus {
  color: var(--clr-bp-neutral-700 !important);
}
.select-nav__select select option {
  word-break: break-word;
}
.select-nav__select__arrow {
  position: absolute;
  height: 100%;
  width: 4rem;
  top: 0;
  right: 0;
  pointer-events: none;
  border-radius: var(--fs--3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.select-nav__select__arrow i {
  font-size: var(--fs-2);
}
.select-nav__content {
  display: none;
  grid-column: 1/-1;
  flex-direction: column;
  padding-top: var(--fs-3);
}
@media only screen and (min-width: 64em) {
  .select-nav {
    flex-direction: row;
  }
}

.navbar-intranet {
  position: relative;
  grid-column: 1/-1;
  width: 100%;
  display: grid;
  grid-template-columns: 0.2fr repeat(4, minmax(min-content, 1fr)) 0.2fr;
  grid-template-rows: auto;
}
@media only screen and (min-width: 48em) {
  .navbar-intranet {
    grid-template-columns: 0.5fr repeat(8, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 64em) {
  .navbar-intranet {
    grid-template-columns: 1fr repeat(12, minmax(min-content, 1fr)) 1fr;
  }
}
@media only screen and (min-width: 80em) {
  .navbar-intranet {
    grid-template-columns: 0.5fr repeat(12, minmax(min-content, 1fr)) 0.5fr;
  }
}
@media only screen and (min-width: 100em) {
  .navbar-intranet {
    grid-template-columns: 0.6fr repeat(12, minmax(min-content, 1fr)) 0.6fr;
  }
}
.navbar-intranet {
  background-color: #ffffff;
  padding: var(--fs-0);
}
.navbar-intranet__container {
  grid-column: 2/-2;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
}
.navbar-intranet__links {
  width: 100%;
  list-style: none;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  transition: all 0.5s ease-in-out;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.navbar-intranet__links--is-active {
  display: none;
  visibility: hidden;
}
@media only screen and (min-width: 64em) {
  .navbar-intranet__links--is-active {
    display: flex;
    visibility: visible;
  }
}
.navbar-intranet__link {
  border-radius: var(--fs--1);
  padding-inline: var(--fs-1);
  padding-block: var(--fs--3);
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}
.navbar-intranet__link:hover, .navbar-intranet__link:active {
  color: #ffffff;
  background-color: #27c112;
}
.navbar-intranet__link a {
  font-family: "CoreSansBold", Inter, Roboto;
}
.navbar-intranet__toggle {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: var(--fs--2);
  padding: var(--fs--3);
  font-size: var(--fs-4);
  background-color: #ffffff;
  color: #105163;
}
.navbar-intranet__toggle:hover, .navbar-intranet__toggle:active {
  background-color: #27c112;
}
.navbar-intranet__toggle:hover i, .navbar-intranet__toggle:active i {
  color: #ffffff;
}
@media only screen and (min-width: 64em) {
  .navbar-intranet__container {
    flex-direction: row;
  }
  .navbar-intranet__links {
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
  }
  .navbar-intranet__toggle {
    display: none;
  }
  .navbar-intranet__links {
    display: flex;
    flex-direction: row;
  }
}

.quick-links {
  height: 100px;
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  overflow: hidden;
  position: relative;
  z-index: 8;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--fs--3);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.quick-links__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: inherit;
}
.quick-links__icon i {
  font-size: var(--fs-4);
  color: #105163;
}
.quick-links__name {
  text-align: center;
  font-size: var(--fs-0);
  font-family: "CoreSansBold", Inter, Roboto;
}

.ath-btn {
  /* width: min(84%, 224px); */
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  text-align: center;
  /* width: min(84%, 224px); */
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
  padding-inline: var(--fs--1);
  padding-block: var(--fs--1);
  border: none;
  border-radius: var(--fs--2);
  background-color: #105163;
  color: #ffffff;
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  cursor: pointer;
  transition: all 3ms;
}
.ath-btn i {
  color: inherit;
}
.ath-btn:hover, .ath-btn:focus-visible {
  border-color: transparent;
}
.ath-btn *:visited {
  text-decoration: none;
  color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .ath-btn {
    width: -moz-max-content;
    width: max-content;
    padding-inline: var(--fs-1);
  }
}
.ath-btn[data-width=x-sm] {
  width: 100% !important;
}
@media only screen and (min-width: 64em) {
  .ath-btn[data-width=x-sm] {
    width: 3rem !important;
    gap: var(--fs-0);
    -moz-gap: var(--fs-0);
  }
}
.ath-btn[data-width=sm] {
  width: 100% !important;
}
@media only screen and (min-width: 64em) {
  .ath-btn[data-width=sm] {
    width: 8rem !important;
    gap: var(--fs-0);
    -moz-gap: var(--fs-0);
  }
}
.ath-btn[data-width=lg] {
  width: 100% !important;
}
@media only screen and (min-width: 64em) {
  .ath-btn[data-width=lg] {
    width: 16rem !important;
    gap: var(--fs-0);
    -moz-gap: var(--fs-0);
  }
}
.ath-btn[data-width=fw] {
  width: 100% !important;
}
.ath-btn[data-width=fw-mb] {
  width: 100% !important;
}
@media only screen and (min-width: 64em) {
  .ath-btn[data-width=fw-mb] {
    width: 270px !important;
  }
}
.ath-btn[data-width=fw-shrink] {
  width: -moz-max-content !important;
  width: max-content !important;
  height: 100%;
  flex-shrink: 0;
}
@media only screen and (min-width: 64em) {
  .ath-btn[data-width=fw-shrink] {
    width: 100% !important;
    flex-shrink: 1;
  }
}
.ath-btn[data-size=p-m] {
  padding-inline: var(--fs-1);
  padding-block: var(--fs-1);
}
.ath-btn[data-icon=circle] {
  padding-inline: var(--fs--1);
  padding-block: var(--fs--2);
}
.ath-btn[data-icon=circle] i {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  padding: var(--fs--3);
  font-family: "ibp";
  font-size: var(--fs-1);
  color: #27c112;
  background-color: #ffffff;
}
.ath-btn[data-icon=circle]:hover {
  color: #f5f5f5;
  background-color: #21a10f;
}
.ath-btn[data-icon=circle-blue] {
  padding-inline: var(--fs--1);
  padding-block: var(--fs--2);
  background-color: #105163;
}
.ath-btn[data-icon=circle-blue] i {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  padding: var(--fs--3);
  color: #105163;
  background-color: #ffffff;
}
.ath-btn[data-icon=circle-blue]:hover i {
  color: #ffffff;
  background-color: #105163;
}
.ath-btn[data-icon=bold] i {
  font-weight: 900;
}
.ath-btn[data-icon=rrss] {
  width: -moz-fit-content;
  width: fit-content;
  min-height: 100%;
  padding: 0;
  font-size: var(--fs-4);
  color: #105163;
  background-color: transparent;
}
.ath-btn[data-icon=rrss] i {
  font-weight: 900;
}
.ath-btn[data-stroke=bolder] {
  background-color: #105163;
  padding-inline: var(--fs--1);
  border-radius: 50%;
}
.ath-btn[data-stroke=bolder]:hover {
  filter: none;
}
.ath-btn[data-stroke=bolder] i {
  font-weight: 900;
  font-size: var(--fs--1);
}
.ath-btn[data-type=toggle] {
  border-top-left-radius: var(--fs-5);
  border-top-right-radius: var(--fs-5);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #105163;
  padding-block: 0;
  padding-inline: var(--fs--1);
}
.ath-btn[data-type=toggle] i {
  font-size: var(--fs-4);
  color: #ffffff;
  transform: rotate(0deg);
}
.ath-btn[data-type=toggle][data-state=active] i {
  transform: rotate(180deg);
}
.ath-btn[data-type=image-link] {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  background: none;
  border-radius: 0;
  padding: var(--fs--3);
}
.ath-btn[data-type=image-link] image {
  width: -moz-fit-content;
  width: fit-content;
}
.ath-btn[data-type=disabled] {
  cursor: not-allowed;
  color: #555555;
  background-color: #9d9d9d;
}
.ath-btn[data-type=disabled]:hover, .ath-btn[data-type=disabled]:focus-visible {
  color: #7b7b7b;
  background-color: #9d9d9d;
  filter: drop-shadow(0 0 0.32rem var(--clr-bp-neutral-200));
}
.ath-btn[data-type=primary] {
  color: #ffffff;
  background-color: #105163;
}
.ath-btn[data-type=primary]:hover {
  color: #ffffff;
  background-image: linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
}
.ath-btn[data-type=primary]:active, .ath-btn[data-type=primary]:focus-visible {
  color: #ffffff;
  background-color: #0b3642;
}
.ath-btn[data-type=secondary] {
  color: #ffffff;
  background-color: #27c112;
}
.ath-btn[data-type=secondary]:hover, .ath-btn[data-type=secondary]:focus-visible {
  background-color: #27c112;
  background-image: linear-gradient(180deg, var(--clr-bp-secondary-500) 0%, var(--clr-bp-secondary-600) 100%);
}
.ath-btn[data-type=secondary-light] {
  color: #105163;
  background-color: #34ef00;
  padding-block: var(--fs--2);
}
.ath-btn[data-type=secondary-light]:hover, .ath-btn[data-type=secondary-light]:focus-visible {
  color: #105163;
  background-color: #ffffff;
  filter: drop-shadow(0 0 0.32rem var(--clr-bp-neutral-white));
}
.ath-btn[data-type=accent] {
  color: #ffffff;
  background-color: #f99b35;
  border-style: solid;
  border-color: #f99b35;
}
.ath-btn[data-type=accent]:hover, .ath-btn[data-type=accent]:focus-visible {
  color: #ffffff;
  background-color: #f99b35;
  filter: drop-shadow(0 0 0.32rem var(--clr-bp-accent-500));
}
.ath-btn[data-type=white] {
  color: #105163;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #105163;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ath-btn[data-type=white]:hover, .ath-btn[data-type=white]:focus-visible {
  color: #0b3642;
  background-color: #cfdce0;
}
.ath-btn[data-type=white-green] {
  color: #105163;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #105163;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ath-btn[data-type=white-green]:hover, .ath-btn[data-type=white-green]:focus-visible {
  color: #105163;
  background-color: #34ef00;
  border-style: solid;
  border-width: 1px;
  border-color: #27c112;
}
.ath-btn[data-type=gradient-grey] {
  color: #105163;
  background-image: linear-gradient(180deg, var(--clr-bp-neutral-100) 0%, var(--clr-bp-neutral-400) 100%);
  border-style: solid;
  border-width: 1px;
  border-color: #105163;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ath-btn[data-type=gradient-grey]:hover, .ath-btn[data-type=gradient-grey]:focus-visible {
  color: #0b3642;
  background-color: #cfdce0;
}
.ath-btn[data-type=white-outline] {
  color: #105163;
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #105163;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ath-btn[data-type=white-outline]:hover, .ath-btn[data-type=white-outline]:focus-visible {
  color: #0b3642;
  background-color: #cfdce0;
}
.ath-btn[data-type=rates-tabs-item] {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;
  justify-content: space-between !important;
  align-items: center;
  padding-block: var(--fs--1);
  padding-inline: var(--fs--2);
  color: #555555;
  background-color: #f5f5f5;
  box-shadow: none;
  text-align: center;
}
.ath-btn[data-type=rates-tabs-item]:before {
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0.0625rem;
  left: 0;
  border-radius: var(--fs-1);
  border-bottom: solid 0.0938rem var(--clr-bp-neutral-400);
}
.ath-btn[data-type=rates-tabs-item]:hover > * {
  color: #27c112;
}
.ath-btn[data-type=rates-tabs-item]:hover > * i {
  color: #27c112;
}

.btn-br {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 3.2px;
  font-size: var(--fs--1);
  padding: var(--fs--1);
  background-color: #555555;
  border-top-left-radius: var(--fs--1);
  border-bottom-right-radius: var(--fs--1);
}
.btn-br p {
  color: #ffffff;
}
.btn-br__icon {
  font-family: "ibp";
  font-size: var(--fs-1);
  color: inherit;
}
.btn-br:hover {
  color: #ffffff;
  background-color: #555555;
}
@media only screen and (min-width: 80em) {
  .btn-br {
    font-size: var(--fs-0);
    padding: var(--fs--1);
  }
}

.btn-link {
  min-width: -moz-fit-content;
  min-width: fit-content;
  display: flex;
  flex-wrap: nowrap;
  font-weight: 800;
  padding: 0;
  font-size: var(--fs-0);
  font-family: "CoreSansBold", Inter, Roboto;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
}
.btn-link i {
  font-size: var(--fs-2);
}
.btn-link:hover {
  color: inherit;
}
.btn-link--center {
  justify-content: center;
}
.btn-link[data-type=primary] {
  color: #105163;
}
.btn-link[data-type=primary] i {
  color: #105163;
}
.btn-link[data-type=primary]:hover, .btn-link[data-type=primary]:focus-visible {
  color: #105163;
}
.btn-link[data-type=primary]:hover i, .btn-link[data-type=primary]:focus-visible i {
  color: #105163;
}
.btn-link[data-type=secondary] {
  color: #27c112;
}
.btn-link[data-type=secondary] i {
  color: #27c112;
}
.btn-link[data-type=secondary]:hover, .btn-link[data-type=secondary]:focus-visible {
  color: #21a10f;
}
.btn-link[data-type=secondary]:hover i, .btn-link[data-type=secondary]:focus-visible i {
  color: #21a10f;
}
.btn-link[data-type=bread-crumb] {
  color: #105163;
  font-family: "CoreSansRegular", Inter, Roboto;
}
.btn-link[data-type=bread-crumb]:hover, .btn-link[data-type=bread-crumb]:focus-visible {
  color: #105163;
}
.btn-link[data-type=accent] {
  color: #f99b35;
}
.btn-link[data-type=accent]:hover, .btn-link[data-type=accent]:focus-visible {
  color: #f99b35;
}
@media only screen and (min-width: 80em) {
  .btn-link {
    font-size: var(--fs-0);
  }
}

.bp-popup {
  width: 100%;
  z-index: 100;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  border-radius: none;
  padding: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #f5f5f5;
  animation: show-top 1.5s;
  transition: all 1.5s;
}
.bp-popup__head {
  display: none;
}
.bp-popup__content {
  width: 100%;
  display: none;
  text-align: center;
  padding-block-end: var(--fs-0);
}
.bp-popup__call-to-action {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 64em) {
  .bp-popup {
    max-width: 24rem;
    border-radius: var(--fs-0);
  }
  .bp-popup__head {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  .bp-popup__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.bp-popup[data-popup=fixed] {
  position: fixed;
  top: unset;
  left: unset;
}
@media only screen and (min-width: 64em) {
  .bp-popup[data-popup=fixed] {
    max-width: 24rem;
    right: 2rem;
    bottom: 4rem;
  }
}

.fab {
  position: relative;
  overflow-x: visible;
  width: 4.5rem;
  height: 4.5rem;
  z-index: 4;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50% 50% 0 50%;
  background-image: linear-gradient(180deg, var(--clr-bp-primary-400) 0%, var(--clr-bp-primary-500) 100%);
  border-style: solid;
  border-width: var(--fs--6);
  border-color: #5ac5fa;
}
.fab__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
}
.fab__animation {
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  pointer-events: none;
}
.fab__animation .fab__ring:nth-child(1) {
  z-index: 0;
  position: absolute;
  z-index: 0;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  border: 0.5rem solid rgba(38, 115, 127, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulseRing 2s ease-in-out infinite;
  animation-delay: 0s;
  will-change: transform, opacity;
}
.fab__animation .fab__ring:nth-child(2) {
  z-index: 0;
  position: absolute;
  z-index: 0;
  width: 120px;
  height: 120px;
  top: 50%;
  left: 50%;
  opacity: 0;
  pointer-events: none;
  border: 0.5rem solid rgba(38, 115, 127, 0.4);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulseRing 2s ease-in-out infinite;
  animation-delay: 1s;
  will-change: transform, opacity;
}
.fab__tooltip {
  width: auto;
  height: -moz-min-content;
  height: min-content;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transform: translate(-0.75rem, -40%);
  position: absolute;
  right: 100%;
  top: 50%;
  padding: var(--fs--1);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
  background-color: #5ac5fa;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.fab__icon {
  width: -moz-fit-content;
  width: fit-content;
  color: #00ff6d;
}
.fab:hover .fab__tooltip {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-0.75rem, -40%) scale(1);
}
.fab:hover .fab__animation {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.fab[data-color=tu-aval] {
  width: 5rem;
  height: 5rem;
  background-image: linear-gradient(90deg, var(--clr-bp-breb-400) 0%, var(--clr-bp-breb-200) 100%);
  border-style: solid;
  border-width: var(--fs--6);
  border-color: #00b140;
}
[data-color=tu-aval] .fab__icon i {
  font-family: "ibp";
  font-size: var(--fs--1);
  background-image: linear-gradient(90deg, var(--clr-bp-breb-300) 0%, var(--clr-bp-breb-700) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ath-accordion {
  grid-column: 1/-1;
  width: 100%;
  max-width: 100%;
  grid-column: 1/-1;
  width: 100%;
  max-width: 100%;
}
.ath-accordion > * {
  margin-block-start: var(--fs-0);
}
.ath-accordion > * {
  margin-block-start: var(--fs-0);
}
.ath-accordion__item {
  position: relative;
}
.ath-accordion__item--active > .ath-accordion__content {
  max-width: 100%;
  height: 100% !important;
  padding: var(--fs-0);
}
@media only screen and (min-width: 48em) {
  .ath-accordion__item--active > .ath-accordion__content {
    padding: var(--fs-2);
  }
}
.ath-accordion__item--active > .ath-accordion__label::after {
  content: "\e0ab" " ";
  height: -moz-min-content;
  height: min-content;
  max-width: 100%;
  font-family: "ibp";
  font-size: var(--fs-1);
  color: #27c112;
}
.ath-accordion__label {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  color: inherit;
  cursor: pointer;
  padding: var(--fs-1);
  font-size: var(--fs-0);
  padding: var(--fs-1);
  font-size: var(--fs-0);
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  color: #000000;
  background-color: #ffffff;
}
.ath-accordion__label::after {
  content: "\e0a8" " ";
  font-family: "ibp";
  font-size: var(--fs-1);
  color: #27c112;
}
.ath-accordion__label--outline::after {
  content: "\e0a8" " ";
  font-family: "ibp";
  font-size: var(--fs-1);
  color: #27c112;
}
.ath-accordion__content {
  height: 0 !important;
  position: relative;
  overflow: hidden;
  overflow-y: auto;
  margin-top: var(--fs--1);
  border-radius: var(--fs--1);
  margin-top: var(--fs--1);
  border-radius: var(--fs--1);
  color: #000000;
  background-color: #ffffff;
}
[data-accordion=outline] .ath-accordion__label {
  padding: var(--fs--2);
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid grey;
  background-color: transparent;
}
[data-accordion=outline] .ath-accordion {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
}
[data-accordion-color=bp-secondary-500-label] .ath-accordion__item--active > .ath-accordion__label p {
  color: #27c112;
  font-weight: bold;
}

.bp-tabs {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.bp-tabs__nav {
  width: 100%;
  grid-column: 2/-2;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.bp-tabs__nav::-webkit-scrollbar-thumb {
  color: transparent !important;
}
.bp-tabs__nav::-webkit-scrollbar {
  width: 1px !important;
  height: 1px !important;
}
.bp-tabs__nav::-webkit-scrollbar-track {
  background-color: transparent !important;
  border-radius: 1px !important;
}
.bp-tabs__items {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  gap: 12.8px;
}
.bp-tabs__item {
  min-width: 11.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #555555;
  transition: 0.3s;
}
.bp-tabs__item--active > * {
  color: #27c112;
}
.bp-tabs__item--active > * p {
  font-family: "CoreSansRegular", Inter, Roboto;
}
.bp-tabs__item--active > * i {
  color: #27c112;
}
.bp-tabs__item--active .bp-tabs__icon {
  color: #105163;
  filter: grayscale(0);
}
.bp-tabs__item--active:hover > * {
  color: #105163;
}
.bp-tabs--inner {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.bp-tabs__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
}
.bp-tabs__icon {
  width: 3.125rem;
  padding-bottom: var(--fs--2);
  font-family: "ibp";
  font-size: var(--fs-3);
  color: currentColor;
  filter: grayscale(1);
}
.bp-tabs__block {
  overflow: hidden;
  grid-column: 2/-2;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
}
.bp-tabs__block--active {
  grid-column: 2/-2;
  display: grid;
  opacity: 1;
}
.bp-tabs__block:first-child {
  padding: var(--fs-0);
}
@media only screen and (min-width: 40em) {
  .bp-tabs {
    width: 100%;
    grid-column: 1/-1;
  }
  .bp-tabs__nav {
    width: 100%;
    box-shadow: none;
  }
  .bp-tabs__item {
    width: 100%;
    min-width: 9.375rem;
  }
}
[data-tabs=menu] .bp-tabs {
  grid-column: 2/-2;
  width: 100%;
}
[data-tabs=menu] .bp-tabs__nav {
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: min-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  border-top-left-radius: var(--fs-0);
  border-top-right-radius: var(--fs-0);
  border-style: solid;
  border-width: 1px;
  border-color: #f5f5f5;
  background-color: #ffffff;
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=menu] .bp-tabs__nav-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
[data-tabs=menu] .bp-tabs__items {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  scroll-behavior: smooth;
  align-items: center;
  justify-content: flex-start;
  gap: 12.8px;
  padding: var(--fs--1);
}
[data-tabs=menu] .bp-tabs__item {
  width: 100%;
  min-width: 128px;
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  border-radius: var(--fs--1);
  padding-block: var(--fs-0);
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  color: #105163;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  border-style: solid;
  border-width: 1px;
  border-color: #105163;
}
[data-tabs=menu] .bp-tabs__item--active {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=menu] .bp-tabs__item--active i,
[data-tabs=menu] .bp-tabs__item--active p {
  color: #ffffff;
}
[data-tabs=menu] .bp-tabs__item--active:hover {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=menu] .bp-tabs__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
}
[data-tabs=menu] .bp-tabs__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
[data-tabs=menu] .bp-tabs__block {
  width: 100%;
  display: none;
  opacity: 0;
  overflow: hidden;
  grid-column: 1/-1;
  transition: all 0.5s ease;
}
[data-tabs=menu] .bp-tabs__block--active {
  opacity: 1;
  display: grid;
  grid-template-columns: subgrid;
}
@media only screen and (min-width: 64em) {
  [data-tabs=menu] .bp-tabs__nav {
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  [data-tabs=menu] .bp-tabs__nav-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  [data-tabs=menu] .bp-tabs__items {
    width: 100%;
    grid-column: span 2;
  }
  [data-tabs=menu] .bp-tabs__item {
    max-width: 240px;
  }
  [data-tabs=menu] .bp-tabs__link {
    flex-direction: row;
  }
}
[data-tabs=submenu] .bp-tabs--inner {
  width: 100%;
  grid-column: 2/-2;
}
[data-tabs=submenu] .bp-tabs--inner__nav {
  grid-column: 2/-2;
  align-self: center;
  overflow: hidden;
  max-width: 91vw;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: #f5f5f5;
}
@media only screen and (min-width: 64em) {
  [data-tabs=submenu] .bp-tabs--inner__nav {
    max-width: 100dvw;
  }
}
[data-tabs=submenu] .bp-tabs--inner__items {
  width: 100%;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  margin-inline: auto;
  scroll-behavior: smooth;
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
}
[data-tabs=submenu] .bp-tabs--inner__item {
  flex: 0 0 auto;
  min-width: -moz-min-content;
  min-width: min-content;
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  background-color: #f5f5f5;
  padding-block: var(--fs--1);
  padding-inline: var(--fs-0);
}
[data-tabs=submenu] .bp-tabs--inner__item--active {
  background-color: #f5f5f5;
  color: #27c112;
  border-bottom: solid 0.25rem hsl(123, 83%, 39%);
}
[data-tabs=submenu] .bp-tabs--inner__item--active i,
[data-tabs=submenu] .bp-tabs--inner__item--active p {
  color: #27c112;
}
[data-tabs=submenu] .bp-tabs--inner__item--active:hover {
  background-color: #f5f5f5;
  color: #27c112;
}
[data-tabs=submenu] .bp-tabs--inner__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
}
[data-tabs=submenu] .bp-tabs--inner__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
[data-tabs=submenu] .bp-tabs--inner__block {
  width: 100%;
  display: none;
  opacity: 0;
  overflow: hidden;
  grid-column: 1/-1;
  transition: all 0.5s ease;
}
[data-tabs=submenu] .bp-tabs--inner__block--active {
  opacity: 1;
  display: grid;
  grid-template-columns: subgrid;
}
[data-tabs=submenu_box] .bp-tabs--inner {
  grid-column: 2/-2;
  width: 100%;
}
[data-tabs=submenu_box] .bp-tabs--inner__nav {
  width: 100%;
  grid-column: 2/-2;
  align-self: center;
  overflow: hidden;
  padding: 0;
  box-shadow: none;
  border-radius: 0;
  background-color: #f5f5f5;
}
[data-tabs=submenu_box] .bp-tabs--inner__items {
  max-width: 90vw;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  padding-inline: 0;
  margin-inline: auto;
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
  padding: var(--fs-0);
  scroll-behavior: smooth;
}
[data-tabs=submenu_box] .bp-tabs--inner__item {
  flex: 0 0 auto;
  min-width: -moz-min-content;
  min-width: min-content;
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  border-radius: var(--fs--1);
  padding-inline: var(--fs--2);
  padding-block: var(--fs-0);
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  color: #27c112;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=submenu_box] .bp-tabs--inner__item--active {
  background-color: #27c112;
  color: #ffffff;
}
[data-tabs=submenu_box] .bp-tabs--inner__item--active i,
[data-tabs=submenu_box] .bp-tabs--inner__item--active p {
  color: #ffffff;
}
[data-tabs=submenu_box] .bp-tabs--inner__item--active:hover {
  background-color: #21a10f;
  color: #ffffff;
}
[data-tabs=submenu_box] .bp-tabs--inner__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
}
[data-tabs=submenu_box] .bp-tabs--inner__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
[data-tabs=submenu_box] .bp-tabs--inner__block {
  width: 100%;
  display: none;
  opacity: 0;
  overflow: hidden;
  grid-column: 1/-1;
  transition: all 0.5s ease;
}
[data-tabs=submenu_box] .bp-tabs--inner__block--active {
  opacity: 1;
  display: grid;
  grid-template-columns: subgrid;
}
@media only screen and (min-width: 64em) {
  [data-tabs=submenu_box] .bp-tabs--inner__items {
    max-width: 100%;
  }
}
[data-tabs=default] .bp-tabs__nav {
  grid-column: 2/-2;
  width: 100%;
  padding-block: var(--fs--2);
}
[data-tabs=default] .bp-tabs__items {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  gap: 12.8px;
  padding-block: var(--fs--2);
}
[data-tabs=default] .bp-tabs__items::-webkit-scrollbar {
  background-color: white;
  height: 0.5rem;
}
[data-tabs=default] .bp-tabs__items::-webkit-scrollbar-thumb {
  background-color: #105163;
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
  border-bottom-right-radius: var(--fs-1);
  border-bottom-left-radius: var(--fs-1);
}
[data-tabs=default] .bp-tabs__item {
  min-width: 11.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: var(--fs--3);
  padding-inline: var(--fs--2);
  box-shadow: none;
}
[data-tabs=default] .bp-tabs__item--active > * {
  color: #105163;
}
[data-tabs=default] .bp-tabs__item--active > * i {
  color: #105163;
}
[data-tabs=default] .bp-tabs__item--active .bp-tabs__icon {
  color: #105163;
  filter: grayscale(0);
}
[data-tabs=default] .bp-tabs__item--active:hover > * {
  color: #105163;
}
[data-tabs=default] .bp-tabs__icon {
  width: 3.125rem;
  padding-bottom: var(--fs--2);
  font-family: "ibp";
  font-size: var(--fs-3);
  color: currentColor;
  filter: grayscale(1);
}
[data-tabs=default] .bp-tabs__block {
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
}
[data-tabs=default] .bp-tabs__block--active {
  display: grid;
  grid-column: 1/-1;
  grid-template-columns: repeat(12, 1fr);
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  [data-tabs=default] .bp-tabs {
    width: 100%;
    grid-column: 1/-1;
  }
  [data-tabs=default] .bp-tabs__nav {
    width: 100%;
    box-shadow: none;
  }
  [data-tabs=default] .bp-tabs__item {
    width: 100%;
    min-width: 9.375rem;
  }
}
[data-tabs=box-tabs] .bp-tabs {
  grid-column: 2/-2;
  width: 100%;
}
[data-tabs=box-tabs] .bp-tabs__nav {
  width: 100%;
  display: grid;
  align-self: center;
  padding: var(--fs--3);
  background-color: none;
  border-radius: 0;
  box-shadow: none;
}
[data-tabs=box-tabs] .bp-tabs__items {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  scroll-behavior: auto;
  align-content: center;
  justify-content: flex-start;
  gap: 12.8px;
  padding: var(--fs-0);
}
[data-tabs=box-tabs] .bp-tabs__item {
  width: 100%;
  min-width: 176px;
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  border-radius: var(--fs--1);
  padding-block: var(--fs-0);
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  color: #105163;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=box-tabs] .bp-tabs__item--active {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=box-tabs] .bp-tabs__item--active i,
[data-tabs=box-tabs] .bp-tabs__item--active p {
  color: #ffffff;
}
[data-tabs=box-tabs] .bp-tabs__item--active:hover {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=box-tabs] .bp-tabs__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
}
[data-tabs=box-tabs] .bp-tabs__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
[data-tabs=box-tabs] .bp-tabs__block {
  overflow: hidden;
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
  margin-top: var(--fs-1);
}
[data-tabs=box-tabs] .bp-tabs__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  [data-tabs=box-tabs] .bp-tabs__nav {
    overflow: hidden;
    scroll-behavior: smooth;
  }
  [data-tabs=box-tabs] .bp-tabs__items {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    flex-direction: row;
    gap: 16px;
  }
  [data-tabs=box-tabs] .bp-tabs__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    line-height: 1.2;
  }
  [data-tabs=box-tabs] .bp-tabs__icon {
    font-size: var(--fs-3);
    color: #7b7b7b;
  }
}
[data-tabs=box-tabs-breb] .bp-tabs--inner {
  grid-column: 2/-2;
  width: 100%;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__nav {
  width: 100%;
  display: grid;
  align-self: center;
  padding: var(--fs--3);
  background-color: none;
  border-radius: 0;
  box-shadow: none !important;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__items {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  overflow-x: auto;
  scroll-behavior: auto;
  align-content: center;
  justify-content: flex-start;
  gap: 12.8px;
  padding: var(--fs-0);
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__item, [data-tabs=box-tabs-breb] .bp-tabs--inner__item {
  width: 100%;
  min-width: 256px;
  min-height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
  text-decoration: none;
  justify-content: center;
  border-radius: var(--fs--1);
  padding-block: var(--fs-0);
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  color: #105163;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__item--active, [data-tabs=box-tabs-breb] .bp-tabs--inner__item--active {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__item--active i,
[data-tabs=box-tabs-breb] .bp-tabs--inner__item--active p, [data-tabs=box-tabs-breb] .bp-tabs--inner__item--active i,
[data-tabs=box-tabs-breb] .bp-tabs--inner__item--active p {
  color: #ffffff;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__item--active:hover, [data-tabs=box-tabs-breb] .bp-tabs--inner__item--active:hover {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__block {
  overflow: hidden;
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
}
[data-tabs=box-tabs-breb] .bp-tabs--inner__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  [data-tabs=box-tabs-breb] .bp-tabs--inner__nav {
    overflow: hidden;
    scroll-behavior: smooth;
  }
  [data-tabs=box-tabs-breb] .bp-tabs--inner__items--inner, [data-tabs=box-tabs-breb] .bp-tabs--inner__item {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 16px;
  }
  [data-tabs=box-tabs-breb] .bp-tabs--inner__item--inner, [data-tabs=box-tabs-breb] .bp-tabs--inner__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    line-height: 1.2;
  }
  [data-tabs=box-tabs-breb] .bp-tabs--inner__icon {
    font-size: var(--fs-3);
    color: #7b7b7b;
  }
}
[data-tabs=rounded] .bp-tabs__nav {
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  align-self: center;
}
[data-tabs=rounded] .bp-tabs__items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  gap: 16px;
}
[data-tabs=rounded] .bp-tabs__items::-webkit-scrollbar, [data-tabs=rounded] .bp-tabs__items::-webkit-scrollbar-track {
  width: 0.25rem;
  height: 0.25rem;
  background-color: transparent !important;
  color: transparent !important;
}
[data-tabs=rounded] .bp-tabs__item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding-block: var(--fs--2);
  padding-inline: var(--fs--2);
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=rounded] .bp-tabs__item--active > * {
  color: inherit;
}
[data-tabs=rounded] .bp-tabs__item--active > * i {
  color: inherit;
}
[data-tabs=rounded] .bp-tabs__item--active:hover > * {
  color: currentColor;
}
[data-tabs=rounded] .bp-tabs__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
}
[data-tabs=rounded] .bp-tabs__icon {
  padding-bottom: var(--fs--2);
  font-family: "ibp";
  font-size: var(--fs-3);
  color: currentColor;
}
[data-tabs=rounded] .bp-tabs__block {
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
}
[data-tabs=rounded] .bp-tabs__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  [data-tabs=rounded] .bp-tabs {
    width: 100%;
    grid-column: 1/-1;
  }
  [data-tabs=rounded] .bp-tabs__nav {
    width: -moz-fit-content;
    width: fit-content;
    display: grid;
    justify-self: center;
    padding-block: var(--fs--2);
    background-color: #ffffff;
    border-radius: var(--fs-5);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  }
  [data-tabs=rounded] .bp-tabs:has([data-tabs=box-tabs-breb]) nav {
    background-color: hotpink;
  }
  [data-tabs=rounded] .bp-tabs:has([data-tabs=box-tabs-breb]) {
    box-shadow: none !important;
  }
  [data-tabs=rounded] .bp-tabs__items {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    gap: 0px;
    padding-inline: var(--fs--2);
  }
  [data-tabs=rounded] .bp-tabs__item {
    width: 240px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    text-align: center;
    border-radius: 0;
    box-shadow: none;
  }
  [data-tabs=rounded] .bp-tabs__block {
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
  }
  [data-tabs=rounded] .bp-tabs__block--active {
    display: block;
    opacity: 1;
  }
}
@media only screen and (min-width: 40em) {
  [data-br=rounded-br1] .bp-tabs__nav {
    border-radius: 0.5rem !important;
  }
}
[data-tabs=rates] .bp-tabs__nav {
  grid-column: 1/-1;
  width: 100%;
  display: grid;
  justify-self: center;
}
[data-tabs=rates] .bp-tabs__items {
  width: 100%;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  gap: 0;
}
[data-tabs=rates] .bp-tabs__item {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;
  padding-block: var(--fs--1);
  padding-inline: var(--fs--2);
  color: #555555;
  box-shadow: none;
  text-align: center;
}
[data-tabs=rates] .bp-tabs__item:before {
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0.0625rem;
  left: 0;
  border-radius: var(--fs-1);
  border-bottom: solid 0.0938rem var(--clr-bp-neutral-400);
}
[data-tabs=rates] .bp-tabs__item--active:before {
  z-index: 4;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: var(--fs-1);
  border-bottom: solid 0.1875rem var(--clr-bp-secondary-500);
}
[data-tabs=rates] .bp-tabs__item:hover > * {
  color: #27c112;
}
[data-tabs=rates] .bp-tabs__item:hover > * i {
  color: #27c112;
}
[data-tabs=rates] .bp-tabs__link {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
[data-tabs=rates] .bp-tabs__block {
  grid-column: 1/-1;
  display: none;
  opacity: 0;
  padding: var(--fs-0);
  border-radius: var(--fs-0);
  background-color: #ffffff;
  transition: all 0.5s ease;
}
[data-tabs=rates] .bp-tabs__block--active {
  display: grid;
  opacity: 1;
}
@media only screen and (min-width: 64em) {
  [data-tabs=rates] .bp-tabs__nav {
    grid-column: 2/5;
  }
  [data-tabs=rates] .bp-tabs__items {
    width: 100%;
    overflow-x: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    justify-items: flex-start;
    gap: 0;
  }
  [data-tabs=rates] .bp-tabs__item {
    flex-direction: row;
    justify-items: flex-start;
    padding-block: var(--fs--2);
  }
  [data-tabs=rates] .bp-tabs__link {
    justify-content: space-between;
  }
  [data-tabs=rates] .bp-tabs__link i {
    transform: rotate(-90deg);
  }
  [data-tabs=rates] .bp-tabs__block {
    grid-column: 5/-2;
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  }
  [data-tabs=rates] .bp-tabs__block--active {
    display: grid;
    opacity: 1;
  }
}
[data-tabs=rates-inside] .bp-tabs__nav {
  grid-column: 1/-1;
  width: 100%;
  display: grid;
  justify-self: center;
}
[data-tabs=rates-inside] .bp-tabs__items {
  width: 100%;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  gap: 0;
}
[data-tabs=rates-inside] .bp-tabs__item {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;
  padding-block: var(--fs--1);
  padding-inline: var(--fs--2);
  color: #555555;
  box-shadow: none;
  text-align: center;
}
[data-tabs=rates-inside] .bp-tabs__item:before {
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0.0625rem;
  left: 0;
  border-radius: var(--fs-1);
  border-bottom: solid 0.0938rem var(--clr-bp-neutral-400);
}
[data-tabs=rates-inside] .bp-tabs__item--active:before {
  z-index: 4;
  width: 100%;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: var(--fs-1);
  border-bottom: solid 0.1875rem var(--clr-bp-secondary-500);
}
[data-tabs=rates-inside] .bp-tabs__item:hover > * {
  color: #27c112;
}
[data-tabs=rates-inside] .bp-tabs__item:hover > * i {
  color: #27c112;
}
[data-tabs=rates-inside] .bp-tabs__link {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
[data-tabs=rates-inside] .bp-tabs__block {
  grid-column: 1/-1;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
}
[data-tabs=rates-inside] .bp-tabs__block--active {
  grid-column: 1/-1;
  display: grid;
  opacity: 1;
}
@media only screen and (min-width: 64em) {
  [data-tabs=rates-inside] .bp-tabs__nav {
    grid-column: 1/5;
  }
  [data-tabs=rates-inside] .bp-tabs__items {
    width: 100%;
    overflow-x: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    justify-items: flex-start;
    gap: 0;
  }
  [data-tabs=rates-inside] .bp-tabs__item {
    flex-direction: row;
    justify-items: flex-start;
    padding-block: var(--fs--2);
  }
  [data-tabs=rates-inside] .bp-tabs__link {
    justify-content: space-between;
  }
  [data-tabs=rates-inside] .bp-tabs__link i {
    transform: rotate(-90deg);
  }
  [data-tabs=rates-inside] .bp-tabs__block {
    grid-column: 5/-1;
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
  }
  [data-tabs=rates-inside] .bp-tabs__block--active {
    grid-column: 5/-1;
    display: grid;
    opacity: 1;
  }
}
@media only screen and (min-width: 64em) {
  [data-rotate=not-rotate] .bp-tabs__link i {
    transform: none;
  }
}
[data-tabs=circle-tabs] .bp-tabs {
  grid-column: 2/-2;
  width: 100%;
}
[data-tabs=circle-tabs] .bp-tabs__nav {
  width: 100%;
  display: grid;
  align-self: center;
  padding: var(--fs--3);
  background-color: none;
  border-radius: 0;
  box-shadow: none;
}
[data-tabs=circle-tabs] .bp-tabs__items {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  overflow: hidden;
  overflow-x: visible;
  scroll-behavior: auto;
  align-content: center;
  justify-content: space-evenly;
  gap: 12.8px;
  padding: var(--fs-0);
}
[data-tabs=circle-tabs] .bp-tabs__item {
  width: 64px;
  height: 64px;
  min-width: 64px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  font-size: var(--fs-0);
  font-family: "CoreSansRegular", Inter, Roboto;
  color: #105163;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=circle-tabs] .bp-tabs__item--active {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=circle-tabs] .bp-tabs__item--active i,
[data-tabs=circle-tabs] .bp-tabs__item--active p {
  color: #ffffff;
}
[data-tabs=circle-tabs] .bp-tabs__item--active:hover {
  background-color: #26737f;
  color: #ffffff;
}
[data-tabs=circle-tabs] .bp-tabs__link {
  line-height: 1.1;
  font-family: "CoreSansBold", Inter, Roboto;
}
[data-tabs=circle-tabs] .bp-tabs__icon {
  font-size: var(--fs-0);
  color: #7b7b7b;
}
[data-tabs=circle-tabs] .bp-tabs__block {
  overflow: hidden;
  width: 100%;
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
}
[data-tabs=circle-tabs] .bp-tabs__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  [data-tabs=circle-tabs] .bp-tabs__nav {
    overflow: hidden;
    scroll-behavior: smooth;
  }
  [data-tabs=circle-tabs] .bp-tabs__items {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    gap: 16px;
  }
  [data-tabs=circle-tabs] .bp-tabs__item {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0;
    line-height: 1.2;
  }
  [data-tabs=circle-tabs] .bp-tabs__icon {
    font-size: var(--fs-3);
    color: #7b7b7b;
  }
}
[data-tabs=vertical-box] .bp-tabs__nav {
  grid-column: 2/-2;
  width: 100%;
  display: grid;
  justify-self: center;
}
[data-tabs=vertical-box] .bp-tabs__items {
  width: 100%;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  gap: 16px;
  padding-block: var(--fs--1);
}
[data-tabs=vertical-box] .bp-tabs__item {
  width: 100%;
  min-width: -moz-fit-content;
  min-width: fit-content;
  position: relative;
  border-radius: var(--fs--3);
  padding-block: var(--fs-0);
  padding-inline: var(--fs--2);
  color: #105163;
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
[data-tabs=vertical-box] .bp-tabs__item--active {
  background-color: #105163;
  color: #ffffff;
}
[data-tabs=vertical-box] .bp-tabs__item--active i,
[data-tabs=vertical-box] .bp-tabs__item--active p {
  color: #ffffff;
}
[data-tabs=vertical-box] .bp-tabs__link {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
}
[data-tabs=vertical-box] .bp-tabs__block {
  grid-column: 2/-2;
  display: none;
  opacity: 0;
  margin-top: var(--fs-0);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
  transition: all 0.5s ease;
}
[data-tabs=vertical-box] .bp-tabs__block--active {
  display: grid;
  opacity: 1;
}
@media only screen and (min-width: 64em) {
  [data-tabs=vertical-box] .bp-tabs__nav {
    grid-column: 2/5;
  }
  [data-tabs=vertical-box] .bp-tabs__items {
    width: 100%;
    overflow-x: none;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    justify-items: flex-start;
    gap: var(--fs-0);
    -moz-gap: var(--fs-0);
  }
  [data-tabs=vertical-box] .bp-tabs__item {
    flex-direction: row;
    justify-items: flex-start;
    padding-block: var(--fs--2);
  }
  [data-tabs=vertical-box] .bp-tabs__link {
    justify-content: space-between;
  }
  [data-tabs=vertical-box] .bp-tabs__link i {
    transform: rotate(-90deg);
  }
  [data-tabs=vertical-box] .bp-tabs__block {
    grid-column: 5/-2;
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
  }
  [data-tabs=vertical-box] .bp-tabs__block--active {
    display: grid;
    opacity: 1;
  }
}
[data-tabs=underline] .bp-tabs__nav {
  width: 100%;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  overflow-x: scroll;
  display: grid;
  align-items: flex-end;
  overflow: hidden;
  justify-self: center;
  border-radius: var(--fs-0);
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
}
[data-tabs=underline] .bp-tabs__items {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 4rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0 !important;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-behavior: smooth;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
  border-radius: var(--fs-1);
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}
[data-tabs=underline] .bp-tabs__item {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-items: center;
  transition: all 0.2s ease-in-out;
  padding: var(--fs--1);
}
[data-tabs=underline] .bp-tabs__item--active {
  background-color: #27c112;
}
[data-tabs=underline] .bp-tabs__item--active::after {
  width: 100%;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -0.0625rem;
  border-bottom: solid 3.94px hsl(116, 51%, 61%);
}
[data-tabs=underline] .bp-tabs__item--active i,
[data-tabs=underline] .bp-tabs__item--active p {
  color: #105163;
}
[data-tabs=underline] .bp-tabs__item--active__link > * {
  color: #105163;
}
[data-tabs=underline] .bp-tabs__link {
  width: 100%;
  height: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-items: flex-start;
  text-align: left;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  font-size: var(--fs--1);
}
[data-tabs=underline] .bp-tabs__link i {
  font-size: var(--fs-3);
}
[data-tabs=underline] .bp-tabs__link > * {
  width: -moz-fit-content;
  width: fit-content;
}
[data-tabs=underline] .bp-tabs__link:hover, [data-tabs=underline] .bp-tabs__link:active {
  color: #105163;
}
[data-tabs=underline] .bp-tabs__block {
  display: none;
  opacity: 0;
  transition: all 0.5s ease;
  margin-top: var(--fs-0);
  padding: var(--fs-0);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
[data-tabs=underline] .bp-tabs__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 64em) {
  [data-tabs=underline] .bp-tabs__nav {
    width: 90%;
    border-radius: var(--fs-2);
  }
  [data-tabs=underline] .bp-tabs__items {
    overflow-x: hidden;
  }
}
[data-flow=link-row] .bp-tabs__items {
  overflow-x: auto !important;
}
[data-flow=link-row] .bp-tabs__item {
  justify-content: center;
  text-align: left;
  padding-inline: var(--fs--4);
  font-size: var(--fs-0);
}
[data-flow=link-row] .bp-tabs__item i {
  font-size: var(--fs-3);
}
[data-flow=link-row] .bp-tabs__link {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
[data-size=fit-content] .bp-tabs__items {
  align-content: center;
  justify-content: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding: var(--fs-0);
}
[data-size=fit-content] .bp-tabs__item {
  width: -moz-fit-content;
  width: fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: 176px;
  min-height: 100%;
}
[data-color=primary-500] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=primary-500] .bp-tabs__item--active > * {
  color: #105163;
}
[data-color=primary-500] .bp-tabs__item--active i {
  color: #105163;
}
[data-color=primary-500] .bp-tabs__item--active:hover > * {
  color: #105163;
}
[data-color=secondary-500] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=secondary-500] .bp-tabs__item {
  color: #105163;
}
[data-color=secondary-500] .bp-tabs__item:hover {
  filter: drop-shadow(0 0 0.32rem var(--clr-bp-primary-500));
}
[data-color=secondary-500] .bp-tabs__item--active {
  background-color: #105163;
}
[data-color=secondary-500] .bp-tabs__item--active > * {
  color: #105163;
}
[data-color=secondary-500] .bp-tabs__item--active i {
  color: #105163;
}
[data-color=secondary-500] .bp-tabs__item--active:hover {
  background-color: #105163;
  filter: drop-shadow(0 0 0.32rem var(--clr-bp-primary-500));
}
[data-color=secondary-500] .bp-tabs__item--active:hover > * {
  color: #ffffff;
}
[data-color=accent-500] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=accent-500] .bp-tabs__item--active > * {
  color: #f99b35;
}
[data-color=accent-500] .bp-tabs__item--active i {
  color: #f99b35;
}
[data-color=accent-500] .bp-tabs__item--active:hover > * {
  color: #f99b35;
}
[data-color=breb-100] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=breb-100] .bp-tabs__item--active > * {
  color: #105163;
}
[data-color=breb-100] .bp-tabs__item--active i {
  color: #105163;
}
[data-color=breb-100] .bp-tabs__item--active:hover > * {
  color: #105163;
}
[data-color=extended-500] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=extended-500] .bp-tabs__item--active > * {
  color: #27c112;
}
[data-color=extended-500] .bp-tabs__item--active i {
  color: #27c112;
}
[data-color=extended-500] .bp-tabs__item--active:hover > * {
  color: #27c112;
}
[data-color=secondary-500] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=secondary-500] .bp-tabs__item--active > * {
  color: #27c112;
}
[data-color=secondary-500] .bp-tabs__item--active i {
  color: #27c112;
}
[data-color=secondary-500] .bp-tabs__item--active:hover > * {
  color: #27c112;
}
[data-color=neutral-white] .bp-tabs {
  grid-column: 2/-2;
}
[data-color=neutral-white] .bp-tabs__item--active > * {
  color: #ffffff;
}
[data-color=neutral-white] .bp-tabs__item--active i {
  color: #ffffff;
}
[data-color=neutral-white] .bp-tabs__item--active:hover > * {
  color: #ffffff;
}
[data-scroll=scroll] .bp-tabs__items {
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  gap: 12.8px;
  user-select: none;
  /* Standard */
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
}
[data-scroll=scroll] .bp-tabs__items::-webkit-scrollbar {
  background-color: #f5f5f5;
  height: 0.5rem;
}
[data-scroll=scroll] .bp-tabs__items::-webkit-scrollbar-thumb {
  background-color: #105163;
  color: white !important;
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
  border-bottom-right-radius: var(--fs-1);
  border-bottom-left-radius: var(--fs-1);
  border-radius: none !important;
  border: none !important;
  box-shadow: none !important;
}

.select-tabs {
  width: 100%;
  grid-column: 2/-2;
  position: relative;
  display: grid;
  grid-template-areas: "select";
  align-items: center;
}
.select-tabs select {
  width: 100%;
  padding: var(--fs-0);
  border-radius: var(--fs--3);
  border-style: solid;
  border-color: #9d9d9d;
}
.select-tabs select > * {
  padding-block: var(--fs-0);
  border: none;
}
.select-tabs::after {
  content: "content";
  width: 0.8em;
  height: 0.5em;
  grid-area: select;
  justify-self: end;
  pointer-events: auto;
  margin-right: var(--fs-0);
  background-color: #105163;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
.select-tabs select,
.select-tabs select::after {
  grid-area: select;
  font-size: var(--fs-0);
}
.select-tabs__block {
  display: none;
  opacity: 1;
  transition: all 0.5s ease;
}
.select-tabs__block--active {
  display: block;
  opacity: 1;
}
.select-tabs[data-select=primary] select {
  color: #ffffff;
  background-color: #105163;
}
.select-tabs[data-select=primary] select > * {
  background-color: #ffffff;
  color: #105163;
  border: none !important;
}
.select-tabs[data-select=primary]::before {
  content: "\e0a8";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.2em;
  cursor: pointer;
  pointer-events: none;
  font-family: "ibp";
  font-size: 2rem;
  border-radius: 50%;
  color: #ffffff;
}
@media only screen and (min-width: 40em) {
  .select-tabs[data-select=primary]::before {
    position: absolute;
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 64em) {
  .select-tabs[data-select=primary]::before {
    position: absolute;
  }
}
.select-tabs[data-select=primary]::after {
  content: "";
  background-color: transparent;
}
.select-tabs[data-select=primary] select,
.select-tabs[data-select=primary] select::after {
  grid-area: select;
  border: none;
  font-size: var(--fs--1);
}
@media only screen and (min-width: 48em) {
  .select-tabs[data-select=primary] select,
  .select-tabs[data-select=primary] select::after {
    font-size: var(--fs-0);
  }
}

.ath-aside-nav {
  width: 100%;
  grid-column: 1/-1;
}
.ath-aside-nav__btn {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
  justify-items: flex-start;
  cursor: pointer;
  font-size: var(--fs-1);
  padding-inline: var(--fs--2);
  padding-block: var(--fs--1);
  background-color: #ffffff;
}
.ath-aside-nav__filter {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding-block: var(--fs-1);
}
.ath-aside-nav__filter > * {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.4rem;
  border-radius: var(--fs--3);
  padding-block: var(--fs--2);
  padding-inline: var(--fs-1);
  font-size: var(--fs-0);
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
}
.ath-aside-nav__option {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  border-radius: var(--fs--2);
  padding: var(--fs--1);
  font-size: var(--fs-1);
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
}
.ath-aside-nav__option__link {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ath-aside-nav__option i {
  font-family: "ibp";
  font-size: var(--fs-1);
}
.ath-aside-nav__items {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ath-aside-nav__item {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
  justify-items: flex-start;
  cursor: pointer;
  font-size: var(--fs-0);
  padding-inline: var(--fs--2);
  padding-block: var(--fs--1);
  background-color: #ffffff;
  border-bottom: solid 1px hsl(0, 0%, 77%);
}
.ath-aside-nav__item--active {
  background-color: #27c112;
  color: #ffffff;
}
.ath-aside-nav__item--active i {
  color: #ffffff;
}
.ath-aside-nav__item--active:hover {
  background-color: #27c112;
}
.ath-aside-nav__item:hover {
  color: #ffffff;
  background-color: #27c112;
  border: none;
}
.ath-aside-nav__link {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.ath-aside-nav__icon {
  padding-bottom: var(--fs--2);
  font-family: "ibp";
  font-size: var(--fs-1);
  color: currentColor;
}
.ath-aside-nav__block {
  grid-column: 1/-1;
  overflow: hidden;
  width: 100%;
  /* display: none; */
  /* opacity: 0; */
  transition: all 0.5s ease;
  padding: var(--fs--2);
}
.ath-aside-nav__block--active {
  display: block;
  /* opacity: 1; */
}
@media only screen and (min-width: 48em) {
  .ath-aside-nav {
    width: 100%;
    grid-column: 1/-1;
  }
  .ath-aside-nav__option {
    /* box-shadow: 8px 8px 24px #bebebe,
       -8px -8px 24px #ffffff; */
    box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
    box-shadow: none;
  }
  .ath-aside-nav__block {
    grid-column: 1/-1;
    overflow: hidden;
    padding: var(--fs--2);
  }
}
@media only screen and (min-width: 72em) {
  .ath-aside-nav {
    width: 100%;
    grid-column: 1/3;
  }
  .ath-aside-nav__filter {
    padding-block: var(--fs-1);
  }
  .ath-aside-nav__block {
    grid-column: 4/-1;
    overflow: hidden;
    padding: var(--fs--2);
  }
}

.bp-filter {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.bp-filter__select {
  margin-bottom: var(--fs-1);
  border-radius: var(--fs--1);
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
  background-color: #ffffff;
}
.bp-filter__select i {
  transform: rotate(-180deg);
}
.bp-filter__select--rotate i {
  transform: rotate(0deg);
}
.bp-filter__select-btn {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: var(--fs-0);
  padding: var(--fs--3);
}
.bp-filter__select-btn i {
  font-size: var(--fs-2);
  color: #27c112;
}
.bp-filter__options {
  margin-bottom: var(--fs-3);
  border-radius: var(--fs--1);
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
  background-color: #ffffff;
}
.bp-filter__options > *:first-child {
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
.bp-filter__options > *:last-child {
  border-bottom-right-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
.bp-filter__options > *:not(:last-child) {
  border-bottom: solid 1px hsl(0, 0%, 77%);
}
.bp-filter__option {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.5rem;
  align-items: center;
  justify-items: flex-start;
  cursor: pointer;
  font-size: var(--fs-0);
  padding-inline: var(--fs--2);
  padding-block: var(--fs--1);
  background-color: #ffffff;
}
.bp-filter__option > * {
  pointer-events: none;
}
.bp-filter__option--active {
  background-color: #27c112;
  color: #ffffff;
}
.bp-filter__option--active i {
  color: #ffffff;
}
.bp-filter__option:hover {
  color: #ffffff;
  background-color: #27c112;
  border: none;
}
.bp-filter__icon {
  font-family: "ibp";
  font-size: var(--fs-1);
  color: currentColor;
  transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 48em) {
  .bp-filter {
    width: 100%;
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 72em) {
  .bp-filter {
    width: 100%;
    grid-column: 1/3;
  }
}

.ath-chart {
  width: 16rem;
  height: 16rem;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ath-chart__hole {
  width: 11rem;
  height: 11rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  background-color: #ffffff;
}
.ath-chart__hole h3 {
  font-size: 16px;
}
.ath-chart__slice {
  width: 100%;
  height: 100%;
  position: absolute;
  clip-path: inset(0 0 0rem 50% round 40% 40% 0 40%);
  border-radius: 50%;
  overflow: hidden;
  background-color: inherit;
  font-size: var(--fs--1);
}
.ath-chart__slice--1 {
  transform: rotate(0deg);
}
.ath-chart__slice--2 {
  background-color: #cfdce0;
  transform: rotate(140deg);
}
.ath-chart__slice--3 {
  background-color: #87a8b1;
  transform: rotate(205deg);
}
.ath-chart__slice--4 {
  background-color: #26737f;
  transform: rotate(260deg);
}
.ath-chart__slice--5 {
  background-color: #105163;
  transform: rotate(0deg);
}
.ath-chart__percentage {
  z-index: 7;
  position: absolute;
}
.ath-chart__percentage p {
  font-family: "CoreSansRegular", Inter, Roboto;
  font-size: var(--fs--1);
}
.ath-chart__percentage--1 {
  bottom: 4.5rem;
  left: 12.8rem;
  transform: rotate(-50deg);
}
.ath-chart__percentage--2 {
  bottom: 0.8rem;
  left: 6rem;
  transform: rotate(0deg);
}
.ath-chart__percentage--3 {
  bottom: 4.5rem;
  left: 0.9rem;
  transform: rotate(62deg);
}
.ath-chart__percentage--4 {
  top: 0.8rem;
  left: 7.5rem;
  transform: rotate(0deg);
}

.bp-ui-card {
  width: 100%;
  overflow: hidden;
  height: unset;
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  align-content: space-between;
  align-items: initial;
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.bp-ui-card__icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.bp-ui-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: transparent;
}
.bp-ui-card__content {
  width: 100%;
  height: 100% !important;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: unset;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
}
.bp-ui-card__content > * {
  padding-block-end: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .bp-ui-card[data-card=circle-icon] {
    box-shadow: none !important;
    background-color: transparent;
  }
}
.bp-ui-card--shadow-none {
  box-shadow: none;
  background-color: transparent !important;
}
[data-card=empty] .bp-ui-card__head {
  grid-column: 1/-1;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=empty] .bp-ui-card__content {
  height: 100%;
  min-height: -moz-fit-content;
  min-height: fit-content;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
}
[data-card=empty] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: var(--fs-1);
  padding-bottom: var(--fs-1);
  padding-left: var(--fs-1);
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
@media only screen and (min-width: 64em) {
  [data-card=empty] .bp-ui-card__head__img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 80em) {
  [data-card=empty] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=empty] .bp-ui-card__head__img img {
    height: 16rem;
    -o-object-position: top left;
       object-position: top left;
  }
}
[data-card=circle-icon] .bp-ui-card {
  background-color: transparent !important;
  box-shadow: none !important;
}
[data-card=circle-icon] .bp-ui-card__icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
[data-card=circle-icon] .bp-ui-card__icon i {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  font-size: var(--fs-6);
  padding: var(--fs-0);
  background-color: #105163;
  color: #ffffff;
}
[data-card=circle-icon] .bp-ui-card__icon img {
  width: 4.5rem;
}
[data-card=circle-icon] .bp-ui-card__content {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=circle-icon] .bp-ui-card__content > * {
  padding-block-end: var(--fs-1);
}
[data-card=circle-icon] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--fs-2);
}
[data-card=icon] .bp-ui-card__icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
[data-card=icon] .bp-ui-card__icon i {
  color: #27c112;
  font-size: var(--fs-7);
}
[data-card=icon] .bp-ui-card__icon img {
  max-width: 10.5rem;
}
[data-card=icon] .bp-ui-card__content {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=icon] .bp-ui-card__content > * {
  padding-block-end: var(--fs-1);
}
[data-card=icon] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--fs-2);
}
[data-card=icon-breb] .bp-ui-card__icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
[data-card=icon-breb] .bp-ui-card__icon i {
  color: #105163;
}
[data-card=icon-breb] .bp-ui-card__icon img {
  width: 4.5rem;
}
[data-card=icon-breb] .bp-ui-card__content {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=icon-breb] .bp-ui-card__content > * {
  padding-block-end: var(--fs-1);
}
[data-card=icon-breb] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--fs-2);
}
[data-color=icon-breb-color-800] .bp-ui-card__icon i {
  color: #00ce85 !important;
}
[data-card=icon-white] .bp-ui-card__icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
[data-card=icon-white] .bp-ui-card__icon i {
  color: #ffffff;
  font-size: var(--fs-6);
  font-weight: lighter;
}
[data-card=icon-white] .bp-ui-card__icon img {
  width: 4.5rem;
}
[data-card=icon-white] .bp-ui-card__content {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
  color: #ffffff;
}
[data-card=icon-white] .bp-ui-card__content > * {
  padding-block-end: var(--fs-1);
}
[data-card=icon-white] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--fs-2);
}
[data-card=icon-left] .bp-ui-card__icon {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
[data-card=icon-left] .bp-ui-card__icon i {
  color: #27c112;
}
[data-card=icon-left] .bp-ui-card__icon img {
  width: 4.5rem;
}
[data-card=icon-left] .bp-ui-card__content {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: start;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=icon-left] .bp-ui-card__content > * {
  padding-block-end: var(--fs-1);
}
[data-card=icon-left] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  padding-bottom: var(--fs-2);
}
[data-card=number] .bp-ui-card__number {
  grid-column: 1/-1;
  grid-row: 1/2;
  align-self: center;
  justify-self: center;
  padding-top: var(--fs-4);
}
[data-card=number] .bp-ui-card__number p {
  font-size: var(--fs-6);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 0.8;
}
[data-card=number] .bp-ui-card__content {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  grid-row: 2/4;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-4);
  padding-left: var(--fs-2);
}
[data-card=number] .bp-ui-card__content > *:not(:last-child) {
  padding-block-end: var(--fs-1);
}
[data-card=number] .bp-ui-card__content:last-child {
  justify-self: end !important;
}
[data-card=header-image] .bp-ui-card {
  align-content: unset;
  align-content: space-between;
  max-width: 100%;
  grid-template-rows: repeat(4, min-content);
}
[data-card=header-image] .bp-ui-card__head {
  position: relative;
  grid-column: 1/-1;
  grid-row: 1/2;
  display: grid;
  grid-template-columns: repeat(2, auto);
  background-size: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
[data-card=header-image] .bp-ui-card__head > * {
  grid-column: 1/-1;
}
[data-card=header-image] .bp-ui-card__head__overlay {
  max-width: 100%;
  max-width: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: var(--fs-1);
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  background-image: linear-gradient(0deg, rgba(0, 158, 0, 0.8) 0%, rgba(0, 158, 0, 0.45) 100%);
}
[data-card=header-image] .bp-ui-card__head__img {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  grid-row: 1/2;
}
[data-card=header-image] .bp-ui-card__head__img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: inherit !important;
}
[data-card=header-image] .bp-ui-card__head__img--center {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  grid-row: 1/2;
}
[data-card=header-image] .bp-ui-card__head__img--center img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: inherit !important;
}
[data-card=header-image] .bp-ui-card__head__img--logo {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  grid-row: 1/2;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
[data-card=header-image] .bp-ui-card__head__img--logo img {
  width: 50%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  border-radius: inherit !important;
}
[data-card=header-image] .bp-ui-card__head__img--full-h {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  grid-row: 1/2;
}
[data-card=header-image] .bp-ui-card__head__img--full-h img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: inherit !important;
}
[data-card=header-image] .bp-ui-card__head__img-default {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  grid-row: 1/2;
}
[data-card=header-image] .bp-ui-card__head__img-default img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: inherit !important;
}
[data-card=header-image] .bp-ui-card__content {
  height: 100%;
  grid-column: 1/-1;
  grid-row: 2/4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
[data-card=header-image] .bp-ui-card__title > * {
  padding-block-start: var(--fs--2);
}
[data-card=header-image] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
@media only screen and (min-width: 48em) {
  [data-card=header-image] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=header-image] .bp-ui-card__head__img img {
    height: 9rem;
    -o-object-position: top center;
       object-position: top center;
  }
  [data-card=header-image] .bp-ui-card__head__img-default {
    max-width: 100%;
  }
  [data-card=header-image] .bp-ui-card__head__img-default img {
    height: 100%;
    -o-object-position: top center;
       object-position: top center;
  }
}
@media only screen and (min-width: 64em) {
  [data-card=header-image] .bp-ui-card {
    align-content: flex-start;
  }
  [data-card=header-image] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=header-image] .bp-ui-card__head__img img {
    height: 9rem;
    -o-object-position: top center;
       object-position: top center;
  }
  [data-card=header-image] .bp-ui-card__head__img-2 {
    max-width: 100%;
  }
  [data-card=header-image] .bp-ui-card__head__img-2 img {
    height: 18rem;
    -o-object-position: top center;
       object-position: top center;
  }
}
@media only screen and (min-width: 80em) {
  [data-card=header-image] .bp-ui-card {
    align-content: space-between;
    max-width: 50%;
  }
  [data-card=header-image] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=header-image] .bp-ui-card__head__img img {
    height: 16rem;
    -o-object-position: top center;
       object-position: top center;
  }
}
[data-card=person-image] .bp-ui-card {
  align-content: unset;
  align-content: space-between;
  max-width: 100%;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: repeat(8, 1fr);
}
[data-card=person-image] .bp-ui-card__head {
  position: relative;
  grid-column: 1/-1;
  grid-row: 1/4;
  display: grid;
  background-size: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=person-image] .bp-ui-card__head__logo {
  position: relative;
  grid-column: 1/-1;
  grid-row: 1/3;
}
[data-card=person-image] .bp-ui-card__head > * {
  grid-column: 1/-1;
}
[data-card=person-image] .bp-ui-card__head__icon {
  border-radius: 50%;
}
[data-card=person-image] .bp-ui-card__head__img--center {
  position: relative;
  grid-row: 3/4;
  display: grid;
  justify-content: center;
}
[data-card=person-image] .bp-ui-card__head__img--center img {
  display: grid;
  grid-row: 2/4;
  z-index: 10;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: inherit !important;
}
[data-card=person-image] .bp-ui-card__wrap {
  height: 100%;
  grid-column: 1/-1;
  grid-row: 3/8;
  display: grid;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=person-image] .bp-ui-card__wrap__title {
  grid-row: 5/6;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
[data-card=person-image] .bp-ui-card__wrap__buttons {
  display: grid;
  grid-column: 1/-1;
  grid-row: 6/8;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
[data-card=person-image] .bp-ui-card__title > * {
  padding-block-start: var(--fs--2);
}
[data-card=person-image] .bp-ui-card__call-to-action {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 6/7;
  background-color: hotpink;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-row=person-icon] .bp-ui-card__wrap {
  grid-template-rows: 40px repeat(8, auto) !important;
}
[data-color=header-image-c400] .bp-ui-card__head__overlay {
  background-image: linear-gradient(0deg, rgba(77, 169, 234, 0.8) 0%, rgba(77, 169, 234, 0.45) 100%);
}
[data-color=header-image-g700] .bp-ui-card__head__overlay {
  background-image: linear-gradient(0deg, rgba(195, 130, 40, 0.8) 0%, rgba(195, 130, 40, 0.45) 100%);
}
[data-color=header-image-t700] .bp-ui-card__head__overlay {
  background-image: linear-gradient(0deg, rgba(44, 153, 181, 0.8) 0%, rgba(44, 153, 181, 0.45) 100%);
}
[data-fit=cover-image-center] .bp-ui-card__head__img img {
  -o-object-position: center center;
     object-position: center center;
}
[data-card=news-slider] .bp-ui-card {
  margin: var(--fs-0);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
[data-card=news-slider] .bp-ui-card__head {
  grid-column: 1/-1;
  padding: var(--fs-1);
  display: grid;
  grid-template-columns: repeat(2, auto);
  background-size: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  border-bottom-right-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
[data-card=news-slider] .bp-ui-card__head > * {
  grid-column: 1/-1;
}
[data-card=news-slider] .bp-ui-card__head__img {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  border-bottom-right-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
[data-card=news-slider] .bp-ui-card__head__img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: inherit !important;
}
[data-card=news-slider] .bp-ui-card__content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: var(--fs-0);
  padding-right: var(--fs-0);
  padding-bottom: var(--fs-0);
  padding-left: var(--fs-0);
}
[data-card=news-slider] .bp-ui-card__title > * {
  padding-block-end: var(--fs-0);
}
@media only screen and (min-width: 64em) {
  [data-card=news-slider] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=news-slider] .bp-ui-card__head__img img {
    height: 16.5rem;
    -o-object-position: center;
       object-position: center;
  }
  [data-card=news-slider] .bp-ui-card__content {
    padding-right: var(--fs-1);
    padding-bottom: var(--fs-1);
    padding-left: var(--fs-1);
  }
}
@media only screen and (min-width: 80em) {
  [data-card=news-slider] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=news-slider] .bp-ui-card__head__img img {
    -o-object-position: center;
       object-position: center;
  }
}
[data-card=big-header-image] .bp-ui-card {
  max-width: 100%;
}
[data-card=big-header-image] .bp-ui-card__head {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, auto);
  background-size: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=big-header-image] .bp-ui-card__head > * {
  grid-column: 1/-1;
}
[data-card=big-header-image] .bp-ui-card__head__img {
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=big-header-image] .bp-ui-card__head__img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: inherit !important;
}
[data-card=big-header-image] .bp-ui-card__content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=big-header-image] .bp-ui-card__title > * {
  padding-block-end: var(--fs-0);
}
@media only screen and (min-width: 64em) {
  [data-card=big-header-image] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=big-header-image] .bp-ui-card__head__img img {
    height: 16.5rem;
    -o-object-position: top center;
       object-position: top center;
  }
}
@media only screen and (min-width: 80em) {
  [data-card=big-header-image] .bp-ui-card__head__img {
    max-width: 100%;
  }
  [data-card=big-header-image] .bp-ui-card__head__img img {
    -o-object-position: top center;
       object-position: top center;
  }
}
[data-card=news-left-image] .bp-ui-card {
  height: 100%;
  grid-template-rows: unset;
}
[data-card=news-left-image] .bp-ui-card__img {
  height: 100%;
  grid-column: 1/-1;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=news-left-image] .bp-ui-card__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: inherit;
}
[data-card=news-left-image] .bp-ui-card__icon {
  height: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
[data-card=news-left-image] .bp-ui-card__content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=news-left-image] .bp-ui-card__content > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
[data-card=news-left-image] .bp-ui-card__title > * {
  padding-block-start: var(--fs--2);
}
@media only screen and (min-width: 48em) {
  [data-card=news-left-image] .bp-ui-card {
    height: 100%;
  }
  [data-card=news-left-image] .bp-ui-card__img {
    grid-column: 1/4;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=news-left-image] .bp-ui-card__content {
    min-height: 14.5rem;
    grid-column: 4/-1;
  }
}
[data-card=left-image] .bp-ui-card {
  height: auto;
  grid-template-rows: unset;
}
[data-card=left-image] .bp-ui-card__img {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=left-image] .bp-ui-card__img > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
  border-radius: inherit;
}
[data-card=left-image] .bp-ui-card__img-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  padding: var(--fs-2);
}
[data-card=left-image] .bp-ui-card__img-overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, rgba(80, 80, 80, 0.73) 0%, rgba(0, 0, 0, 0.0508578431) 80%);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=left-image] .bp-ui-card__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: inherit;
  z-index: 0;
}
[data-card=left-image] .bp-ui-card__icon {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  color: #ffffff;
}
[data-card=left-image] .bp-ui-card__icon img {
  width: 50%;
}
[data-card=left-image] .bp-ui-card__icon--span {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  color: #ffffff;
}
[data-card=left-image] .bp-ui-card__icon--span img {
  width: 50%;
}
[data-card=left-image] .bp-ui-card__content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 4;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=left-image] .bp-ui-card__content > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
[data-card=left-image] .bp-ui-card__content--span2 {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 4;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=left-image] .bp-ui-card__content--span2 > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
[data-card=left-image] .bp-ui-card__title > * {
  padding-block-start: var(--fs--2);
}
[data-card=left-image] .bp-ui-card__call-to-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
@media only screen and (min-width: 48em) {
  [data-card=left-image] .bp-ui-card__img {
    grid-column: 1/4;
    grid-row: 1/-1;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=left-image] .bp-ui-card__icon {
    grid-column: 1/3;
    grid-row: 1/-1;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=left-image] .bp-ui-card__icon img {
    width: 100%;
  }
  [data-card=left-image] .bp-ui-card__icon--span {
    grid-column: 1/2;
    grid-row: 1/-1;
  }
  [data-card=left-image] .bp-ui-card__content {
    grid-column: 3/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  [data-card=left-image] .bp-ui-card__content > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 48em) and (min-width: 40em) {
  [data-card=left-image] .bp-ui-card__content > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 48em) {
  [data-card=left-image] .bp-ui-card__content div:first-child {
    grid-column: span 2;
  }
  [data-card=left-image] .bp-ui-card__content > * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  [data-card=left-image] .bp-ui-card__content--span {
    grid-column: 4/-1;
    grid-row: 1/-1;
  }
  [data-card=left-image] .bp-ui-card__content--span2 {
    grid-column: 2/-1;
    grid-row: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  [data-card=left-image] .bp-ui-card__content--span2 > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 48em) and (min-width: 40em) {
  [data-card=left-image] .bp-ui-card__content--span2 > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 48em) {
  [data-card=left-image] .bp-ui-card__content--span2 div:first-child {
    grid-column: span 2;
  }
  [data-card=left-image] .bp-ui-card__content--span2 > * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
[data-card=left-image-md] .bp-ui-card {
  height: auto;
  grid-template-rows: unset;
}
[data-card=left-image-md] .bp-ui-card__img {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=left-image-md] .bp-ui-card__img > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
  border-radius: inherit;
}
[data-card=left-image-md] .bp-ui-card__img-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  padding: var(--fs-2);
}
[data-card=left-image-md] .bp-ui-card__img-overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, rgba(80, 80, 80, 0.73) 0%, rgba(0, 0, 0, 0.0508578431) 80%);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=left-image-md] .bp-ui-card__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: inherit;
  z-index: 0;
}
[data-card=left-image-md] .bp-ui-card__icon {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  color: #ffffff;
}
[data-card=left-image-md] .bp-ui-card__icon img {
  width: 50%;
}
[data-card=left-image-md] .bp-ui-card__icon--span {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  color: #ffffff;
}
[data-card=left-image-md] .bp-ui-card__icon--span img {
  width: 50%;
}
[data-card=left-image-md] .bp-ui-card__content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 4;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=left-image-md] .bp-ui-card__content > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
[data-card=left-image-md] .bp-ui-card__content--span2 {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 4;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=left-image-md] .bp-ui-card__content--span2 > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
[data-card=left-image-md] .bp-ui-card__title > * {
  padding-block-start: var(--fs--2);
}
[data-card=left-image-md] .bp-ui-card__call-to-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
@media only screen and (min-width: 80em) {
  [data-card=left-image-md] .bp-ui-card__img {
    grid-column: 1/4;
    grid-row: 1/-1;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=left-image-md] .bp-ui-card__icon {
    grid-column: 1/3;
    grid-row: 1/-1;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=left-image-md] .bp-ui-card__icon img {
    width: 100%;
  }
  [data-card=left-image-md] .bp-ui-card__icon--span {
    grid-column: 1/2;
    grid-row: 1/-1;
  }
  [data-card=left-image-md] .bp-ui-card__content {
    grid-column: 3/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  [data-card=left-image-md] .bp-ui-card__content > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 80em) and (min-width: 40em) {
  [data-card=left-image-md] .bp-ui-card__content > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 80em) {
  [data-card=left-image-md] .bp-ui-card__content div:first-child {
    grid-column: span 2;
  }
  [data-card=left-image-md] .bp-ui-card__content > * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  [data-card=left-image-md] .bp-ui-card__content--span {
    grid-column: 4/-1;
    grid-row: 1/-1;
  }
  [data-card=left-image-md] .bp-ui-card__content--span2 {
    grid-column: 2/-1;
    grid-row: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  [data-card=left-image-md] .bp-ui-card__content--span2 > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 80em) and (min-width: 40em) {
  [data-card=left-image-md] .bp-ui-card__content--span2 > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 80em) {
  [data-card=left-image-md] .bp-ui-card__content--span2 div:first-child {
    grid-column: span 2;
  }
  [data-card=left-image-md] .bp-ui-card__content--span2 > * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
[data-card=left-image-big] .bp-ui-card {
  height: auto;
  grid-template-rows: unset;
}
[data-card=left-image-big] .bp-ui-card__img {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=left-image-big] .bp-ui-card__img > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
  border-radius: inherit;
}
[data-card=left-image-big] .bp-ui-card__img-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  z-index: 2;
  justify-content: center;
  align-items: flex-start;
  padding: var(--fs-2);
}
[data-card=left-image-big] .bp-ui-card__img-overlay {
  z-index: 1;
  background-image: linear-gradient(90deg, rgba(80, 80, 80, 0.73) 0%, rgba(0, 0, 0, 0.0508578431) 80%);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
[data-card=left-image-big] .bp-ui-card__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  border-radius: inherit;
  z-index: 0;
}
[data-card=left-image-big] .bp-ui-card__icon {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  color: #ffffff;
}
[data-card=left-image-big] .bp-ui-card__icon img {
  width: 50%;
}
[data-card=left-image-big] .bp-ui-card__content {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 4;
  padding-top: var(--fs-2);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
}
[data-card=left-image-big] .bp-ui-card__content > *:not(:last-child) {
  padding-block-end: var(--fs--1);
}
[data-card=left-image-big] .bp-ui-card__title > * {
  padding-block-start: var(--fs--2);
}
[data-card=left-image-big] .bp-ui-card__call-to-action {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
@media only screen and (min-width: 48em) {
  [data-card=left-image-big] .bp-ui-card__img {
    grid-column: 1/5;
    grid-row: 1/-1;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=left-image-big] .bp-ui-card__icon {
    grid-column: 1/3;
    grid-row: 1/-1;
    border-top-left-radius: var(--fs--1);
    border-bottom-left-radius: var(--fs--1);
    border-top-right-radius: 0 !important;
  }
  [data-card=left-image-big] .bp-ui-card__icon img {
    width: 100%;
  }
  [data-card=left-image-big] .bp-ui-card__content {
    grid-column: 3/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  [data-card=left-image-big] .bp-ui-card__content > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 48em) and (min-width: 40em) {
  [data-card=left-image-big] .bp-ui-card__content > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 48em) {
  [data-card=left-image-big] .bp-ui-card__content div:first-child {
    grid-column: span 2;
  }
  [data-card=left-image-big] .bp-ui-card__content > * {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  [data-card=left-image-big] .bp-ui-card__content--span {
    grid-column: 5/-1;
    grid-row: 1/-1;
  }
}
@media only screen and (min-width: 48em) {
  [data-flow=one-column] .bp-ui-card__content {
    grid-column: 3/-1;
    grid-row: 1/-1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  [data-flow=one-column] .bp-ui-card__content > * {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  [data-flow=one-column] .bp-ui-card__content--span {
    grid-column: 4/-1;
    grid-row: 1/-1;
  }
}
[data-text=center] .bp-ui-card__content {
  text-align: center;
}
@media only screen and (min-width: 48em) {
  [data-text=center] .bp-ui-card__content {
    text-align: left;
  }
}
[data-card=bg-image] .bp-ui-card {
  align-content: unset;
  align-content: normal;
}
[data-card=bg-image] .bp-ui-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  background-color: transparent;
}
[data-card=bg-image] .bp-ui-card__img {
  position: relative;
  grid-column: 1/-1;
  grid-row: 1/-1;
  display: grid;
  height: 100%;
  border-radius: var(--fs-0);
}
[data-card=bg-image] .bp-ui-card__img > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
[data-card=bg-image] .bp-ui-card__img-overlay {
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  background: linear-gradient(0deg, rgba(29, 90, 100, 0.9), rgba(94, 94, 94, 0.089) 80%);
  border-radius: inherit;
}
[data-card=bg-image] .bp-ui-card__img-picture {
  width: 100%;
  border-radius: inherit;
  z-index: 0;
}
[data-card=bg-image] .bp-ui-card__img-picture img {
  height: 100%;
  min-height: 16rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
  -o-object-position: center top;
     object-position: center top;
}
[data-card=bg-image] .bp-ui-card__content {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 4;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  z-index: 4;
}
[data-card=bg-image] .bp-ui-card__content--glassmorphism {
  grid-column: 1/-1;
  grid-row: 1/-1;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  flex-wrap: nowrap;
  align-self: self-end;
  flex-direction: column;
  justify-content: end;
  align-items: start;
  gap: 0.5rem;
  z-index: 4;
  margin: var(--fs-1);
  padding: var(--fs-1);
  border-radius: var(--fs-0);
  background: rgba(255, 255, 255, 0.55);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(9px);
  -webkit-backdrop-filter: blur(9px);
  border: 1px solid rgb(255, 255, 255);
}
@media only screen and (min-width: 80em) {
  [data-card=bg-image] .bp-ui-card--big__img img {
    width: 100%;
    min-height: 450px;
    aspect-ratio: 2/1;
  }
}
[data-color=bg-image-t900] .bp-ui-card__img-overlay {
  background-image: unset;
  background-color: rgba(24, 97, 109, 0.85);
}
[data-color=bg-image-c900] .bp-ui-card__img-overlay {
  background-image: unset;
  background-color: rgba(13, 77, 150, 0.85);
}
@media only screen and (min-width: 80em) {
  [data-size=full-heigh] .bp-ui-card__img-picture {
    width: 100%;
    height: 100%;
    border-radius: var(--fs-0);
  }
  [data-size=full-heigh] .bp-ui-card__img-picture img {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
[data-size=height-m] .bp-ui-card__content {
  min-height: 16rem !important;
}
@media only screen and (min-width: 80em) {
  [data-size=height-m] .bp-ui-card__img-picture {
    width: 100%;
    height: 16rem;
    border-radius: var(--fs-0);
  }
  [data-size=height-m] .bp-ui-card__img-picture img {
    width: 100%;
    aspect-ratio: 2/1;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top left;
       object-position: top left;
  }
}
[data-img-mask=curve] .bp-ui-card {
  min-height: 100% !important;
}
[data-img-mask=curve] .bp-ui-card__head__img {
  border-bottom-left-radius: 40% 30px;
  border-bottom-right-radius: 60% 150px;
}

.bp-ui-quotation {
  width: 100%;
  height: 100%;
  min-height: -moz-max-content;
  min-height: max-content;
  position: relative;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(8, auto);
  padding: var(--fs--2);
}
.bp-ui-quotation__icon {
  grid-column: 1/3;
  grid-row: 1/2;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  font-size: 72px;
}
.bp-ui-quotation__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  background-color: transparent;
}
.bp-ui-quotation__card {
  width: 100%;
  height: 100%;
  min-height: -moz-max-content !important;
  min-height: max-content !important;
  z-index: 0;
  grid-column: 2/-1;
  grid-row: 1/-1;
  align-content: space-between;
  padding-top: var(--fs-4);
  padding-right: var(--fs-2);
  padding-bottom: var(--fs-2);
  padding-left: var(--fs-2);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.bp-ui-quotation__card__content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.ath-card-outside {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(4, 0.5fr);
}
.ath-card-outside__img {
  grid-column: 1/-1;
  grid-row: 1/3;
  z-index: 1;
  align-self: center;
  justify-self: center;
  padding-bottom: var(--fs-0);
}
.ath-card-outside__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.ath-card-outside__container {
  grid-column: 1/-1;
  grid-row: 2/-1;
  z-index: 0;
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-card-outside__content {
  width: 100%;
  height: 80%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  align-content: center;
  margin-top: var(--fs-2);
  padding-bottom: var(--fs-0);
  text-align: left;
}
@media only screen and (min-width: 40em) {
  .ath-card-outside {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, min-content);
  }
  .ath-card-outside__img {
    width: 72%;
    grid-column: 1/3;
    grid-row: 1/2;
    z-index: 1;
    justify-self: center;
  }
  .ath-card-outside__container {
    grid-column: 2/-1;
    grid-row: 1/2;
    z-index: 0;
    border-radius: var(--fs-0);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
  .ath-card-outside__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    text-align: left;
    margin-top: var(--fs-0);
    padding-bottom: var(--fs-1);
  }
}

.bp-ui-card-columns {
  width: 100%;
  grid-column: 2/-2;
  border: solid 1px #ebebeb;
}
.bp-ui-card-columns__head {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs--1);
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
}
.bp-ui-card-columns__head p {
  font-size: var(--fs-2);
  color: #ffffff;
}
.bp-ui-card-columns__head i {
  color: #ffffff;
  font-size: var(--fs-6);
}
.bp-ui-card-columns__head img {
  max-width: 50%;
}
.bp-ui-card-columns__content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: var(--fs-1);
}
.bp-ui-card-columns__text {
  grid-column: 1/-1;
}
.bp-ui-card-columns__text > * {
  padding-block-end: var(--fs--2);
}
.bp-ui-card-columns__cta {
  display: none;
  width: 100%;
  grid-column: 1/-1;
}
.bp-ui-card-columns__cta img {
  max-width: 50%;
}
@media only screen and (min-width: 64em) {
  .bp-ui-card-columns {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: var(--fs--1);
    -moz-gap: var(--fs--1);
  }
  .bp-ui-card-columns__head {
    grid-column: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: unset;
    padding: var(--fs-1);
    gap: var(--fs--1);
    -moz-gap: var(--fs--1);
  }
  .bp-ui-card-columns__head p {
    font-size: var(--fs-1);
  }
  .bp-ui-card-columns__head i {
    font-size: var(--fs-6);
  }
  .bp-ui-card-columns__head img {
    max-width: 100%;
  }
  .bp-ui-card-columns__content {
    grid-column: 3/-1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-content: center;
    padding: var(--fs-1);
  }
  .bp-ui-card-columns__text {
    grid-column: 1/5;
  }
  .bp-ui-card-columns__text > * {
    padding-block-end: var(--fs--2);
  }
  .bp-ui-card-columns__cta {
    grid-column: 5/-1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.outline-card {
  width: 100%;
  min-width: 8rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  align-items: center;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
}
.outline-card__content {
  width: 100%;
  grid-column: 1/-1;
  min-width: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--fs-0);
  border-radius: var(--fs--3);
  border-style: solid;
  border-width: 1px;
  border-color: #ffffff;
}
.outline-card__icon {
  display: none;
}
.outline-card__footer {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-size: var(--fs--1);
  color: #ffffff;
}
@media only screen and (min-width: 64em) {
  .outline-card__content {
    width: 100%;
    grid-column: 1/5;
    min-width: 8rem;
  }
  .outline-card__icon {
    width: 100%;
    grid-column: 5/6;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--fs--3);
    font-size: var(--fs-0);
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1/1;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    box-sizing: border-box;
    background-color: #ffffff;
  }
  .outline-card__footer {
    grid-column: 1/5;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: var(--fs--1);
    color: #ffffff;
  }
}

.bp-businessCards {
  height: -moz-fit-content;
  height: fit-content;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(16, auto);
  border-radius: var(--fs-1);
}
.bp-businessCards__logo {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 4;
  grid-column: 1/-1;
  grid-row: 1/2;
  position: relative;
  padding: 1rem;
  padding-inline: var(--fs-6);
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
}
.bp-businessCards__head {
  position: relative;
  grid-column: 1/-1;
  grid-row: 3/7;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(7, auto);
}
.bp-businessCards__head-shape-one {
  width: 100%;
  height: auto;
  z-index: 3;
  grid-column: 1/-1;
  grid-row: 1/2;
  border-bottom-left-radius: 40% 70px;
  border-bottom-right-radius: 40% 70px;
}
.bp-businessCards__head-shape-two {
  width: 100%;
  height: auto;
  grid-column: 1/-1;
  grid-row: 1/-1;
  z-index: 1;
  border-bottom-left-radius: 40% 50px;
  border-bottom-right-radius: 40% 50px;
  padding-block: 100px;
}
.bp-businessCards__wrap {
  width: 100%;
  height: 100%;
  z-index: 10;
  grid-column: 1/-1;
  grid-row: 3/8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bp-businessCards__wrap img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-top-left-radius: var(--fs-1);
  border-top-right-radius: var(--fs-1);
  border-bottom-right-radius: var(--fs-1);
  border-bottom-left-radius: var(--fs-1);
  border-style: solid;
  border-width: var(--fs--3);
  border-color: #34ef00;
}
.bp-businessCards__cta {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  grid-column: 1/-1;
  grid-row: 8/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
}
.bp-businessCards__cta > * {
  padding-block-end: var(--fs-1);
}
[data-card=premium] .bp-businessCards__wrap img {
  border-style: solid;
  border-width: var(--fs--3);
  border-color: #105163;
}

.bp-ui-icon {
  display: flex;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.bp-ui-icon__content {
  display: flex;
  width: 100%;
}
.bp-ui-icon__content > *:not(:last-child) {
  padding-block-end: var(--fs-1);
}
@media only screen and (min-width: 64em) {
  .bp-ui-icon__content__content {
    max-width: 80%;
  }
}
[data-icon=number] .bp-ui-icon__number {
  color: #105163;
  font-size: var(--Headline-big);
  font-family: "CoreSansLight", Inter, Roboto !important;
  line-height: 0.8;
}
[data-icon=number] .bp-ui-icon__number-m {
  color: #27c112;
  font-size: var(--Headline-2);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 0.8;
  font-weight: bold;
}
[data-icon=number] .bp-ui-icon__content {
  flex-direction: column;
  justify-content: flex-start;
}
[data-icon=flow-column] .bp-ui-icon__wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
[data-icon=flow-column] .bp-ui-icon__number {
  font-size: var(--Headline-big);
  font-family: "CoreSansLight", Inter, Roboto !important;
  line-height: 0.8;
  color: #105163;
}
[data-icon=flow-column] .bp-ui-icon__number-m {
  color: #27c112;
  font-size: var(--Headline-2);
  font-family: "CoreSansRegular", Inter, Roboto;
  line-height: 0.8;
  font-weight: bold;
}
[data-icon=flow-column] .bp-ui-icon__content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
}
@media only screen and (min-width: 64em) {
  [data-icon=flow-column] .bp-ui-icon__wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }
  [data-icon=flow-column] .bp-ui-icon__content {
    align-items: center;
    text-align: center;
  }
}
[data-icon=icon-left] .bp-ui-icon {
  align-items: center;
  gap: 1.5rem;
}
[data-icon=icon-left] .bp-ui-icon__icon {
  width: -moz-fit-content;
  width: fit-content;
}
[data-icon=icon-left] .bp-ui-icon__content {
  flex-direction: column;
}
[data-icon=circle-item] .bp-ui-icon__number {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  font-size: var(--fs-2);
  color: #ffffff;
}
[data-icon=circle-item] .bp-ui-icon__content {
  max-width: 85%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
[data-icon=circle-item] .bp-ui-icon__content > *:not(:last-child) {
  padding-block: unset;
  padding-block-end: var(--fs-1);
}
[data-icon=circle-item-card] .bp-ui-icon__number {
  display: none !important;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  font-size: var(--fs-2);
  color: #ffffff;
}
[data-icon=circle-item-card] .bp-ui-icon__content {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--fs-2);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
[data-icon=circle-item-card] .bp-ui-icon__content > *:not(:last-child) {
  padding-block-end: var(--fs-0);
}
@media only screen and (min-width: 64em) {
  [data-icon=circle-item-card] .bp-ui-icon__number {
    display: flex !important;
    width: 3rem;
    height: 3rem;
  }
}
[circle-size=circle-size-lg] .bp-ui-icon__number {
  width: 4rem;
  height: 4rem;
}
[circle-size=circle-size-lg] .bp-ui-icon__number i {
  font-size: var(--fs-4);
}

.btn-toggle {
  position: relative;
  display: inline-block;
  height: 1.4rem;
  width: 3rem;
}
.btn-toggle__input {
  position: absolute;
  z-index: 1;
  width: inherit;
  height: inherit;
  opacity: 0;
}
.btn-toggle__slide {
  position: absolute;
  cursor: pointer;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--fs-1);
  background-color: #ffffff;
  border-style: solid;
  border-width: 1px;
  border-color: #555555;
  transition: 0.4s;
}
.btn-toggle__slide::before {
  content: "";
  position: absolute;
  height: 1rem;
  width: 1rem;
  left: 0.1rem;
  top: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
}
.btn-toggle__input:checked + .btn-toggle__slide::before {
  transform: translateX(1.5rem);
  background-color: #ffffff;
}
.btn-toggle__input:focus + .btn-toggle__slide {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}

.bp-ui-form__header {
  width: 100%;
  padding-block: var(--fs-0);
}
.bp-ui-form__header > * {
  padding-block-end: var(--fs--1);
}
.bp-ui-form__header__links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
}
.bp-ui-form__header__caption {
  width: 100%;
  display: flex;
  justify-content: center;
}
.bp-ui-form__header__content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.bp-ui-form__title {
  font-size: var(--Headline-4);
  font-family: "CoreSansRegular", Inter, Roboto;
  font-weight: 600;
  line-height: 1.2;
  padding-block: var(--fs-0);
}
.bp-ui-form__section {
  display: flex;
  flex-direction: column;
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
.bp-ui-form__section > * {
  padding-block-end: var(--fs--1);
}
@media only screen and (min-width: 64em) {
  .bp-ui-form__section {
    flex-direction: row;
  }
}
.bp-ui-form__group {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.bp-ui-form__group--grow {
  flex-grow: 1;
  min-width: 0;
  width: auto;
}
.bp-ui-form__group--not-grow {
  flex-grow: 1;
  flex-shrink: 1;
}
@media only screen and (min-width: 64em) {
  .bp-ui-form__group--not-grow {
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
  }
}
.bp-ui-form__label {
  font-size: var(--fs--1);
  font-family: "CoreSansRegular", Inter, Roboto;
  padding-bottom: var(--fs--3);
}
.bp-ui-form__label:after {
  content: " *";
  color: #bd0000;
  font-weight: 600;
}
.bp-ui-form__input {
  border: 1px solid lightgray;
  padding: var(--fs--1);
  border-radius: var(--fs--3);
}
.bp-ui-form__select {
  position: relative;
}
.bp-ui-form__select select {
  border: 1px solid lightgray;
  font-size: var(--fs--1);
  padding: var(--fs--1);
  border-radius: var(--fs--3);
}
.bp-ui-form__select select select:focus {
  color: var(--clr-bp-neutral-700 !important);
}
.bp-ui-form__select__arrow {
  position: absolute;
  height: 100%;
  width: 4rem;
  top: 0;
  right: 0;
  pointer-events: none;
  border-radius: var(--fs--3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bp-ui-form__select__arrow i {
  font-size: var(--fs-2);
}
.bp-ui-form__select--disabled select[disabled] {
  cursor: not-allowed !important;
  background-color: #f5f5f5;
  color: #9d9d9d;
}
.bp-ui-form__select--disabled span i {
  color: #9d9d9d;
  font-size: var(--fs-2);
}
.bp-ui-form input[type=checkbox] {
  width: 16px;
  height: 16px;
  accent-color: green;
}
.bp-ui-form__group--checkbox {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  gap: 0.5rem;
  justify-items: flex-start;
  align-items: center;
}
.bp-ui-form__group--checkbox input {
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 1rem;
}
.bp-ui-form__group--checkbox label {
  padding: 0 !important;
  font-size: var(--fs--1);
  font-family: "CoreSansRegular", Inter, Roboto;
}
.bp-ui-form__group--checkbox label:after {
  content: "";
}
.bp-ui-form__group--w-full {
  flex: 1;
  width: -moz-fit-content !important;
  width: fit-content !important;
  display: flex;
  flex-direction: column;
}
.bp-ui-form__recaptcha {
  width: 64%;
}
@media only screen and (min-width: 40em) {
  .bp-ui-form__recaptcha {
    width: 24%;
  }
}

.bp-ui-alert {
  width: 100%;
  transition: transform 150ms ease-in-out;
}
.bp-ui-alert__container {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, auto);
  align-items: center;
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
  padding: var(--fs--1);
  border-radius: var(--fs--2);
}
.bp-ui-alert__icon {
  width: 2.5rem;
  grid-column: 1/2;
  grid-row: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  padding: var(--fs--3);
  background-color: #ffffff;
  color: #105163;
}
.bp-ui-alert__icon i {
  font-weight: 600;
}
.bp-ui-alert__close {
  grid-column: 12/13;
  grid-row: 1/-1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bp-ui-alert__close i {
  font-weight: 600;
}
.bp-ui-alert__close:hover {
  color: #7b7b7b;
}
.bp-ui-alert__content {
  width: 100%;
  grid-column: 2/12;
  grid-row: 1/-1;
}
[data-type=success] .bp-ui-alert__container {
  background-color: #d4f3d0;
}
[data-type=success] .bp-ui-alert__icon {
  color: #27c112;
}
[data-type=error] .bp-ui-alert__container {
  background-color: #fed7d7;
}
[data-type=error] .bp-ui-alert__icon {
  color: #f64c3c;
}
[data-type=info] .bp-ui-alert__container {
  background-color: #dbeafd;
}
[data-type=info] .bp-ui-alert__icon {
  color: #008cff;
}
.bp-modal {
  max-width: 80ch;
  padding: var(--fs-1);
  border-radius: var(--fs--1);
  background-color: #ffffff;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.bp-modal::backdrop {
  background-color: hsla(0, 0%, 26%, 0.5);
  backdrop-filter: blur(1rem);
}
.bp-modal > * {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--fs-0);
  -moz-gap: var(--fs-0);
  padding: var(--fs-1);
}
.bp-modal__header {
  color: #105163;
  font-size: var(--fs-2);
}
.bp-modal__header[data-color=bp-neutral-white] {
  color: #ffffff;
}
.bp-modal__content iframe {
  border-radius: var(--fs--1);
  width: 300px;
  height: 300px;
}
@media only screen and (min-width: 48em) {
  .bp-modal__content iframe {
    width: 700px;
    height: 400px;
  }
}
@media only screen and (min-width: 64em) {
  .bp-modal__content iframe {
    width: 1000px;
    height: 500px;
  }
}
.bp-modal__cta[data-button=close-button-up] {
  align-items: flex-end;
}
.bp-modal[data-space=default] {
  padding-inline: var(--fs--6);
  padding-block: var(--fs--6);
  max-width: 100%;
}
.bp-modal[data-space=default] > * {
  padding: var(--fs--6);
}

.slide-tabs {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  /* box-shadow: 8px 8px 24px #bebebe,
     -8px -8px 24px #ffffff; */
  box-shadow: 4px 4px 12px #e5e5e5, -8px -8px 16px #ffffff;
  box-shadow: inset;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: var(--fs--3);
  padding: var(--fs--3);
  background-color: #ffffff;
}
.slide-tabs > * {
  transition: all 0.3s ease-in-out;
}
.slide-tabs__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: var(--fs--1);
  font-size: var(--fs-3);
  background: linear-gradient(90deg, white 70%, transparent);
}
.slide-tabs__items {
  width: 100%;
  overflow-x: auto;
  display: flex;
  gap: var(--fs--2);
  -moz-gap: var(--fs--2);
  padding-block: var(--fs--3);
  scroll-behavior: smooth;
}
.slide-tabs__items::-webkit-scrollbar-thumb {
  color: white !important;
}
.slide-tabs__items::-webkit-scrollbar {
  width: 1rem !important;
  height: 0.5rem !important;
}
.slide-tabs__items::-webkit-scrollbar-track {
  background-color: white !important;
  border-radius: 0.5rem !important;
}
.slide-tabs__item {
  min-width: 10rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: var(--fs--1);
  padding: var(--fs--3);
  background-color: #f5f5f5;
}
.slide-tabs__item--active {
  color: #ffffff;
  background-color: #105163;
}
.slide-tabs__item--active p {
  font-family: "CoreSansBold", Inter, Roboto;
}

.box-table {
  width: 100%;
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: var(--fs-0);
}
.box-table__head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  gap: var(--fs--1);
  -moz-gap: var(--fs--1);
  border-top-left-radius: var(--fs-0);
  border-top-right-radius: var(--fs-0);
  background-color: #27c112;
}
.box-table__head p {
  font-size: var(--fs-2);
  color: #ffffff;
}
.box-table__head i {
  color: #ffffff;
  font-size: var(--fs-6);
}
.box-table__content {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: var(--fs-1);
}
.box-table__text {
  grid-column: 1/-1;
}
.box-table__text > * {
  padding-block-end: var(--fs--2);
}
.box-table__cta {
  width: 100%;
  grid-column: 1/-1;
}
@media only screen and (min-width: 64em) {
  .box-table {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: var(--fs-1);
    -moz-gap: var(--fs-1);
    box-shadow: none;
  }
  .box-table__head {
    grid-column: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-bottom: solid 1.5px #fff;
    border-radius: unset;
    padding: var(--fs-1);
    gap: var(--fs--1);
    -moz-gap: var(--fs--1);
    background-color: #27c112;
  }
  .box-table__head p {
    font-size: var(--fs-1);
  }
  .box-table__head i {
    font-size: var(--fs-6);
  }
  .box-table__content {
    grid-column: 3/-1;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-content: center;
    padding: var(--fs-1);
    border: solid 1px #e0e0e0;
  }
  .box-table__text {
    grid-column: 1/5;
  }
  .box-table__text > * {
    padding-block-end: var(--fs--2);
  }
  .box-table__cta {
    grid-column: 5/-1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

.tooltip-bubble {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 1;
  color: inherit;
  background-color: inherit;
  border-radius: var(--fs-0);
  padding: var(--fs-1);
}
.tooltip-bubble__arrow {
  display: none;
  position: absolute;
  width: 2rem;
  height: 2rem;
  z-index: 0;
  border-radius: 4px;
  background-color: inherit;
}
.tooltip-bubble__arrow--top-left {
  top: -0.8rem;
  left: 2.5rem;
  transform: rotate(45deg);
}
.tooltip-bubble__arrow--top-center {
  top: -0.8rem;
  left: 50%;
  transform: rotate(45deg);
}
.tooltip-bubble__arrow--top-right {
  top: -0.8rem;
  right: 2rem;
  transform: rotate(45deg);
}
.tooltip-bubble__arrow--bottom-left {
  bottom: -0.8rem;
  left: 2rem;
  transform: rotate(225deg);
}
.tooltip-bubble__arrow--bottom-center {
  bottom: -0.8rem;
  left: 50%;
  transform: rotate(225deg);
}
.tooltip-bubble__arrow--bottom-right {
  bottom: -0.8rem;
  right: 2rem;
  transform: rotate(225deg);
}
.tooltip-bubble__arrow--left {
  top: 50%;
  left: -0.8rem;
  transform: translateY(-50%) rotate(135deg);
}
.tooltip-bubble__arrow--right {
  top: 50%;
  right: -0.8rem;
  transform: translateY(-50%) rotate(135deg);
}
.tooltip-bubble__content {
  position: relative;
  z-index: 4;
}
.tooltip-bubble__content > :not(:last-child) {
  padding-block-end: var(--fs--1);
}
@media only screen and (min-width: 40em) {
  .tooltip-bubble__content > :not(:last-child) {
    padding-block-end: var(--fs-0);
  }
}
@media only screen and (min-width: 64em) {
  .tooltip-bubble__arrow {
    display: inline-block;
  }
}
.tooltip-bubble[tooltip-color=blue] {
  color: #ffffff;
  background-color: #105163;
}
.tooltip-bubble[tooltip-color=white] {
  background-color: #ffffff;
}

.bp-docs-nav {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background-color: #f5f5f5;
  padding-left: var(--fs-0);
}
.bp-docs-nav__toggle {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  margin-bottom: var(--fs--1);
  padding: var(--fs--1);
  font-size: var(--fs-1);
  font-family: "CoreSansBold", Inter, Roboto;
  color: #105163;
}
.bp-docs-nav__toggle:after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: solid 1px var(--clr-bp-secondary-500);
}
.bp-docs-nav__toggle-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: var(--fs--4);
}
.bp-docs-nav__toggle-icon i {
  font-size: var(--fs-2);
}
.bp-docs-nav__toggle-icon:hover {
  border-radius: var(--fs--2);
  background-color: #105163;
}
.bp-docs-nav__title {
  padding-block: var(--fs--1);
  padding-inline: var(--fs--4);
  color: #000000;
  font-size: var(--fs-0);
  font-family: "CoreSansBold", Inter, Roboto;
}
.bp-docs-nav__items {
  display: none;
  width: 100%;
  flex-direction: column;
}
.bp-docs-nav__item {
  width: inherit;
  font-size: var(--fs--1);
  padding: var(--fs--5);
  color: #000000;
  border: solid 1px rgba(0, 0, 0, 0);
}
.bp-docs-nav__item:hover {
  width: 90%;
  border-radius: var(--fs--1);
  color: #ffffff;
  background-color: #105163;
}
.bp-docs-nav--active .bp-docs-nav__items {
  width: 100%;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}
.bp-docs-nav__content {
  padding: var(--fs-0);
}
@media only screen and (min-width: 64em) {
  .bp-docs-nav__toggle {
    justify-content: flex-start;
  }
  .bp-docs-nav__toggle-icon {
    display: none;
  }
  .bp-docs-nav__items {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .bp-docs-nav__content {
    padding: var(--fs-1);
  }
}

.code-section {
  position: relative;
  width: 100%;
  border-radius: var(--fs-0);
  border-style: solid;
  border-width: 1px;
  border-color: #9d9d9d;
}
.code-section__comp {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs-0);
  gap: var(--fs-1);
  -moz-gap: var(--fs-1);
}
.code-section__btn-copy {
  width: -moz-fit-content;
  width: fit-content;
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: var(--fs--5);
  border-radius: var(--fs--4);
  color: #ffffff;
  background-color: #45556c;
  border: solid 0.4px #6981a3;
}
.code-section__btn-copy i {
  font-size: var(--fs-2);
}
.code-section__btn-copy:hover {
  background-color: #2c3746;
  border: solid 0.5px #6981a3;
}
.code-section__code {
  position: relative;
  padding: var(--fs-0);
  border-bottom-right-radius: var(--fs-0);
  border-bottom-left-radius: var(--fs-0);
  overflow-x: auto;
  background-color: #0f172b;
}
.code-section__code code {
  color: lightcyan;
  font-weight: 500;
}
@media only screen and (min-width: 48em) {
  .code-section__comp {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: var(--fs-0);
    gap: var(--fs-2);
    -moz-gap: var(--fs-2);
  }
}
.code-section__code {
  padding: var(--fs-2);
}

.ath-header {
  display: inherit;
  grid-column: 1/-1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.ath-header > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .ath-header > * {
    grid-column: auto;
  }
}
.ath-header {
  justify-content: center;
}
.ath-header__img {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ath-header__img > * {
  align-self: center;
}
.ath-header__img img {
  justify-self: end;
  -o-object-fit: cover;
     object-fit: cover;
}
.ath-header__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  gap: 0.8rem;
  padding: var(--fs-1);
}
.ath-header__content > * {
  align-self: center;
}
.ath-header__content2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: center;
  gap: 0.8rem;
  padding: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .ath-header {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-header > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 40em) and (min-width: 40em) {
  .ath-header > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 40em) {
  .ath-header__content {
    justify-content: center;
  }
  .ath-header__content > * {
    align-self: start;
  }
}
@media only screen and (min-width: 64em) {
  .ath-header {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-header > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 64em) and (min-width: 40em) {
  .ath-header > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 64em) {
  .ath-header__content {
    justify-content: center;
  }
  .ath-header__content > * {
    align-self: start;
  }
}

.ath-header {
  width: 100%;
  display: inherit;
  grid-column: 1/-1;
}
.ath-header__container {
  width: 100%;
  max-width: 100rem;
  grid-column: 1/-1;
  max-width: min(100%, 100rem);
  margin: auto;
  display: grid;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
}
.ath-header__container > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .ath-header__container > * {
    grid-column: auto;
  }
}
.ath-header__img {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ath-header__img > * {
  align-self: center;
}
.ath-header__img--start {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ath-header__img--start > * {
  align-self: center;
}
.ath-header__content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  text-align: center;
}
.ath-header__content > * {
  align-self: center;
  padding-block-end: var(--fs-1);
}
@media only screen and (min-width: 48em) {
  .ath-header {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
  }
  .ath-header > * {
    grid-column: 1/-1;
  }
  .ath-header {
    /* &__img {
      width: min(100%, 40rem);
      img{
        height: 350px;
      }
    } */
  }
}
@media only screen and (min-width: 48em) and (min-width: 40em) {
  .ath-header > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 48em) {
  .ath-header__container {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
  }
  .ath-header__container > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 48em) and (min-width: 40em) {
  .ath-header__container > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 48em) {
  .ath-header__content {
    justify-content: center;
    text-align: start;
  }
  .ath-header__content > * {
    align-self: start;
  }
}

.ath-header-shapes {
  width: 100%;
  display: inherit;
  grid-column: 1/-1;
  z-index: 1;
  display: grid;
  grid-auto-flow: row;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.ath-header-shapes > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .ath-header-shapes > * {
    grid-column: auto;
  }
}
.ath-header-shapes {
  justify-content: center;
}
.ath-header-shapes__container-l {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 0.8rem;
  align-items: center;
  justify-items: center;
}
.ath-header-shapes__container-l__shape {
  display: none;
  grid-column: 1/2;
  grid-row: 1/5;
  align-self: end;
  justify-self: start;
}
.ath-header-shapes__container-l__shape img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ath-header-shapes__container-l__content {
  grid-column: 1/-1;
  grid-row: 2/-1;
}
.ath-header-shapes__container-r {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, auto);
  gap: 0.8rem;
  align-items: center;
  justify-items: center;
}
.ath-header-shapes__container-r__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.ath-header-shapes w .ath-header-shapes__container-r > *:nth-child(1) {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.ath-header-shapes .ath-header-shapes__container-r > *:nth-child(2) {
  display: none;
  grid-column: -2;
  grid-row: 1/2;
  justify-self: end;
  align-self: start;
}
@media only screen and (min-width: 40em) {
  .ath-header-shapes {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-header-shapes > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 40em) and (min-width: 40em) {
  .ath-header-shapes > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 40em) {
  .ath-header-shapes__container-l {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 0.8rem;
    align-items: center;
    justify-items: center;
  }
  .ath-header-shapes__container-l__shape {
    display: block;
    grid-column: 1/2;
    grid-row: 1/5;
    align-self: end;
    justify-self: start;
  }
  .ath-header-shapes__container-l__shape img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ath-header-shapes__container-l__content {
    grid-column: 1/-1;
    grid-row: 2/-1;
  }
  .ath-header-shapes__container-r {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(4, auto);
    gap: 0.8rem;
    align-items: center;
    justify-items: center;
  }
  .ath-header-shapes__container-r__img img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .ath-header-shapes .ath-header-shapes__container-r > *:nth-child(2) {
    display: block;
  }
}

.ath-header--bg-img {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.ath-header--bg-img > * {
  grid-column: 1/-1;
}
.ath-header--bg-img__container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  justify-items: flex-end;
}
.ath-header--bg-img__container > * {
  grid-column: 1/-1;
}
.ath-header--bg-img__img {
  grid-row: 1/2;
}
.ath-header--bg-img__img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
  top: 0;
}
.ath-header--bg-img__img--center {
  grid-row: 1/2;
}
.ath-header--bg-img__img--center img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ath-header--bg-img__shape {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2/-1;
  padding-left: var(--fs--2);
  clip-path: none;
  opacity: 1;
  z-index: 2;
}
.ath-header--bg-img__inner-shape {
  height: 100%;
  z-index: 3;
  clip-path: none;
  opacity: 1;
}
.ath-header--bg-img__content {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 2/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: var(--fs-1);
  color: #ffffff;
  z-index: 4;
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  .ath-header--bg-img {
    width: 100%;
    grid-column: 1/-1;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .ath-header--bg-img > * {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .ath-header--bg-img__container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    justify-items: flex-end;
  }
  .ath-header--bg-img__container > * {
    grid-column: 1/-1;
    grid-row: 1/2;
    height: 100%;
  }
  .ath-header--bg-img__img {
    height: 19rem;
    grid-row: 1/2;
  }
  .ath-header--bg-img__img--center {
    height: 19rem;
    grid-row: 1/2;
  }
  .ath-header--bg-img__img--center img {
    -o-object-position: center;
       object-position: center;
  }
  .ath-header--bg-img__shape {
    grid-column: 2/-1;
    padding-left: var(--fs-3);
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    opacity: 0.6;
    z-index: 2;
  }
  .ath-header--bg-img__inner-shape {
    z-index: 3;
    clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
  .ath-header--bg-img__content {
    width: 80%;
    grid-column: 2/-1;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    z-index: 4;
    opacity: 1;
  }
}

.ath-allies-header {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-auto-rows: auto;
  gap: var(--fs-0);
}
.ath-allies-header > * {
  grid-column: 1/-1;
}
@media only screen and (min-width: 40em) {
  .ath-allies-header > * {
    grid-column: auto;
  }
}
.ath-allies-header {
  justify-content: center;
}
.ath-allies-header__img {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.ath-allies-header__img > * {
  align-self: center;
}
.ath-allies-header__img img {
  justify-self: end;
  -o-object-fit: cover;
     object-fit: cover;
}
.ath-allies-header__content {
  width: 100%;
  height: 12rem;
  padding-inline: var(--fs-1);
}
.ath-allies-header__shape {
  width: 100%;
  height: 10rem;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-content: center;
  background-image: url("https://www.bancopopular.com.co/wps/wcm/connect/bancopopular/3ad382da-80e3-4861-a476-a661dad657f1/img-shape.png?MOD=AJPERES");
  background-repeat: no-repeat;
  background-position: bottom right;
  background-size: cover;
}
.ath-allies-header__ally-logo {
  width: 50%;
  align-self: flex-start;
  margin-left: var(--fs-3);
}
@media only screen and (min-width: 48em) {
  .ath-allies-header {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-allies-header > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 48em) and (min-width: 40em) {
  .ath-allies-header > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 48em) {
  .ath-allies-header__ally-logo {
    width: 50%;
    align-self: flex-start;
    margin-left: var(--fs-3);
  }
  .ath-allies-header__shape {
    width: 100%;
    height: 10rem;
  }
}
@media only screen and (min-width: 64em) {
  .ath-allies-header {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-allies-header > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 64em) and (min-width: 40em) {
  .ath-allies-header > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 64em) {
  .ath-allies-header__img {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .ath-allies-header__img > * {
    align-self: center;
  }
  .ath-allies-header__img img {
    justify-self: end;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%;
  }
}
@media only screen and (min-width: 64em) and (min-width: 40em) {
  .ath-allies-header__img img {
    width: 40rem;
    height: auto;
  }
}
@media only screen and (min-width: 64em) {
  .ath-allies-header__content {
    width: 90%;
    height: auto;
    justify-self: flex-end;
    padding-inline: var(--fs-1);
  }
  .ath-allies-header__ally-logo {
    width: 56%;
    align-self: flex-start;
    margin-left: var(--fs-1);
  }
  .ath-allies-header__shape {
    width: 90%;
    height: 14rem;
  }
}
@media only screen and (min-width: 80em) {
  .ath-allies-header {
    grid-column: 1/-1;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-auto-rows: auto;
    gap: var(--fs-0);
  }
  .ath-allies-header > * {
    grid-column: 1/-1;
  }
}
@media only screen and (min-width: 80em) and (min-width: 40em) {
  .ath-allies-header > * {
    grid-column: auto;
  }
}
@media only screen and (min-width: 80em) {
  .ath-allies-header__img {
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .ath-allies-header__img > * {
    align-self: center;
  }
  .ath-allies-header__img img {
    justify-self: end;
    -o-object-fit: cover;
       object-fit: cover;
    max-width: 100%;
  }
}
@media only screen and (min-width: 80em) and (min-width: 40em) {
  .ath-allies-header__img img {
    width: 40rem;
    height: auto;
  }
}
@media only screen and (min-width: 80em) {
  .ath-allies-header__content {
    width: 90%;
    height: auto;
    justify-self: flex-end;
    padding-inline: var(--fs-1);
  }
  .ath-allies-header__ally-logo {
    width: 45%;
    align-self: flex-start;
    margin-left: var(--fs-5);
  }
  .ath-allies-header__shape {
    width: 95%;
    height: 16rem;
    padding-left: var(--fs-2);
  }
}

.ath-footer-lp {
  grid-column: 1/-1;
  width: 100%;
  position: relative;
  align-self: self-end;
}
.ath-footer-lp__super-financiera {
  position: absolute;
  bottom: 15.2em;
  left: 0;
  width: 2.1em;
  padding: var(--fs--2);
}
.ath-footer-lp__content {
  display: grid;
  grid-column: 2/-2;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  padding-block: var(--fs-0);
  background-color: #21a10f;
}
.ath-footer-lp__content > * {
  display: inherit;
  align-items: center;
}
.ath-footer-lp__content__logos {
  grid-column: 1/-1;
  width: 100%;
}
.ath-footer-lp__content__text {
  grid-column: 1/-1;
  font-size: var(--fs--1);
  text-align: center;
}
.ath-footer-lp__content__text__phone {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: var(--fs-0);
  color: #ffffff;
}
.ath-footer-lp__copy-right {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs--1);
  color: #ffffff;
  background-color: #27c112;
  padding-block: var(--fs--1);
}
@media only screen and (min-width: 40em) {
  .ath-footer-lp {
    grid-column: 1/-1;
    width: 100%;
  }
  .ath-footer-lp__super-financiera {
    position: absolute;
    bottom: 10em;
    left: 0;
    width: 3.2em;
    padding: var(--fs-0);
  }
  .ath-footer-lp__content {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    padding-block: var(--fs-0);
    padding-inline: var(--fs-6);
  }
  .ath-footer-lp__content__logos {
    grid-column: 1;
    /*width: 64%;*/
    width: 80%;
  }
  .ath-footer-lp__content__text {
    grid-column: 2;
    text-align: left;
  }
  .ath-footer-lp__content__text__phone {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    padding-block: var(--fs-0);
    color: #ffffff;
  }
  .ath-footer-lp__copy-right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: var(--fs--1);
    font-size: var(--fs--1);
  }
}
@media only screen and (min-width: 64em) {
  .ath-footer-lp__content__logos {
    grid-column: 1;
    /*width: 40%;*/
    width: 70%;
  }
}
@media only screen and (min-width: 80em) {
  .ath-footer-lp__content__logos {
    grid-column: 1;
    /*width: 40%;*/
    width: 55%;
  }
}

.ath-btn-box {
  width: 100%;
  min-height: 100%;
  position: relative;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  align-content: center;
  justify-items: center;
  justify-content: center;
  padding-block: var(--fs-1);
  padding-inline: var(--fs--1);
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
}
.ath-btn-box__icon {
  width: 5rem;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.ath-btn-box__content {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 4;
  padding: var(--fs-0);
  font-size: var(--fs-0);
}
.ath-btn-box__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
}
@media only screen and (min-width: 40em) {
  .ath-btn-box {
    width: 90%;
    /* aspect-ratio: 1 / 1; */
    position: relative;
    align-self: center;
    justify-self: center;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-items: center;
    justify-content: center;
    padding-block: var(--fs-1);
    padding-inline: var(--fs--1);
    border-radius: var(--fs--1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  }
  .ath-btn-box__icon {
    width: 5rem;
    aspect-ratio: 1/1;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
  }
  .ath-btn-box__content {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 4;
    padding: var(--fs-0);
  }
  .ath-btn-box__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: transparent;
  }
  .ath-btn-box--sm {
    width: 100%;
    max-width: 200px;
    aspect-ratio: 1/1;
    padding-block: var(--fs--1);
    padding-inline: var(--fs--1);
    border-radius: var(--fs--1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  }
}

.bp-card {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  padding: var(--fs-2);
  border-radius: var(--fs--2);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.bp-card > * {
  align-items: center;
  justify-content: center;
}
.bp-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
}
.bp-card__img {
  width: 90%;
}
.bp-card__icon {
  align-self: center;
  justify-self: center;
  font-size: var(--fs-8);
  color: #27c112;
}
.bp-card__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
}
.bp-card__content > *:not(:last-child) {
  padding-block-end: var(--fs-0);
}
.bp-card__content--left {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: left;
}
.bp-card__content--left > *:not(:last-child) {
  padding-block-end: var(--fs-0);
}
.bp-card--fw {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .bp-card > * {
    gap: 0;
  }
}

.bp-card--wide {
  width: min(100%, 400px);
  aspect-ratio: 2/1;
}

.ath-card-overlap {
  width: min(100%, 32rem);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-card-overlap__head {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, min-content);
  background-size: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
.ath-card-overlap__head > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.ath-card-overlap__head__img {
  position: relative;
}
.ath-card-overlap__head__img img {
  height: 18rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  -o-object-position: center left;
     object-position: center left;
  opacity: 0.5;
}
.ath-card-overlap__head__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  padding: var(--fs-1);
}
.ath-card-overlap__content {
  padding-inline: var(--fs-1);
  padding-block: var(--fs-3);
}

.ath-card-overlap--fw {
  width: 100%;
  height: 100%;
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-card-overlap--fw__head {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 8rem);
  background-size: cover;
  border-radius: 8px 8px 0px 0px;
}
.ath-card-overlap--fw__head > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.ath-card-overlap--fw__head__img {
  height: 100%;
  position: relative;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
.ath-card-overlap--fw__head__img img {
  height: inherit;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  -o-object-position: top left;
     object-position: top left;
  opacity: 0.3;
}
.ath-card-overlap--fw__head__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  padding: var(--fs--1);
}
.ath-card-overlap--fw__content {
  padding: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .ath-card-overlap--fw {
    width: 100%;
    height: 100%;
    border-radius: var(--fs-0);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
  .ath-card-overlap--fw__head {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 8rem);
    background-size: cover;
    border-radius: 8px 8px 0px 0px;
  }
  .ath-card-overlap--fw__head > * {
    grid-column: 1/-1;
    grid-row: 1/-1;
  }
  .ath-card-overlap--fw__head__img {
    height: 100%;
    position: relative;
    border-top-left-radius: var(--fs--1);
    border-top-right-radius: var(--fs--1);
  }
  .ath-card-overlap--fw__head__img img {
    height: inherit;
    -o-object-fit: cover;
       object-fit: cover;
    border-top-left-radius: var(--fs--1);
    border-top-right-radius: var(--fs--1);
    -o-object-position: top left;
       object-position: top left;
    opacity: 0.3;
  }
  .ath-card-overlap--fw__head__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    padding: var(--fs--1);
  }
  .ath-card-overlap--fw__content {
    padding: var(--fs-1);
  }
}

.bp-card-header {
  min-width: 280px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, min-content);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.bp-card-header__head {
  grid-column: 1/-1;
  grid-row: 1/2;
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, 0.5fr);
  background-size: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
}
.bp-card-header__head > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.bp-card-header__head__img {
  position: relative;
}
.bp-card-header__head__img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: var(--fs--1);
  border-top-right-radius: var(--fs--1);
  -o-object-position: center left;
     object-position: center left;
}
.bp-card-header__content {
  min-height: 200px;
  grid-column: 1/-1;
  grid-row: 2/-1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  padding: var(--fs-0);
}
.bp-card-header__content:last-child {
  align-self: flex-end !important;
}
.bp-card-header__title > * {
  padding-block-start: var(--fs--2);
}
@media only screen and (min-width: 40em) {
  .bp-card-header__content {
    min-height: 180px;
  }
}

.bp-card-hero {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
}
.bp-card-hero > * {
  grid-column: 1/-1;
  grid-row: 1/-1;
}
.bp-card-hero__img {
  -o-object-fit: cover;
     object-fit: cover;
}
.bp-card-hero__img img {
  border-top-left-radius: var(--fs-0);
  border-top-right-radius: var(--fs-0);
  border-bottom-right-radius: var(--fs--3);
  border-bottom-left-radius: var(--fs--3);
}
@media only screen and (min-width: 48em) {
  .bp-card-hero__img img {
    border-top-left-radius: var(--fs-1);
    border-top-right-radius: var(--fs-1);
    border-bottom-right-radius: var(--fs-1);
    border-bottom-left-radius: var(--fs-1);
  }
}
.bp-card-hero__content {
  height: 24%;
  align-self: end;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--fs-1);
  border-bottom-right-radius: var(--fs-0);
  border-bottom-left-radius: var(--fs-0);
  background-color: rgba(16, 81, 99, 0.6);
  transition: all 0.2s;
}
.bp-card-hero__content__link {
  font-size: var(--fs-1);
}
.bp-card-hero__content:hover {
  height: 100%;
  align-self: end;
  padding: var(--fs-1);
  border-top-left-radius: var(--fs-0);
  border-top-right-radius: var(--fs-0);
  border-bottom-right-radius: var(--fs-0);
  border-bottom-left-radius: var(--fs-0);
  background-color: rgba(16, 81, 99, 0.8);
}
.bp-card-hero__content:hover__link {
  font-size: var(--fs-3);
}

.ath-card-outside {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  grid-template-rows: repeat(4, 0.5fr);
}
.ath-card-outside__img {
  grid-column: 1/-1;
  grid-row: 1/3;
  z-index: 1;
  align-self: center;
  justify-self: center;
  padding-bottom: var(--fs-0);
}
.ath-card-outside__img img {
  -o-object-fit: contain;
     object-fit: contain;
}
.ath-card-outside__container {
  grid-column: 1/-1;
  grid-row: 2/-1;
  z-index: 0;
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-card-outside__content {
  width: 100%;
  height: 80%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: flex-end;
  align-content: center;
  margin-top: var(--fs-2);
  padding-bottom: var(--fs-0);
  text-align: left;
}
@media only screen and (min-width: 48em) {
  .ath-card-outside {
    width: 100%;
    display: grid;
    grid-template-rows: repeat(2, min-content);
  }
  .ath-card-outside__img {
    width: 72%;
    grid-column: 1/4;
    grid-row: 1/2;
    z-index: 1;
    justify-self: center;
  }
  .ath-card-outside__container {
    grid-column: 3/-1;
    grid-row: 1/-1;
    z-index: 0;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    border-radius: var(--fs-0);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
  .ath-card-outside__content {
    width: 100%;
    max-height: 100%;
    grid-column: 3/-1;
    grid-row: 1/-1;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    text-align: left;
    padding-inline: var(--fs-3);
  }
}

.ath-oval-card {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 1rem;
  align-items: center;
  justify-items: flex-start;
  padding-inline: var(--fs--1);
  padding-block: var(--fs--1);
  border-radius: var(--fs-5);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-oval-card__img {
  width: 30%;
}
.ath-oval-card__content {
  width: 100%;
}
@media only screen and (min-width: 40em) {
  .ath-oval-card {
    width: 98%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 1.5rem;
    align-items: center;
    justify-content: center;
    padding-inline: var(--fs-1);
    padding-block: var(--fs-0);
    border-radius: var(--fs-6);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
  }
  .ath-oval-card__img {
    width: 30%;
  }
}

.ath-tabs-vertical {
  width: 100%;
  display: inherit;
  grid-column: 2/-2;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.ath-tabs-vertical__items {
  width: 100%;
  grid-column: 1/-1;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  gap: 2rem;
  align-items: center;
  justify-items: flex-start;
  overflow-x: scroll;
  scroll-behavior: smooth;
}
.ath-tabs-vertical__items::-webkit-scrollbar {
  width: 0px !important;
  -webkit-width: 12px !important;
  height: 0px !important;
  -webkit-height: 10px !important;
}
.ath-tabs-vertical__items::-webkit-scrollbar-track {
  background-color: black;
  -webkit-background-color: black;
}
.ath-tabs-vertical__items {
  padding: var(--fs-1);
}
.ath-tabs-vertical__item {
  width: 100%;
  height: 4rem;
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--fs-0);
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
  transition: all 0.2s ease-in-out;
}
.ath-tabs-vertical__item:hover h3 {
  color: #105163;
}
.ath-tabs-vertical__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.ath-tabs-vertical__link:hover::before {
  display: inline-block;
  content: "";
  width: 0.3rem;
  height: 100%;
  margin-left: -0.8rem;
  background-color: #105163;
  border-radius: var(--fs--2);
}
.ath-tabs-vertical__block {
  grid-column: 1/-1;
  display: none;
  opacity: 0;
  padding: var(--fs-0);
  transition: all 0.5s ease;
}
.ath-tabs-vertical__block--active {
  display: block;
  opacity: 1;
}
@media only screen and (min-width: 40em) {
  .ath-tabs-vertical {
    width: 100%;
    display: inherit;
    grid-column: 2/-2;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
  }
  .ath-tabs-vertical__items {
    grid-column: 1/3;
    grid-auto-flow: row;
    grid-auto-rows: 1fr;
    gap: 1rem;
    align-items: center;
    justify-items: flex-start;
    overflow-x: scroll;
    scroll-behavior: smooth;
  }
  .ath-tabs-vertical__items::-webkit-scrollbar {
    width: 0px !important;
    -webkit-width: 12px !important;
    height: 0px !important;
    -webkit-height: 10px !important;
  }
  .ath-tabs-vertical__items::-webkit-scrollbar-track {
    background-color: black;
    -webkit-background-color: black;
  }
  .ath-tabs-vertical__items {
    padding: var(--fs-1);
  }
  .ath-tabs-vertical__item {
    width: 100%;
    height: 6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: var(--fs-0);
    border-radius: var(--fs--1);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
    background-color: #ffffff;
    transition: all 0.2s ease-in-out;
  }
  .ath-tabs-vertical__item:hover h3 {
    color: #105163;
  }
  .ath-tabs-vertical__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: transparent;
  }
  .ath-tabs-vertical__link:hover::before {
    display: inline-block;
    content: "";
    width: 0.5rem;
    height: 100%;
    margin-left: -1rem;
    background-color: #105163;
    border-radius: var(--fs--2);
  }
  .ath-tabs-vertical__block {
    grid-column: 3/-1;
    display: none;
    opacity: 0;
    padding: var(--fs-0);
    transition: all 0.5s ease;
  }
  .ath-tabs-vertical__block--active {
    display: block;
    opacity: 1;
  }
}

.ath-tabs-vertical__item--active h3 {
  color: hsl(123, 83%, 39%);
}

.ath-tabs-vertical__item--active h4 {
  color: hsl(123, 83%, 39%);
}

.ath-tabs-vertical__item--active > .ath-tabs-vertical__link::before {
  display: inline-block;
  content: "";
  width: 0.5rem;
  height: 100%;
  margin-left: -1rem;
  background-color: hsl(123, 83%, 39%) !important;
  border-radius: 8px;
}

.icon-h {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.icon-h__icon {
  font-size: var(--fs-6);
}
@media only screen and (min-width: 40em) {
  .icon-h__icon {
    font-size: var(--fs-3);
  }
}
.icon-h__icon-big {
  font-size: var(--fs-6);
}
@media only screen and (min-width: 40em) {
  .icon-h__icon-big {
    font-size: var(--fs-6);
  }
}
.icon-h__content > *:not(:last-child) {
  padding-block-end: var(--fs-1);
}
@media only screen and (min-width: 40em) {
  .icon-h {
    flex-direction: row;
    line-height: 1.3;
    text-align: start;
  }
}

.ath-event-card {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-event-card__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
  cursor: pointer;
}
.ath-event-card__date {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  border-top-left-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
.ath-event-card__date h2 {
  font-size: var(--fs-3);
}
.ath-event-card__date-2 {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs--1);
  color: #ffffff;
  border-top-left-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
.ath-event-card__date-2 img {
  max-width: 40%;
}
.ath-event-card__date-2 h2 {
  font-size: var(--fs-3);
}
@media only screen and (min-width: 40em) {
  .ath-event-card__date-2 {
    grid-column: 1/2;
    flex-direction: row;
  }
  .ath-event-card__date-2 img {
    max-width: 90%;
  }
}
.ath-event-card__content {
  grid-column: span 3;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: var(--fs-0);
}
.ath-event-card__content__link {
  font-size: var(--fs-0);
}
.ath-event-card__content__link i {
  font-family: "ibp";
  font-size: var(--fs-0);
}
.ath-event-card__content-2 {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: var(--fs-0);
  justify-content: center;
}
.ath-event-card__content-2 > * {
  align-self: center;
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .ath-event-card__content-2 {
    grid-column: span 2;
  }
  .ath-event-card__content-2 > * {
    align-self: start;
    text-align: left;
  }
}
.ath-event-card__content-2__link {
  font-size: var(--fs-0);
}
.ath-event-card__content-2__link i {
  font-family: "ibp";
  font-size: var(--fs-0);
}
.ath-event-card__content-2 {
  /* @include mq("large") {
    grid-column: span 2;
  } */
}
@media only screen and (min-width: 40em) {
  .ath-event-card {
    width: 100%;
  }
  .ath-event-card__content {
    padding: var(--fs-1);
  }
}

.ath-event-card-2 {
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: var(--fs--1);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
}
.ath-event-card-2__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
  cursor: pointer;
}
.ath-event-card-2__date {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs--2);
  color: #ffffff;
  border-top-left-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
.ath-event-card-2__date h2 {
  font-size: var(--fs-3);
}
.ath-event-card-2__date-2 {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--fs--1);
  color: #ffffff;
  border-top-left-radius: var(--fs--1);
  border-bottom-left-radius: var(--fs--1);
}
.ath-event-card-2__date-2 img {
  max-width: 40%;
}
.ath-event-card-2__date-2 h2 {
  font-size: var(--fs-3);
}
@media only screen and (min-width: 40em) {
  .ath-event-card-2__date-2 {
    grid-column: 1/2;
    flex-direction: row;
  }
  .ath-event-card-2__date-2 img {
    max-width: 90%;
  }
}
.ath-event-card-2__content {
  grid-column: span 3;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: var(--fs-0);
}
.ath-event-card-2__content__link {
  font-size: var(--fs-0);
}
.ath-event-card-2__content__link i {
  font-family: "ibp";
  font-size: var(--fs-0);
}
.ath-event-card-2__content-2 {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: var(--fs-0);
  justify-content: center;
}
.ath-event-card-2__content-2 > * {
  align-self: center;
  text-align: center;
}
@media only screen and (min-width: 40em) {
  .ath-event-card-2__content-2 {
    grid-column: span 2;
  }
  .ath-event-card-2__content-2 > * {
    align-self: start;
    text-align: left;
  }
}
.ath-event-card-2__content-2__link {
  font-size: var(--fs-0);
}
.ath-event-card-2__content-2__link i {
  font-family: "ibp";
  font-size: var(--fs-0);
}
.ath-event-card-2__content-2 {
  /* @include mq("large") {
    grid-column: span 2;
  } */
}
@media only screen and (min-width: 40em) {
  .ath-event-card-2 {
    width: 35%;
  }
  .ath-event-card-2__content {
    padding: var(--fs-1);
  }
}

.numbers-item {
  max-width: 90%;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: auto;
  gap: 1rem;
  align-items: flex-start;
}
.numbers-item__number {
  width: 2.4rem;
  display: flex;
  align-items: center;
  justify-items: center;
  gap: 2rem;
  font-size: var(--fs-2);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  color: #ffffff;
}
.numbers-item__icon {
  padding: var(--fs--1);
  font-family: "ibp";
  font-size: var(--fs-4);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  box-sizing: border-box;
  color: #ffffff;
}
.numbers-item__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.numbers-item__content {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-start;
}

.bp-card-number {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: var(--fs-2);
  border-radius: var(--fs-0);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #ffffff;
  justify-items: center;
}
.bp-card-number__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: transparent;
}
.bp-card-number__head {
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: var(--fs--4);
}
.bp-card-number__head__icon {
  text-align: center;
  border-radius: var(--fs--2);
  font-size: var(--fs-2);
  padding-block: var(--fs-0);
  color: #ffffff;
}
.bp-card-number__head__icon img {
  max-width: 100%;
}
@media only screen and (min-width: 40em) {
  .bp-card-number__head__icon img {
    width: 8rem;
    height: auto;
  }
}
.bp-card-number__head__img {
  max-width: 100%;
}
.bp-card-number__head__img img {
  -o-object-fit: cover;
     object-fit: cover;
}
.bp-card-number__content > * :not(:last-child) {
  padding-block: var(--fs-1);
}

.resize-img {
  width: 35%;
}
@media only screen and (min-width: 48em) {
  .resize-img {
    width: 100%;
  }
}