/*--------------------*/
/*  Reset             */
/*--------------------*/
@media (prefers-reduced-motion: no-preference) {
@view-transition {navigation: auto;}
}
html {height: auto;box-sizing: border-box;font-synthesis: none;-webkit-font-smoothing: antialiased;scroll-behavior: smooth;scroll-padding-top: calc(var(--h-topbar-height) + var(--h-main-height));interpolate-size: allow-keywords;}
html:not(.touch-screen)::-webkit-scrollbar {width: 0.5rem;height: 0.5rem;}
html:not(.touch-screen):-webkit-scrollbar-track {background: transparent;}
html:not(.touch-screen)::-webkit-scrollbar-thumb {background: #c2c2c2;border-radius: 0.25rem;}
html:not(.touch-screen)::-webkit-scrollbar-thumb:active {background: #8d8d8d;}
body {height: auto;overflow-y: scroll;background-color: var(--clr-white);}
body:not(.touch-screen) *::-webkit-scrollbar {width: 0.25rem;height: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-track {background: transparent;border-radius: 0.25rem;}
body:not(.touch-screen) *::-webkit-scrollbar-thumb {background: #c2c2c2;}
:where(body.touch-screen *::-webkit-scrollbar) {display: none;}
* {border: 0;margin: 0;padding: 0;min-width: 0;font: inherit;font-size: 100%;line-height: inherit;vertical-align: baseline;-webkit-locale: auto;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: transparent;}
:is(*, *:before, *:after) {box-sizing: inherit;}
:is(:focus, :hover, :active, :visited) {outline: none;}
::-moz-selection {color: var(--clr-white);background: var(--clr-black);}
::selection {color: var(--clr-white);background: var(--clr-black);}
a {display: inline-block;text-decoration: none;cursor: pointer;outline: none;color: inherit;transition: var(--transition-1);}
a:hover {text-decoration: none;}
:is(ul, ol) {list-style: none;}
:is(sub, sup) {font-size: 75%;line-height: 0;position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
picture {font-size: 0;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
:is(img, svg, iframe) {width: auto;height: auto;max-width: 100%;-webkit-user-select: none;-moz-user-select: none;user-select: none;vertical-align: middle;}
img {position: relative;}
img::before {content: "";position: absolute;inset: 0;background: no-repeat center/min(5rem, 50%) min(5rem, 50%) var(--clr-grey) url(../img/placeholder.svg);}
input {-webkit-appearance: none;-moz-appearance: none;font-size: 1rem;font-weight: 400;color: var(--clr-black);}
::-moz-placeholder {display: none;}
::placeholder {display: none;}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance: textfield;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {-webkit-appearance: none;height: 0.7em;width: 0.7em;background-size: contain;cursor: pointer;}
:is(input, textarea, select) {border-radius: 0;background: none;border: none;margin: 0;width: 100%;padding: 0;}
textarea {display: block;resize: none;overflow: auto;}
select::-ms-expand {display: none;}
button {background: none;}
/*----------------------*/
/*  Main Global         */
/*----------------------*/
:root {--root-scale: 1rem;--container-width: 100%;--ff-1: "Myriad Pro",sans-serif;--h1: clamp(2.5rem, 0.6772rem + 3.7975vw, 4rem);--h2: clamp(2rem, 0.7848rem + 2.5316vw, 3rem);--h3: clamp(1.875rem, 1.1155rem + 1.5823vw, 2.5rem);--h4: clamp(1.375rem, 0.6155rem + 1.5823vw, 2rem);--h5: clamp(1.25rem, 0.6424rem + 1.2658vw, 1.75rem);--h6: clamp(1.00rem, calc(0.79rem + 0.44vw), 1.25rem);--text: clamp(1.375rem, 1.2231rem + 0.3165vw, 1.5rem);--text-lg: clamp(1.375rem, 0.9193rem + 0.9494vw, 1.75rem);--text-sm: 1.375rem;--sp-xxl: clamp(5rem, -1.0759rem + 12.6582vw, 10rem);--sp-xl: clamp(3rem, calc(-0.46rem + 8.77vw), 8.75rem);--sp-lg: clamp(3rem, calc(1.64rem + 4.39vw), 6.25rem);--sp-lg-2: clamp(3rem, 2.231rem + 3.1646vw, 5rem);--sp-md: clamp(1.88rem, calc(0.30rem + 3.29vw), 3.75rem);--sp-sm: clamp(0.94rem, calc(0.15rem + 1.64vw), 1.88rem);--sp-xs: clamp(0.75rem, 2.1316rem + -1.3158vw, 1.5rem);--rd-1: 0.5rem;--rd-2: 0.75rem;--clr-title: var(--clr-primary);--clr-text: #303030;--clr-plc: #4A5055;--clr-input: #A9A9A9;--clr-border: #D3D3D3;--clr-white: #ffffff;--clr-black: #000000;--clr-grey: #F6F6F6;--clr-grey-100: #F0F0F0;--clr-grey-150: #EBEBEB;--clr-grey-300: #A9A9A9;--clr-grey-400: #656565;--clr-grey-500: #303030;--clr-red: #ff0000;--clr-red-100: #FFCBCA;--clr-red-500: #EE3432;--clr-red-600: #C62927;--clr-red-700: #8B110F;--clr-red-800: #8c1611;--clr-green: #00A850;--clr-primary: #EE3432;--clr-secondary: #303030;--bg-1: var(--clr-grey);--bg-2: #1A2530;--blur: 5px;--bg-overlay: rgba(0, 0, 0, 0.5);--box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.03),0 0 0.5rem 0 rgba(0, 0, 0, 0.06);--transition-1: .3s linear;--transition-2: .5s linear;--cubic-1: .5s cubic-bezier(0.65, 0, 0.35, 1);}
html {font-size: var(--root-scale);}
html.keyboard-focus:focus {outline: auto;}
html.overflow-menu,
html.overflow-hidden {overflow: clip;}
html.overflow-menu body,
html.overflow-hidden body {overflow: clip;}
.overflow-overlay {opacity: 0;visibility: hidden;position: fixed;z-index: 90;inset: 0;background-color: var(--bg-overlay);backdrop-filter: blur(var(--blur));transition: var(--cubic-1);}
#content-block {position: relative;min-height: 100svh;overflow: clip;display: flex;flex-direction: column;}
header {position: relative;opacity: 0;}
.h-menu {display: none;}
main {display: flex;flex-direction: column;}
main .seo-section {order: 1;}
footer {margin-top: auto;}
:where(.section:first-child) {margin-top: var(--sp-md);}
.section {will-change: opacity;position: relative;opacity: 0;}
.section.animated {opacity: 1;transition: 0.15s linear opacity;}
.section.pd-sec {opacity: 0;}
.container,
.container-fluid {--bs-gutter-x: 1.5rem;width: 100%;margin-inline: auto;padding-inline: calc(var(--bs-gutter-x) * 0.5);}
.swiper-container {will-change: opacity;opacity: 0;}
.swiper-container.swiper-initialized {opacity: 1;transition: 0.15s linear opacity;}
.contact-cards,
.popup-wrapper {display: none;}
@media (min-width: 1200px) {
:root {--container-width: 94.584vw;}
.container {width: var(--container-width);}
}
@media (min-width: 1200px) and (max-width: 1380px) {
:root {--root-scale: 0.75rem;}
}
@media (min-width: 1381px) and (max-width: 2100px) {
:root {--root-scale: 0.875rem;}
}

@media (min-width: 2600px) {
html {font-size: 2rem;}
}
/*--------------------*/
/*  Header            */
/*--------------------*/
:root {--h-topbar-height: 5rem;--h-main-height: 6rem;--h-logo-width: 8rem;}
header {position: fixed;top: 0;left: 0;width: 100%;z-index: 100;height: var(--h-main-height);transition: var(--transition-1);}
header:has(.h-topbar) {height: calc(var(--h-topbar-h) + var(--h-main-height));}
header.scrolled {transform: translateY(calc(var(--h-topbar-h) * -1));}
header.scrolled .h-menu {top: var(--h-topbar-h);}
header.scrolled + main .section:first-child {margin-top: calc(var(--h-main-height) + var(--sp-md));transition: 0.15s linear;}
.h-topbar {position: relative;display: flex;align-items: center;color: var(--clr-white);background-color: var(--clr-black);}
.h-topbar .container {display: flex;align-items: center;justify-content: center;height: var(--h-topbar-height);gap: 5.8125rem;}
.h-topbar-title {font-size: clamp(1.375rem, 1.284rem + 0.388vw, 1.75rem);line-height: 1.2;text-wrap: balance;}
.h-topbar-img {align-self: flex-end;width: 17.6875rem;flex-shrink: 0;}
.h-topbar-img img {width: 100%;-o-object-fit: contain;object-fit: contain;}
.h-topbar-btn {position: relative;flex-shrink: 0;font-size: clamp(1rem, 0.879rem + 0.518vw, 1.5rem);font-weight: 700;text-transform: uppercase;padding-block: 0.6em 0.401em;padding-inline: 1.08em;white-space: nowrap;border: 0.125rem solid currentColor;color: var(--clr-primary);border-radius: var(--rd-1);overflow: hidden;}
.h-wrap {position: relative;background-color: var(--clr-primary);transition: var(--transition-1);}
.h-inner {width: 100%;height: var(--h-main-height);gap: 1rem;display: flex;align-items: center;justify-content: space-between;}
.h-inner > .btn {font-size: 1.25rem;padding-inline: 0.75rem;padding-block: 0.5rem;margin-left: auto;}
.h-inner > .btn b {display: inline-block;transform: translateY(0.0625rem);}
.h-logo {display: block;width: var(--h-logo-width);flex-shrink: 0;}
.h-logo img {display: block;max-width: 100%;}
.h-menu {flex-grow: 1;display: flex !important;align-items: center;}
.h-links {margin-inline: auto;}
.h-links ul {display: flex;align-items: center;flex-wrap: wrap;}
.h-links .h-drop b,
.h-links li > a {position: relative;padding-inline: 1rem;font-size: 1.75rem;line-height: 1em;font-weight: 700;text-transform: uppercase;height: var(--h-main-height);display: flex;align-items: center;padding-top: 0.1em;color: var(--clr-white);}
.h-links .h-drop b::before,
.h-links li > a::before {content: "";display: block;position: absolute;left: 50%;width: 0;bottom: 0;height: 0.25rem;background-color: var(--clr-white);transform: translateX(-50%);transition: var(--transition-1);}
.h-links li > a.active::before {width: 100%;}
.h-links .h-drop-list a.active {color: var(--clr-primary);}
.h-links .h-drop-list a.active::before {width: 100%;}
.h-button {transition: var(--transition-1);}
.h-button img {height: 4rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;}
.h-drop-list,
.h-menu-overlay,
.h-burger {display: none;}
@media (min-width: 1200px) {
:root {--h-topbar-height: 5rem;--h-logo-width: 10.0625rem;}
header + main .section:first-child {margin-top: calc(var(--h-topbar-height) + var(--h-main-height) + var(--sp-md));}
.h-topbar-btn:hover {color: var(--clr-white);}
.h-links a:hover::before,
.h-links .h-drop b:hover::before {width: 100%;}
.h-logo:hover,
.h-button:hover {opacity: 0.8;}
.h-inner > .btn {display: none;}
.h-drop b {display: inline-block;cursor: pointer;font-size: 1.25rem;line-height: 1em;font-weight: 500;color: var(--clr-black);padding-right: 1.5rem;}
.h-drop.is-active .h-drop-list {opacity: 1;visibility: visible;}
.h-drop-list {position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;transform: translateY(100%);line-height: 0;opacity: 0;visibility: hidden;width: 100%;display: flex;align-items: center;justify-content: center;background-color: var(--clr-white);transition: var(--transition-1);content-visibility: auto;}
.h-drop-list > * + * {margin-left: 1.25rem;}
.h-drop-list li {height: 100%;}
.h-drop-list a {display: flex;align-items: center;gap: 0.75rem;position: relative;padding-block: 1.75rem 1rem;padding-inline: 1rem 1.25rem;font-size: 1.5rem;line-height: 1.2em;font-weight: 700;color: var(--clr-text);min-height: 6.25rem;}
.h-drop-list a::before {content: "";display: block;position: absolute;bottom: 0;left: 50%;width: 0;height: 0.125rem;background-color: var(--clr-primary);transform: translateX(-50%);transition: var(--transition-1);}
.h-drop-list a:hover {color: var(--clr-primary);}
.h-drop-list a:hover::before {width: 100%;}
.h-drop-icon {width: 3.5rem;height: 3.5rem;display: flex;align-items: center;justify-content: center;}
.h-menu-top {display: none;}
.h-drop.always-active b::before {width: 100%;}
.h-drop.always-active .h-drop-list {opacity: 1;visibility: visible;}
}
@media (max-width: 1199px) {
:root {--h-main-height: 4.5rem;}
header + main .section:first-child {margin-top: calc(var(--h-topbar-h) + var(--h-main-height) + 1.25rem);}
body:not(.homepage) .h-topbar {display: none;}
body:not(.homepage) header + main .section:first-child {margin-top: calc(var(--h-main-height) + 1.25rem);}
body:not(.homepage) header.scrolled {transform: translateY(0);}
body:not(.homepage) header.scrolled .h-menu {top: 0;}
body:not(.homepage) header + main .section:first-child {margin-top: calc(var(--h-main-height) + 1.25rem);}
.h-topbar .container {gap: 2rem;}
.h-topbar-img {width: 12rem;}
.h-burger {position: relative;display: block;width: 3rem;height: 3rem;flex-shrink: 0;border-radius: 0.25rem;background-color: var(--clr-red-600);}
.h-burger i {display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;height: 0.125rem;background-color: var(--clr-white);transition: var(--transition-1);}
.h-burger i:before,
.h-burger i:after {content: "";position: absolute;left: 0;top: -0.625rem;width: 100%;height: 100%;background-color: var(--clr-white);transition: var(--transition-1);}
.h-burger i:after {top: 0.625rem;}
.h-wrap {z-index: 10;}
.h-menu {position: fixed;z-index: 1;top: 0;left: 0;transform: translateX(100%);transition: var(--transition-1);width: 100%;height: 100vh;overflow-y: auto;overflow-x: hidden;display: flex;flex-direction: column;align-items: flex-start;background-color: var(--clr-white);opacity: 0;}
.h-menu > * + * {margin-top: 2.5rem;}
.h-menu-overlay {display: block;position: fixed;z-index: 9;inset: 0;opacity: 0;visibility: hidden;background-color: rgba(0, 0, 0, 0.8);transition: var(--transition-1);}
.h-menu-top {position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;height: var(--h-main-height);background-color: var(--clr-primary);padding-inline: 1rem;}
.h-links {margin-inline: 0;width: 100%;padding-inline: 2rem;}
.h-links ul {flex-direction: column;}
.h-links li {width: 100%;}
.h-links li > a {color: var(--clr-primary);height: auto;line-height: 4rem;padding: 0;display: inline-block;}
.h-links li > a.active::before {background-color: var(--clr-primary);}
.h-links .h-drop b {color: var(--clr-primary);height: auto;line-height: 4rem;padding: 0;display: block;}
.h-drop > b {display: none;}
.h-drop-list {display: none;}
.h-button {padding-inline: 2rem;}
.h-button img {height: 6rem;}
.open-menu .h-burger i {background-color: transparent;}
.open-menu .h-burger i:before,
.open-menu .h-burger i:after {top: 0;transform-origin: center;transform: rotate(-45deg);}
.open-menu .h-burger i:after {transform: rotate(45deg);}
.open-menu .h-menu {transform: translateX(0%);opacity: 1;}
.open-menu .h-menu-overlay {opacity: 1;visibility: visible;}
}
@media (max-width: 767px) {
.h-topbar .container {gap: 0.5rem;flex-direction: column;align-items: flex-start;justify-content: center;height: var(--h-topbar-h);padding-block: 0.75rem;}
.h-topbar-title {font-size: 1.125rem;}
.h-topbar-img {position: absolute;right: 0;bottom: 0;width: 14rem;}
.h-topbar-btn {font-size: 0.875rem;}
}
header {opacity: 1;transition: var(--transition-1);}
/*--------------------*/
/*  Typography        */
/*--------------------*/
body {font-family: var(--ff-1);font-weight: 400;font-size: var(--h6);line-height: 1.4em;color: var(--clr-text);}
.text {--text-space: 1.5rem;--text-rd: var(--rd-1);--text-li-padding: 2.5rem;--text-th-height: 4rem;--text-th-padding: 1.5rem;font-size: var(--text);line-height: 1.4em;font-weight: 400;color: var(--clr-text);}
.text-sm {font-size: var(--text-sm);}
.text-lg {font-size: var(--text-lg);}
.text * + :where(*) {margin-top: calc(var(--text-space) * 1.67);}
.text * + :is(p, ul, ol) {margin-top: var(--text-space);}
.text * + :is(li) {margin-top: calc(var(--text-space) / 3);}
.text * + :is(ul) ul {margin-top: calc(var(--text-space) / 3);}
.text :is(img, table, iframe, figure, picture, blockquote, .swiper-entry) + *:not(figcaption) {margin-top: calc(var(--text-space) * 1.67);}
.text .swiper-entry > * * {margin-top: 0;}
.text b {font-weight: 600;}
.text span {color: var(--clr-secondary);}
.text strong {font-weight: 700;}
.text em {font-style: italic;font-weight: 500;}
.text a:not(.btn) {display: inline;font-weight: 400;color: var(--clr-primary);text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 1px;text-underline-offset: 3px;}
.text ul li,
.text ol li {position: relative;padding-left: var(--text-li-padding);line-height: 1.82;}
.text ul li b,
.text ol li b {font-weight: 700;}
.text ul li:before {content: "";position: absolute;left: calc(var(--text-li-padding) / 2 - 0.1875rem);top: 0.65em;width: 0.375rem;height: 0.375rem;border-radius: 100%;background-color: var(--clr-primary);}
.text ol {counter-reset: number;}
.text ol li:before {counter-increment: number;content: counter(number, decimal-leading-zero) ".";display: inline-block;position: absolute;left: 0;font-weight: 500;line-height: inherit;color: var(--clr-primary);}
.text.list-type-2 li {padding-left: calc(var(--text-li-padding) * 1.4);}
.text.list-type-2 li::before {top: 0;left: 0;width: 1.66667em;height: 1.66667em;border-radius: 0;background-color: transparent;background-repeat: no-repeat;background-size: 100% 100%;background-image: url("../img/icons/icon-check_circle.svg");}
.text img {display: block;width: 100%;border-radius: var(--text-rd);}
.text figure {line-height: 0;width: 100%;}
.text figure.aligncenter {text-align: center;}
.text figure.alignright {text-align: right;}
.text figure > img {width: auto;}
.text figure figcaption {font-size: 0.75rem;font-weight: 500;line-height: 1.5em;color: var(--clr-black);margin: 0.25rem;}
.text iframe {display: block;max-width: 100%;width: 100%;height: 100%;aspect-ratio: 16/9;border: 0;border-radius: var(--text-rd);}
.text blockquote {text-align: left;font-weight: 500;padding-block: calc(var(--text-space) * 3);padding-inline: clamp(1rem, -6.54rem + 15.6vw, var(--text-space) * 6);color: var(--clr-black);background-color: var(--clr-grey);border-radius: var(--text-rd);}
.text table {border-collapse: collapse;width: 100%;}
.text tbody tr {text-align: left;}
.text tbody tr:nth-child(even) th,
.text tbody tr:nth-child(even) td {background-color: var(--clr-grey);}
.text tbody tr:last-child:not(:nth-child(even)) {border-bottom: 0.0625rem solid var(--clr-grey);}
.text thead tr {border: none;}
.text thead th,
.text thead td {height: var(--text-th-height);font-weight: 500;color: var(--clr-black);background-color: var(--clr-grey);}
.text td,
.text th {vertical-align: middle;height: calc(var(--text-th-height) / 1.4);padding: calc(var(--text-th-padding) / 3);font-size: inherit;line-height: inherit;font-weight: inherit;color: var(--clr-text);}
.text td:first-child,
.text th:first-child {padding-left: var(--text-th-padding);border-radius: var(--text-rd) 0 0 var(--text-rd);}
.text td:last-child,
.text th:last-child {padding-right: var(--text-th-padding);border-radius: 0 var(--text-rd) var(--text-rd) 0;}
.text *:first-child img {margin-top: 0;}
:is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {font-weight: 700;color: var(--clr-title);}
h1,
.h1 {font-size: var(--h1);line-height: 1.15em;}
h2,
.h2 {font-size: var(--h2);line-height: 1.15em;}
h3,
.h3 {font-size: var(--h3);line-height: 1.25em;}
h4,
.h4 {font-size: var(--h4);line-height: 1.25em;}
h5,
.h5 {font-size: var(--h5);line-height: 1.4em;}
h6,
.h6 {font-size: var(--h6);line-height: 1.4em;}
.text-balance {text-wrap: balance;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.title {color: var(--clr-primary);}
.title.black {color: var(--clr-text);}
.title-shortcode {display: flex;gap: 1.5rem;flex-direction: column;margin-bottom: var(--sp-md);}
.title-shortcode.mb-40 {margin-bottom: 2.5rem;}
.title-shortcode.mb-24 {margin-bottom: 1.5rem;}
.title-shortcode.text-center {justify-content: center;}
@media (min-width: 1200px) {
.text a:not(.btn):hover {text-decoration-color: currentColor;}
}
@media (max-width: 991px) {
.text {--text-th-height: 3.5rem;--text-th-padding: .5rem;}
.title-shortcode.mb-40 {margin-bottom: 1.5rem;}
}
/*--------------------*/
/*  Buttons           */
/*--------------------*/
.btn {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;user-select: none;overflow: clip;text-decoration: none;flex-shrink: 0;position: relative;z-index: 1;font-size: 1.5rem;line-height: 2rem;font-weight: 600;color: var(--clr-white);text-transform: capitalize;padding: 1.5rem 2rem;border: none;border-radius: var(--rd-1);background-color: var(--clr-primary);transition: var(--transition-1);gap: 0.8em;display: inline-flex;align-items: center;justify-content: center;}
.btn-primary {background-color: var(--clr-white);color: var(--clr-primary);}
.btn-secondary {background-color: var(--clr-white);color: var(--clr-black);}
.btn-third {background-color: var(--clr-primary);color: var(--clr-white);border: 0.0625rem solid currentColor;}
.btn.size-2 {padding-block: 0.75rem;}
.btn svg {color: currentColor;}
.btn svg *[stroke] {stroke: currentColor;}
.btn svg *[fill] {fill: currentColor;}
.btn-block {width: 100%;}
.btn.disabled {pointer-events: none;background-color: var(--clr-grey);}
.btn:has(svg:only-child) {padding: 0.9em;}
.btn:has(svg:only-child) svg {width: 1.2em;height: 1.2em;}
.btn-close {display: inline-block;position: relative;cursor: pointer;--bw: 3rem;width: var(--bw);height: var(--bw);color: var(--clr-text);transition: var(--transition-1);}
.btn-close::before,
.btn-close::after {content: "";position: absolute;top: 50%;left: 50%;width: 50%;height: 0.0625rem;transform: translate(-50%, -50%) rotate(45deg);background-color: currentColor;}
.btn-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.btn-link {gap: 0.5em;display: inline-flex;align-items: center;cursor: pointer;font-size: 1.25rem;line-height: 1.38em;color: var(--clr-title);font-weight: 500;text-decoration: underline;text-decoration-color: transparent;transition: var(--transition-1);}
.arrow-btn {position: relative;z-index: 1;cursor: pointer;display: flex;align-items: center;background-color: var(--clr-primary);aspect-ratio: 1 / 1;width: clamp(5rem, -2.443rem + 15.5063vw, 11.125rem);height: clamp(5rem, -2.443rem + 15.5063vw, 11.125rem);border-radius: 50%;transition: var(--transition-1);}
.arrow-btn svg {width: 100%;height: 100%;}
.fixed-btn {position: sticky;cursor: pointer;z-index: 5;bottom: 1rem;left: 0;right: 0;margin-inline: auto;gap: 0.625rem;display: flex;align-items: center;flex-shrink: 0;width: -moz-fit-content;width: fit-content;border-radius: 1.25rem;background: var(--clr-white);box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.12);transition: var(--transition-1);opacity: 0;visibility: hidden;font-size: 1.75rem;line-height: 1.14em;font-weight: 700;color: var(--clr-primary);padding: 1.375rem 2.25rem;}
.fixed-btn svg {background-color: var(--clr-primary);border-radius: 100%;width: 3.75rem;height: 3.75rem;-o-object-fit: contain;object-fit: contain;display: inline-flex;}
.fixed-btn svg path {transform: translateY(0.25rem);}
.fixed-btn.visible {opacity: 1;visibility: visible;}
@media (min-width: 1200px) {
.btn:hover {color: var(--clr-white);background-color: var(--clr-red-600);}
.btn-primary:hover {color: var(--clr-white);background-color: var(--clr-grey-500);}
.btn-secondary:hover {color: var(--clr-white);background-color: var(--clr-secondary);}
.btn-third:hover {color: var(--clr-text);background-color: var(--clr-white);}
.btn-close:hover {color: var(--clr-red);}
.btn-link:hover {color: var(--clr-primary);text-decoration: underline;text-decoration-color: currentColor;}
.arrow-btn:hover {background-color: var(--clr-red-600);}
.fixed-btn {display: none;}
}
@media (max-width: 991px) {
.btn-close {--bw: 2rem;}
}
.skip-link {position: absolute;z-index: 1000;left: 1rem;top: -25rem;opacity: 0;margin: 0 !important;visibility: visible !important;}
.skip-link:focus {top: calc(100% + 1rem);visibility: visible;opacity: 1;}
/*--------------------*/
/*  BANNER            */
/*--------------------*/
.banner-section {margin-top: 0;}
.banner-section.main-banner {margin-bottom: var(--sp-xxl);}
.banner {--radius: 2rem;position: relative;border-top-right-radius: var(--radius);border-bottom-left-radius: var(--radius);overflow: hidden;height: 61.377vh;}
.banner.full {width: 89%;margin: 0 auto;height: calc(80svh - var(--h-topbar-height) - var(--h-main-height) - var(--sp-md) - 1.25rem);}
.banner.no-bottom {border-bottom-right-radius: var(--radius);}
.banner.no-bottom .banner-bottom-content {display: none;}
.banner-media {position: absolute;overflow: hidden;z-index: 0;inset: 0;}
.banner-media img,
.banner-media video {z-index: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.video {position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);display: none;opacity: opacity 0.5s ease;transition: var(--transition-2);}
.video.video-present {display: block;overflow: hidden;opacity: 1;}
.video video {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;min-width: calc(100% + 8px);min-height: calc(100% + 8px);-o-object-fit: cover;object-fit: cover;}
.banner-top-content {position: absolute;top: 0;left: 0;z-index: 2;display: flex;flex-direction: column;}
.banner-top-content.type2 > * {width: auto;}
.banner-top-content.type2 b {border-bottom-right-radius: 0;padding-bottom: 0;}
.banner-top-content.type2 span {padding-bottom: 0.5rem;}
.banner-top-content.type2 span .inner-radius .ir-rrt {display: none;}
.banner-top-content > * {position: relative;display: inline-flex;width: -moz-fit-content;width: fit-content;gap: 0.375rem;color: var(--clr-primary);font-weight: 700;font-size: clamp(1.5rem, -0.6266rem + 4.4304vw, 3.25rem);line-height: 1;padding-right: 2.5rem;background-color: var(--clr-white);border-bottom-right-radius: 2.5rem;padding-bottom: 1.5rem;}
.banner-top-content span {padding-right: 3rem;text-transform: uppercase;font-size: clamp(3.75rem, -2.3259rem + 12.6582vw, 8.75rem);padding-bottom: 0;}
.banner-top-content .inner-radius {font-size: 0;position: absolute;left: -0.6px;top: -0.6px;bottom: -0.6px;right: -0.6px;color: var(--clr-white);}
.banner-top-content .inner-radius svg {position: absolute;width: var(--radius);display: block;}
.banner-top-content .inner-radius .ir-lbb {left: -0.6px;top: calc(100% - 0.6px);}
.banner-top-content .inner-radius .ir-rrt {left: calc(100% - 0.8px);top: -0.6px;}
.banner-bottom-content {position: absolute;bottom: 0;right: 0;background-color: var(--clr-white);border-top-left-radius: var(--radius);padding-top: 2rem;padding-left: 2.5rem;z-index: 2;}
.banner-bottom-content .inner-radius {font-size: 0;position: absolute;left: -0.6px;top: -0.6px;bottom: -0.6px;right: -0.6px;color: var(--clr-white);}
.banner-bottom-content .inner-radius svg {position: absolute;width: var(--radius);display: block;}
.banner-bottom-content .inner-radius .ir-llb {right: calc(100% - 0.6px);bottom: -0.6px;transform: rotate(180deg);}
.banner-bottom-content .inner-radius .ir-rtt {right: -0.6px;bottom: calc(100% - 0.6px);transform: rotate(180deg);}
.banner-btn {position: relative;z-index: 1;font-size: clamp(1.5rem, 0.5886rem + 1.8987vw, 2.25rem);font-weight: 600;line-height: 1.3;color: var(--clr-primary);cursor: pointer;display: flex;align-items: center;gap: clamp(0.75rem, -0.769rem + 3.1646vw, 2rem);transition: var(--transition-1);}
.banner-btn svg {background-color: var(--clr-primary);border-radius: 50%;width: 5rem;height: 5rem;-o-object-fit: contain;object-fit: contain;display: inline-flex;}
.banner-btn svg path {transform: translateY(0.25rem);}
.banner-title {position: relative;text-align: right;word-wrap: break-word;max-width: 34.5rem;font-size: clamp(1.5rem, -0.4747rem + 4.1139vw, 3.125rem);line-height: 1.2;font-weight: 400;color: var(--clr-primary);}
.banner-title img {width: 5rem;height: 5rem;-o-object-fit: contain;object-fit: contain;flex-shrink: 0;margin-right: 0.625rem;}
@media (min-width: 1200px) {
.banner-btn:hover {color: var(--clr-red-700);}
}
@media (max-width: 1199px) {
.banner {--radius: 1.5rem;}
.banner.full {width: 100%;}
.banner-top-content > * {padding-right: 0.875rem;border-bottom-right-radius: 1rem;}
.banner-top-content span {padding-right: 1.875rem;}
.banner-top-content.type2 span {padding-bottom: 1rem;}
.banner-bottom-content {padding-top: 1.25rem;padding-left: 1.75rem;}
.banner-btn svg {width: 3.75rem;height: 3.75rem;}
.banner-btn svg path {transform: translateY(0.125rem);}
.banner-title {max-width: 40vw;}
}
@media (max-width: 767px) {
.banner {height: 80vh;}
.banner.full {height: 40vh;}
.banner-title {max-width: 71vw;}
.banner-title img {width: 3rem;height: 3rem;}
}

.carousel-indicators {
    position: absolute;
    bottom: -35px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 8px;
    margin: 0;
}

.carousel-indicators [data-bs-target] {
    width: 22px;
    height: 5px;
    border-radius: 10px;
    background-color: var(--clr-primary);
    opacity: 0.4;
    border: none;
    transition: opacity 0.3s, width 0.3s;
}

.carousel-indicators .active {
    opacity: 1;
    width: 30px;
}
.carousel-control-prev,
.carousel-control-next {
    width: 60px;
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    background: none;
    border: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    filter: invert(28%) sepia(94%) saturate(6240%) hue-rotate(353deg) brightness(99%) contrast(92%);
}


.carousel-control-prev:hover,
.carousel-control-next:hover {
    opacity: 0.8;
}


.carousel-control-prev {
    left: -40px;
}
.carousel-control-next {
    right: -40px;
}

.carousel-control-prev,
.carousel-control-next {
    background: transparent !important;
}

@media (max-width: 1200px) {
    .carousel-control-prev,
    .carousel-control-next {
        width: 40px;
        height: 40px;
        top: 55%;
        transform: translateY(-50%);
        background: none;
    }

    .carousel-control-prev {
        left: 8px;
    }

    .carousel-control-next {
        right: 8px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        filter: invert(28%) sepia(94%) saturate(6240%) hue-rotate(353deg) brightness(99%) contrast(92%);
    }
}

.banner-bottom-content-left {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--clr-border);
    border-top-right-radius: var(--radius);
    padding-top: 1rem;
    padding-right: 1rem;
    z-index: 2;
}

.banner.no-bottom .banner-bottom-content-left {
    display: none;
}

.banner-bottom-content-left .inner-radius {
    font-size: 0;
    position: absolute;
    left: -0.6px;
    top: -0.6px;
    bottom: -0.6px;
    right: -0.6px;
    color: var(--clr-white);
}

.banner-bottom-content-left .inner-radius svg {
    position: absolute;
    width: var(--radius);
    display: block;
}

.banner-bottom-content-left .inner-radius .ir-llb {
    right: calc(100% - 0.6px);
    bottom: -0.6px;
    transform: rotate(180deg);
}

.banner-bottom-content-left .inner-radius .ir-rtt {
    left: -0.6px;
    bottom: calc(100% - 0.6px);
    transform: rotate(180deg);
}
.banner.full.disclaimer {
    border: 3px solid var(--clr-border);
    border-radius: 1.5rem;
    height: 61.377vh;
}
a.banner_full_link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
@media (max-width: 768px) {
    .banner.full.disclaimer {
        height: 40vh;
    }
    .banner-bottom-content-left {
        position: static;
        background-color: var(--clr-border);
        border-radius: 0;
        padding: 32px 10px 8px;
        margin-top: -20px;
        border-bottom-right-radius: 1.5rem;
        border-bottom-left-radius: 1.5rem;
    }

    .banner-bottom-content-left p {
        max-width: 100% !important;
        font-size: 10px !important;
        line-height: 11px !important;
        padding: 0 !important;
        text-align: center;
    }
    .no-border-bottom{
        border-bottom-right-radius: unset;
        border-bottom-left-radius: unset;
    }
}