/******** Config *******************************************************************************/
@font-face {
  font-family: "hknova";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/hknova-400.woff2") format("woff2");
}
@font-face {
  font-family: "hknova";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/hknova-500.woff2") format("woff2");
}
@font-face {
  font-family: "hknova";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/hknova-600.woff2") format("woff2");
}
@font-face {
  font-family: "hknova";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/hknova-700.woff2") format("woff2");
}
@font-face {
  font-family: "ptserif";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ptserif-400.woff2") format("woff2");
}
@font-face {
  font-family: "ptserif";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/ptserif-700.woff2") format("woff2");
}
@font-face {
  font-family: "icons";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/icons.woff2") format("woff2");
}
:root {
  --gta-border-base-radius: 0.625rem;
  --gta-border-base-inner-radius: 0.5rem;
  --gta-gutter-x: 1.5rem;
  --gta-gutter-y: 0;
  --gta-container-max-width: 100%;
  --gta-header-height: 4.375rem;
  --gta-header-top-space: 2rem;
  --gta-card-body-padding: 2rem 1rem;
  --gta-card-footer-padding: 1rem;
  --gta-card-overlay-padding: 0 1rem 1rem 1rem;
  --gta-card-module-header-padding: 2rem 1rem;
  --gta-card-module-body-padding: 2rem 1rem;
  --gta-main-top-space: 2rem;
  --gta-main-bottom-space: 0;
  --gta-section-padding-top: 3.75rem;
  --gta-section-padding-bottom: 3.75rem;
  --gta-animate-duration: 0.5s;
  --gta-animate-delay: 0.5s;
  --gta-animate-repeat: 1;
  --gta-alert-warning-text-color: #664d03;
  --gta-alert-warning-background-color: #fef3c6;
  --gta-alert-warning-heading-color: #ffb900;
  --gta-alert-warning-link-color: #664d03;
  --gta-alert-warning-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3e%3c/svg%3e");
  --gta-alert-success-text-color: #3c6300;
  --gta-alert-success-background-color: #ecfcca;
  --gta-alert-success-heading-color: #5ea500;
  --gta-alert-success-link-color: #3c6300;
  --gta-alert-success-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3e%3c/svg%3e");
  --gta-alert-info-text-color: #00598a;
  --gta-alert-info-background-color: #dff2fe;
  --gta-alert-info-heading-color: #0084d1;
  --gta-alert-info-link-color: #00598a;
  --gta-alert-info-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2'/%3e%3c/svg%3e");
  --gta-alert-danger-text-color: #82181a;
  --gta-alert-danger-background-color: #ffe2e2;
  --gta-alert-danger-heading-color: #e7000b;
  --gta-alert-danger-link-color: #82181a;
  --gta-alert-danger-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ffffff' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3e%3c/svg%3e");
}

@media (min-width: 992px) {
  :root {
    --gta-header-height: 5rem;
    --gta-header-top-space: 3rem;
  }
}
@media (min-width: 1200px) {
  :root {
    --gta-card-header-padding: 3rem 2rem 0 2rem;
    --gta-card-body-padding: 2rem 1rem;
    --gta-card-overlay-padding: 0 2rem 2rem 2rem;
    --gta-card-module-header-padding: 2rem;
    --gta-card-module-body-padding: 2rem;
    --gta-container-max-width: 1140px;
    --gta-section-padding-top: 5rem;
    --gta-section-padding-bottom: 5rem;
  }
}
@media (min-width: 1400px) {
  :root {
    --gta-container-max-width: 1320px;
  }
}
:root,
[data-bs-theme=light] {
  --gta-clr-gta-100: #0D2961;
  --gta-clr-gta-200: #1F427F;
  --gta-clr-gta-300: #4378AC;
  --gta-clr-gta-400: #b4c9de;
  --gta-clr-gta-500: #e3ebf3;
  --gta-clr-bg-gta-200: #1F427F;
  --gta-clr-bg-gta-300: #4378AC;
  --gta-clr-bg-gta-400: #b4c9de;
  --gta-clr-bg-gta-500: #e3ebf3;
  --gta-clr-fkf-100: #3f719e;
  --gta-clr-fkf-200: #5E91B8;
  --gta-clr-fkf-300: #85B4D8;
  --gta-clr-fkf-400: #CEE1EF;
  --gta-clr-fkf-500: #EDF4F9;
  --gta-clr-bg-fkf-100: #3F719E;
  --gta-clr-bg-fkf-200: #5E91B8;
  --gta-clr-bg-fkf-300: #85B4D8;
  --gta-clr-bg-fkf-400: #CEE1EF;
  --gta-clr-bg-fkf-500: #EDF4F9;
  --gta-clr-hkf-100: #00688D;
  --gta-clr-hkf-200: #098AAD;
  --gta-clr-hkf-300: #38AECE;
  --gta-clr-hkf-400: #AFDEEB;
  --gta-clr-hkf-500: #E1F2F7;
  --gta-clr-bg-hkf-100: #00688D;
  --gta-clr-bg-hkf-200: #098AAD;
  --gta-clr-bg-hkf-300: #38AECE;
  --gta-clr-bg-hkf-400: #AFDEEB;
  --gta-clr-bg-hkf-500: #E1F2F7;
  --gta-clr-rr-100: #39601B;
  --gta-clr-rr-200: #4F7A2A;
  --gta-clr-rr-300: #88AC58;
  --gta-clr-rr-400: #CFDDBC;
  --gta-clr-rr-500: #EDF3E6;
  --gta-clr-bg-rr-100: #39601B;
  --gta-clr-bg-rr-200: #4F7A2A;
  --gta-clr-bg-rr-300: #88AC58;
  --gta-clr-bg-rr-400: #CFDDBC;
  --gta-clr-bg-rr-500: #EDF3E6;
  --gta-clr-headline-gta: #0D2961;
  --gta-clr-headline-fkf: #3f719e;
  --gta-clr-headline-hkf: #00688D;
  --gta-clr-headline-rr: #39601B;
  --gta-clr-white: #ffffff;
  --gta-clr-black: #17181B;
  --gta-clr-type-white: #ffffff;
  --gta-clr-type-black: #17181B;
  --gta-clr-grey: #5F6368;
  --gta-clr-darkgrey: #3C4043;
  --gta-clr-item-bg-color: #ffffff;
  --gta-clr-item-border-color: #E8EAED;
  --gta-clr-item-bg-color-fkf: #CEE1EF;
  --gta-clr-item-bg-color-hkf: #AFDEEB;
  --gta-clr-item-bg-color-rr: #CFDDBC;
  --gta-body-color: #17181B;
  --gta-body-bg-color: #ffffff;
  --gta-header-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -15px rgba(0, 0, 0, 0.2);
  --gta-menu-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -15px rgba(0, 0, 0, 0.2);
  --gta-card-box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -30px rgba(0, 0, 0, 0.2);
  --gta-section-bg-box-shadow: 0 0 25px rgba(0, 0, 0, 0.35);
  --gta-section-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  --gta-section-article-box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
  --gta-clr-card-bg-gta-100: #0D2961;
  --gta-clr-card-bg-gta-400: #b4c9de;
  --gta-clr-card-bg-gta-500: #e3ebf3;
  --gta-clr-card-bg-fkf-100: #3F719E;
  --gta-clr-card-bg-fkf-400: #CEE1EF;
  --gta-clr-card-bg-fkf-500: #EDF4F9;
  --gta-clr-card-bg-hkf-100: #00688D;
  --gta-clr-card-bg-hkf-400: #AFDEEB;
  --gta-clr-card-bg-hkf-500: #E1F2F7;
  --gta-clr-card-bg-rr-100: #39601B;
  --gta-clr-card-bg-rr-400: #CFDDBC;
  --gta-clr-card-bg-rr-500: #EDF3E6;
  --gta-clr-card-bg-white: #ffffff;
  --gta-clr-card-bg-gta-white: #ffffff;
  --gta-clr-card-bg-fkf-white: #ffffff;
  --gta-clr-card-bg-hkf-white: #ffffff;
  --gta-clr-card-bg-rr-white: #ffffff;
  --gta-clr-card-bg-fkf-hover: #CEE1EF;
  --gta-clr-card-bg-hkf-hover: #AFDEEB;
  --gta-clr-card-bg-rr-hover: #CFDDBC;
  --gta-clr-section-bg-gta-100: #0D2961;
  --gta-clr-section-bg-gta-200: #1F427F;
  --gta-clr-section-bg-gta-400: #b4c9de;
  --gta-clr-section-bg-gta-500: #e3ebf3;
  --gta-clr-section-bg-fkf-100: #3F719E;
  --gta-clr-section-bg-fkf-200: #5E91B8;
  --gta-clr-section-bg-fkf-400: #CEE1EF;
  --gta-clr-section-bg-fkf-500: #EDF4F9;
  --gta-clr-section-bg-hkf-100: #00688D;
  --gta-clr-section-bg-hkf-200: #098AAD;
  --gta-clr-section-bg-hkf-400: #AFDEEB;
  --gta-clr-section-bg-hkf-500: #E1F2F7;
  --gta-clr-section-bg-rr-100: #39601B;
  --gta-clr-section-bg-rr-200: #4F7A2A;
  --gta-clr-section-bg-rr-400: #CFDDBC;
  --gta-clr-section-bg-rr-500: #EDF3E6;
  --gta-clr-section-bg-gta-white: #ffffff;
  --gta-clr-section-bg-fkf-white: #ffffff;
  --gta-clr-section-bg-hkf-white: #ffffff;
  --gta-clr-section-bg-rr-white: #ffffff;
  --gta-clr-section-bg-neutral-100: #ffffff;
  --gta-clr-section-bg-neutral-200: #ffffff;
  --gta-clr-swiper-fkf-100: #3f719e;
  --gta-clr-swiper-hkf-100: #00688D;
  --gta-clr-swiper-rr-100: #39601B;
  --gta-header-bg-color: rgba(255, 255, 255, 0.95);
  --gta-header-loggedin-color: #88AC58;
  --gta-brand-image: url("data:image/svg+xml,%3csvg fill='%230D2961' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 70'%3e%3cpath d='M45.88,28.93h-4.81v15.47h-3.62v-15.47h-4.82v-3.23h13.24v3.23Z'/%3e%3cpath d='M58.76,40.57h-8.12l-1.39,3.83h-3.79l7.12-18.7h4.21l7.13,18.7h-3.79l-1.39-3.83ZM57.65,37.5l-2.95-8.17-2.96,8.17h5.9Z'/%3e%3cpath d='M47.33,0l-22.9,11.28c-.23,0-.46-.01-.7-.01C10.65,11.27,0,21.91,0,35c0,7.56,3.55,14.3,9.07,18.65l3.95-5.54c-3.79-3.11-6.22-7.83-6.22-13.1,0-9.34,7.6-16.93,16.93-16.93,3.26,0,6.31.93,8.9,2.54L47.33,0'/%3e%3cpath d='M25.89,33.88l-2.08,2.92h5.77c-.66,2.59-2.8,4.27-5.8,4.27-3.76,0-6.12-2.66-6.12-5.99,0-3.56,2.66-6.16,6.06-6.16.93,0,1.8.2,2.58.56l1.98-2.78c-1.34-.67-2.89-1.05-4.55-1.05-5.47,0-9.62,4.02-9.62,9.35s4.15,9.35,9.62,9.35,9.62-4.02,9.62-9.37c0-.4-.04-.78-.08-1.09h-7.38Z'/%3e%3cpath d='M.13,70l22.9-11.28c.23,0,.46.01.7.01,8.17,0,15.39-4.15,19.66-10.45h-9.18c-2.89,2.28-6.53,3.65-10.48,3.65-3.26,0-6.31-.93-8.9-2.54L.13,70'/%3e%3cpath d='M71.59,27.14h-2.17v6.97h-1.63v-6.97h-2.17v-1.45h5.97v1.45Z'/%3e%3cpath d='M72.07,29.9c0-2.46,1.92-4.32,4.45-4.32s4.45,1.86,4.45,4.32-1.92,4.32-4.45,4.32-4.45-1.86-4.45-4.32ZM79.33,29.9c0-1.59-1.22-2.81-2.81-2.81s-2.81,1.22-2.81,2.81,1.23,2.81,2.81,2.81,2.81-1.22,2.81-2.81Z'/%3e%3cpath d='M82.42,31.2v-5.51h1.64v5.26c0,1.34.77,1.83,1.79,1.83s1.79-.49,1.79-1.83v-5.26h1.64v5.51c0,2.01-1.48,3.03-3.44,3.03s-3.42-1.02-3.42-3.03Z'/%3e%3cpath d='M94.33,30.56h-1.37v3.56h-1.64v-8.43h3.29c1.73,0,2.68,1.12,2.68,2.5,0,1.03-.59,1.83-1.46,2.18l2.22,3.75h-1.78l-1.95-3.56ZM92.95,29.25h1.55c.78,0,1.21-.4,1.21-1.08s-.42-1.1-1.21-1.1h-1.55v2.17Z'/%3e%3cpath d='M99.4,25.69h1.64v8.43h-1.64v-8.43Z'/%3e%3cpath d='M102.52,32.88l.94-1.18c.57.66,1.47,1.14,2.24,1.14.66,0,1.14-.34,1.14-.94,0-.75-.75-1.03-1.71-1.45-1.1-.48-2.27-1.03-2.27-2.52s1.16-2.35,2.6-2.35c1.04,0,2.01.42,2.78,1.11l-.86,1.17c-.61-.6-1.35-.89-1.95-.89-.53,0-.95.27-.95.8,0,.69.72.95,1.7,1.37,1.11.49,2.31,1.09,2.31,2.66s-1.27,2.43-2.78,2.43c-1.17,0-2.38-.51-3.18-1.34Z'/%3e%3cpath d='M115.02,27.14h-2.17v6.97h-1.63v-6.97h-2.17v-1.45h5.97v1.45Z'/%3e%3cpath d='M116.44,25.69h1.64v8.43h-1.64v-8.43Z'/%3e%3cpath d='M125.19,34.12l-3.28-4.23v4.23h-1.64v-8.43h1.64v3.73l3.13-3.73h2.09l-3.46,3.96,3.67,4.47h-2.15Z'/%3e%3c/svg%3e");
  --gta-header-btn-filled-color: #ffffff;
  --gta-header-btn-filled-color-active: #ffffff;
  --gta-header-btn-filled-focus-color: #0D2961;
  --gta-header-btn-filled-bg-color: #0D2961;
  --gta-header-btn-filled-bg-color-active: #1F427F;
  --gta-header-btn-trans-color: #0D2961;
  --gta-header-btn-trans-color-active: #0D2961;
  --gta-header-btn-filled-focus-color: #0D2961;
  --gta-header-btn-trans-focus-color: #0D2961;
  --gta-header-btn-trans-bg-color: transparent;
  --gta-header-btn-trans-bg-color-active: #E8EAED;
  --gta-btn-top-color: #ffffff;
  --gta-btn-top-bg: #0D2961;
  --gta-menu-main-bg-color: #ffffff;
  --gta-menu-main-item-border: #E8EAED;
  --gta-menu-main-item-arrow: #BDC1C6;
  --gta-menu-main-item-level1-color: #17181B;
  --gta-menu-main-item-level2-color: #0D2961;
  --gta-menu-main-item-level3-color: #17181B;
  --gta-menu-main-section-bg-gta: #e3ebf3;
  --gta-menu-main-section-bg-fkf: #EDF4F9;
  --gta-menu-main-section-bg-hkf: #E1F2F7;
  --gta-menu-main-section-bg-rr: #EDF3E6;
  --gta-menu-main-item-level2-color-gta: #0D2961;
  --gta-menu-main-item-level2-color-fkf: #3f719e;
  --gta-menu-main-item-level2-color-hkf: #00688D;
  --gta-menu-main-item-level2-color-rr: #39601B;
  --gta-menu-main-item-hover-bg-gta: #e3ebf3;
  --gta-menu-main-item-hover-bg-fkf: #EDF4F9;
  --gta-menu-main-item-hover-bg-hkf: #E1F2F7;
  --gta-menu-main-item-hover-bg-rr: #EDF3E6;
  --gta-menu-main-section-border-gta: #b4c9de;
  --gta-menu-main-section-border-fkf: #CEE1EF;
  --gta-menu-main-section-border-hkf: #AFDEEB;
  --gta-menu-main-section-border-rr: #CFDDBC;
  --gta-menu-section-item-color-gta: #0D2961;
  --gta-menu-section-item-color-fkf: #3f719e;
  --gta-menu-section-item-color-hkf: #00688D;
  --gta-menu-section-item-color-rr: #39601B;
  --gta-menu-section-bg-color: rgba(255, 255, 255, 0.95);
  --gta-menu-account-item-color: #0D2961;
  --gta-menu-account-item-bg: #e3ebf3;
  --gta-menu-account-item-bg-hover: rgba(180, 201, 222, 0.5);
  --gta-menu-account-desktop-item-bg-hover: #b4c9de;
  --gta-list-group-border-color: #DADCE0;
  --gta-list-group-border-color-gta: #4378AC;
  --gta-list-group-border-color-fkf: #CEE1EF;
  --gta-list-group-border-color-hkf: #38AECE;
  --gta-list-group-border-color-rr: #88AC58;
  --gta-list-group-border-dark-color-gta: #4378AC;
  --gta-list-group-border-dark-color-fkf: #CEE1EF;
  --gta-list-group-border-dark-color-hkf: #38AECE;
  --gta-list-group-border-dark-color-rr: #88AC58;
  --gta-list-group-action-color: #17181B;
  --gta-list-group-action-active-color: #17181B;
  --gta-list-group-action-hover-bg: #F8F9FA;
  --gta-list-group-action-active-bg: #F8F9FA;
  --gta-dropdown-bg: #ffffff;
  --gta-dropdown-link-color: #3C4043;
  --gta-dropdown-link-hover-color: #5F6368;
  --gta-switch-toggle-color: #17181B;
  --gta-switch-toggle-slider: #ffffff;
  --gta-switch-toggle-slider-fkf: #ffffff;
  --gta-switch-toggle-slider-hkf: #ffffff;
  --gta-switch-toggle-slider-rr: #ffffff;
  --gta-switch-toggle-bg: #E8EAED;
  --gta-switch-toggle-bg-fkf: #CEE1EF;
  --gta-switch-toggle-bg-hkf: #AFDEEB;
  --gta-switch-toggle-bg-rr: #CFDDBC;
  --gta-form-bg: #F1F3F4;
  --gta-input-text-color: #17181B;
  --gta-input-border-color: #BDC1C6;
  --gta-input-border-focus-color: #9AA0A6;
  --gta-input-bg: #ffffff;
  --gta-input-disabled-bg: #DADCE0;
  --gta-input-placeholder-color: #9AA0A6;
  --gta-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%233C4043' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --gta-check-input-bg: #ffffff;
  --gta-input-box-border-color: #BDC1C6;
  --gta-check-input-border-color: #BDC1C6;
  --gta-check-input-checked-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  --gta-check-radio-checked-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
  --gta-switch-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2823, 24, 27, 0.5%29'/%3e%3c/svg%3e");
  --gta-switch-focus-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2823, 24, 27, 0.5%29'/%3e%3c/svg%3e");
  --gta-switch-checked-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
  --gta-form-link: #0D2961;
  --gta-clr-booking-item-light-gta: #e3ebf3;
  --gta-clr-booking-item-light-fkf: #EDF4F9;
  --gta-clr-booking-item-light-hkf: #E1F2F7;
  --gta-clr-booking-item-light-rr: #EDF3E6;
  --gta-clr-booking-item-dark-gta: #0D2961;
  --gta-clr-booking-item-dark-fkf: #3F719E;
  --gta-clr-booking-item-dark-hkf: #00688D;
  --gta-clr-booking-item-dark-rr: #39601B;
  --gta-clr-gta-booking-gradient: linear-gradient(0deg, #0d2961 0, transparent);
  --gta-clr-fkf-booking-gradient: linear-gradient(0deg, #3f719e 0, transparent);
  --gta-clr-hkf-booking-gradient: linear-gradient(0deg, #00688d 0, transparent);
  --gta-clr-rr-booking-gradient: linear-gradient(0deg, #39601b 0, transparent);
  --gta-pill-fkf-color: #3f719e;
  --gta-pill-hkf-color: #00688D;
  --gta-pill-rr-color: #39601B;
  --gta-tab-color: #17181B;
  --gta-tab-active-color: #17181B;
  --gta-tab-border: #17181B;
  --gta-tab-active-border: #00688D;
  --gta-tab-bg: transparent;
  --gta-tab-active-bg: #00688D;
  --gta-table-border-color: #DADCE0;
  --gta-table-header-color: #17181B;
  --gta-table-header-bg-color: #F8F9FA;
  --gta-table-cell-color: #17181B;
  --gta-table-cell-bg-color: transparent;
  --gta-table-datatitle-color: #80868B;
  --gta-list-icon-color-gta: #0D2961;
  --gta-list-icon-color-fkf: #3f719e;
  --gta-list-icon-color-hkf: #00688D;
  --gta-list-icon-color-rr: #39601B;
  --gta-list-border-color: #E8EAED;
  --gta-border-base-color: #DADCE0;
  --gta-menu-footer-item-color: #5F6368;
  --gta-menu-footer-item-hover-color: #3C4043;
  --gta-svg-ship-bg: #F8F9FA;
  --gta-svg-ship-fill: #3C4043;
  --gta-svg-ship-type: #3C4043;
  --gta-svg-ship-type: #3C4043;
  --gta-svg-ship-occupied: #DADCE0;
  --gta-svg-ship-cabin-type-pos: #3C4043;
  --gta-svg-ship-cabin-type-neg: #ffffff;
  --gta-svg-ship-misc: #9AA0A6;
  --gta-accordion-border-color: #DADCE0;
  --gta-tooltip-color: #ffffff;
  --gta-tooltip-bg: #202124;
  --gta-form-element-bg-color: #ffffff;
  --gta-form-element-border-color: #BDC1C6;
  --gta-form-element-chosen-color: #0D2961;
  --gta-modal-bg: #ffffff;
  --gta-modal-footer-bg: #ffffff;
  --gta-modal-title-color: #0D2961;
  --gta-modal-header-border-color: #DADCE0;
  --gta-modal-footer-border-color: #DADCE0;
  --gta-valid-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%237fab30' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3e%3cpath fill='%237fab30' d='m10.97 4.97-.02.022-3.473 4.425-2.093-2.094a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05'/%3e%3c/svg%3e");
  --gta-invalid-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23D32F2F' d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16'/%3e%3cpath fill='%23D32F2F' d='M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z'/%3e%3c/svg%3e");
  --gta-payment-img-cards: url("../images/payment-cards.png");
  --gta-payment-img-mc: url("../images/payment-mc.png");
  --gta-payment-img-visa: url("../images/payment-visa.png");
  --gta-payment-img-receipt: url("../images/payment-receipt.png");
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --gta-clr-bg-gta-100: #061430;
  --gta-clr-bg-gta-200: #0f213f;
  --gta-clr-bg-gta-300: #040c1f;
  --gta-clr-bg-gta-400: #040c1f;
  --gta-clr-bg-gta-500: #040c1f;
  --gta-clr-bg-fkf-100: #13222f;
  --gta-clr-bg-fkf-200: #1c2b37;
  --gta-clr-bg-fkf-300: #283640;
  --gta-clr-bg-fkf-400: #283640;
  --gta-clr-bg-fkf-500: #13222f;
  --gta-clr-bg-hkf-100: #002a38;
  --gta-clr-bg-hkf-200: #043745;
  --gta-clr-bg-hkf-300: #38AECE;
  --gta-clr-bg-hkf-400: #AFDEEB;
  --gta-clr-bg-hkf-500: #E1F2F7;
  --gta-clr-bg-rr-100: #111d08;
  --gta-clr-bg-rr-200: #18240d;
  --gta-clr-bg-rr-300: #88AC58;
  --gta-clr-bg-rr-400: #CFDDBC;
  --gta-clr-bg-rr-500: #EDF3E6;
  --gta-clr-headline-gta: #b4c9de;
  --gta-clr-headline-fkf: #85B4D8;
  --gta-clr-headline-hkf: #00688D-dark;
  --gta-clr-headline-rr: #88AC58;
  --gta-clr-white: #F8F9FA;
  --gta-clr-black: #F8F9FA;
  --gta-clr-type-white: #F8F9FA;
  --gta-clr-type-black: #F8F9FA;
  --gta-clr-grey: #9AA0A6;
  --gta-clr-darkgrey: #80868B;
  --gta-clr-item-bg-color: #202124;
  --gta-clr-item-border-color: #5F6368;
  --gta-clr-item-bg-color-fkf: #3C4043;
  --gta-clr-item-bg-color-hkf: #3C4043;
  --gta-clr-item-bg-color-rr: #3C4043;
  --gta-body-color: #F8F9FA;
  --gta-body-bg-color: #17181B;
  --gta-header-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.35), 0px 15px 30px -15px rgba(0, 0, 0, 0.5);
  --gta-menu-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.35), 0px 15px 30px -15px rgba(0, 0, 0, 0.5);
  --gta-card-box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.35), 0px 15px 30px -30px rgba(0, 0, 0, 0.5);
  --gta-section-bg-box-shadow: 0 0 25px rgb(0, 0, 0);
  --gta-section-box-shadow: 0 0 25px rgb(0, 0, 0);
  --gta-section-article-box-shadow: 0 0 25px rgb(0, 0, 0);
  --gta-clr-card-bg-gta-500: #17181B;
  --gta-clr-card-bg-fkf-100: #17181B;
  --gta-clr-card-bg-fkf-400: #1c2b37;
  --gta-clr-card-bg-fkf-500: #13222f;
  --gta-clr-card-bg-hkf-100: #17181B;
  --gta-clr-card-bg-hkf-400: #043745;
  --gta-clr-card-bg-hkf-500: #002a38;
  --gta-clr-card-bg-rr-100: #17181B;
  --gta-clr-card-bg-rr-400: #18240d;
  --gta-clr-card-bg-rr-500: #111d08;
  --gta-clr-card-bg-white: #17181B;
  --gta-clr-card-bg-gta-white: #061430;
  --gta-clr-card-bg-fkf-white: #13222f;
  --gta-clr-card-bg-hkf-white: #002a38;
  --gta-clr-card-bg-rr-white: #111d08;
  --gta-clr-card-bg-fkf-hover: #0E1013;
  --gta-clr-card-bg-hkf-hover: #0E1013;
  --gta-clr-card-bg-rr-hover: #0E1013;
  --gta-clr-section-bg-gta-100: #061430;
  --gta-clr-section-bg-gta-200: #0f213f;
  --gta-clr-section-bg-gta-400: #0f213f;
  --gta-clr-section-bg-gta-500: #0f213f;
  --gta-clr-section-bg-fkf-100: #13222f;
  --gta-clr-section-bg-fkf-200: #1c2b37;
  --gta-clr-section-bg-fkf-400: #1c2b37;
  --gta-clr-section-bg-fkf-500: #1c2b37;
  --gta-clr-section-bg-hkf-100: #002a38;
  --gta-clr-section-bg-hkf-200: #043745;
  --gta-clr-section-bg-hkf-400: #043745;
  --gta-clr-section-bg-hkf-500: #043745;
  --gta-clr-section-bg-rr-100: #111d08;
  --gta-clr-section-bg-rr-200: #18240d;
  --gta-clr-section-bg-rr-400: #18240d;
  --gta-clr-section-bg-rr-500: #18240d;
  --gta-clr-section-bg-gta-white: #0f213f;
  --gta-clr-section-bg-fkf-white: #1c2b37;
  --gta-clr-section-bg-hkf-white: #043745;
  --gta-clr-section-bg-rr-white: #18240d;
  --gta-clr-section-bg-neutral-100: #17181B;
  --gta-clr-section-bg-neutral-200: #17181B;
  --gta-clr-swiper-fkf-100: #85B4D8;
  --gta-clr-swiper-hkf-100: #38AECE;
  --gta-clr-swiper-rr-100: #88AC58;
  --gta-header-bg-color: rgba(14, 16, 19, 0.95);
  --gta-header-loggedin-color: #88AC58;
  --gta-brand-image: url("data:image/svg+xml,%3csvg fill='%23F8F9FA' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 70'%3e%3cpath d='M45.88,28.93h-4.81v15.47h-3.62v-15.47h-4.82v-3.23h13.24v3.23Z'/%3e%3cpath d='M58.76,40.57h-8.12l-1.39,3.83h-3.79l7.12-18.7h4.21l7.13,18.7h-3.79l-1.39-3.83ZM57.65,37.5l-2.95-8.17-2.96,8.17h5.9Z'/%3e%3cpath d='M47.33,0l-22.9,11.28c-.23,0-.46-.01-.7-.01C10.65,11.27,0,21.91,0,35c0,7.56,3.55,14.3,9.07,18.65l3.95-5.54c-3.79-3.11-6.22-7.83-6.22-13.1,0-9.34,7.6-16.93,16.93-16.93,3.26,0,6.31.93,8.9,2.54L47.33,0'/%3e%3cpath d='M25.89,33.88l-2.08,2.92h5.77c-.66,2.59-2.8,4.27-5.8,4.27-3.76,0-6.12-2.66-6.12-5.99,0-3.56,2.66-6.16,6.06-6.16.93,0,1.8.2,2.58.56l1.98-2.78c-1.34-.67-2.89-1.05-4.55-1.05-5.47,0-9.62,4.02-9.62,9.35s4.15,9.35,9.62,9.35,9.62-4.02,9.62-9.37c0-.4-.04-.78-.08-1.09h-7.38Z'/%3e%3cpath d='M.13,70l22.9-11.28c.23,0,.46.01.7.01,8.17,0,15.39-4.15,19.66-10.45h-9.18c-2.89,2.28-6.53,3.65-10.48,3.65-3.26,0-6.31-.93-8.9-2.54L.13,70'/%3e%3cpath d='M71.59,27.14h-2.17v6.97h-1.63v-6.97h-2.17v-1.45h5.97v1.45Z'/%3e%3cpath d='M72.07,29.9c0-2.46,1.92-4.32,4.45-4.32s4.45,1.86,4.45,4.32-1.92,4.32-4.45,4.32-4.45-1.86-4.45-4.32ZM79.33,29.9c0-1.59-1.22-2.81-2.81-2.81s-2.81,1.22-2.81,2.81,1.23,2.81,2.81,2.81,2.81-1.22,2.81-2.81Z'/%3e%3cpath d='M82.42,31.2v-5.51h1.64v5.26c0,1.34.77,1.83,1.79,1.83s1.79-.49,1.79-1.83v-5.26h1.64v5.51c0,2.01-1.48,3.03-3.44,3.03s-3.42-1.02-3.42-3.03Z'/%3e%3cpath d='M94.33,30.56h-1.37v3.56h-1.64v-8.43h3.29c1.73,0,2.68,1.12,2.68,2.5,0,1.03-.59,1.83-1.46,2.18l2.22,3.75h-1.78l-1.95-3.56ZM92.95,29.25h1.55c.78,0,1.21-.4,1.21-1.08s-.42-1.1-1.21-1.1h-1.55v2.17Z'/%3e%3cpath d='M99.4,25.69h1.64v8.43h-1.64v-8.43Z'/%3e%3cpath d='M102.52,32.88l.94-1.18c.57.66,1.47,1.14,2.24,1.14.66,0,1.14-.34,1.14-.94,0-.75-.75-1.03-1.71-1.45-1.1-.48-2.27-1.03-2.27-2.52s1.16-2.35,2.6-2.35c1.04,0,2.01.42,2.78,1.11l-.86,1.17c-.61-.6-1.35-.89-1.95-.89-.53,0-.95.27-.95.8,0,.69.72.95,1.7,1.37,1.11.49,2.31,1.09,2.31,2.66s-1.27,2.43-2.78,2.43c-1.17,0-2.38-.51-3.18-1.34Z'/%3e%3cpath d='M115.02,27.14h-2.17v6.97h-1.63v-6.97h-2.17v-1.45h5.97v1.45Z'/%3e%3cpath d='M116.44,25.69h1.64v8.43h-1.64v-8.43Z'/%3e%3cpath d='M125.19,34.12l-3.28-4.23v4.23h-1.64v-8.43h1.64v3.73l3.13-3.73h2.09l-3.46,3.96,3.67,4.47h-2.15Z'/%3e%3c/svg%3e");
  --gta-header-btn-filled-color: #ffffff;
  --gta-header-btn-filled-color-active: #ffffff;
  --gta-header-btn-filled-focus-color: #ffffff;
  --gta-header-btn-filled-bg-color: #5F6368;
  --gta-header-btn-filled-bg-color-active: #3C4043;
  --gta-header-btn-trans-color: #ffffff;
  --gta-header-btn-trans-color-active: #ffffff;
  --gta-header-btn-filled-focus-color: #ffffff;
  --gta-header-btn-trans-focus-color: #ffffff;
  --gta-header-btn-trans-bg-color: transparent;
  --gta-header-btn-trans-bg-color-active: #3C4043;
  --gta-btn-top-color: #F8F9FA;
  --gta-btn-top-bg: #5F6368;
  --gta-menu-main-bg-color: #0E1013;
  --gta-menu-main-item-border: #3C4043;
  --gta-menu-main-item-arrow: #3C4043;
  --gta-menu-main-item-level1-color: #F8F9FA;
  --gta-menu-main-item-level2-color: #F8F9FA;
  --gta-menu-main-item-level3-color: #F8F9FA;
  --gta-menu-main-section-bg-gta: #061430;
  --gta-menu-main-section-bg-fkf: #13222f;
  --gta-menu-main-section-bg-hkf: #002a38;
  --gta-menu-main-section-bg-rr: #111d08;
  --gta-menu-main-item-level2-color-gta: #4378AC;
  --gta-menu-main-item-level2-color-fkf: #85B4D8;
  --gta-menu-main-item-level2-color-hkf: #38AECE;
  --gta-menu-main-item-level2-color-rr: #88AC58;
  --gta-menu-main-item-hover-bg-gta: #0f213f;
  --gta-menu-main-item-hover-bg-fkf: #13222f;
  --gta-menu-main-item-hover-bg-hkf: #002a38;
  --gta-menu-main-item-hover-bg-rr: #111d08;
  --gta-menu-main-section-border-gta: #1F427F;
  --gta-menu-main-section-border-fkf: #5E91B8;
  --gta-menu-main-section-border-hkf: #098AAD;
  --gta-menu-main-section-border-rr: #4F7A2A;
  --gta-menu-section-item-color-gta: #4378AC;
  --gta-menu-section-item-color-fkf: #85B4D8;
  --gta-menu-section-item-color-hkf: #38AECE;
  --gta-menu-section-item-color-rr: #88AC58;
  --gta-menu-section-bg-color: rgba(60, 64, 67, 0.95);
  --gta-menu-account-item-color: #b4c9de;
  --gta-menu-account-item-bg: #0f213f;
  --gta-menu-account-item-bg-hover: rgba(6, 20, 48, 0.5);
  --gta-menu-account-desktop-item-bg-hover: #4378AC;
  --gta-list-group-border-color: #5F6368;
  --gta-list-group-border-color-gta: #4378AC;
  --gta-list-group-border-color-fkf: #CEE1EF;
  --gta-list-group-border-color-hkf: #38AECE;
  --gta-list-group-border-color-rr: #88AC58;
  --gta-list-group-border-dark-color-gta: #061430;
  --gta-list-group-border-dark-color-fkf: #13222f;
  --gta-list-group-border-dark-color-hkf: #002a38;
  --gta-list-group-border-dark-color-rr: #111d08;
  --gta-list-group-action-color: #F8F9FA;
  --gta-list-group-action-active-color: #F8F9FA;
  --gta-list-group-action-hover-bg: #3C4043;
  --gta-list-group-action-active-bg: #3C4043;
  --gta-dropdown-bg: #3C4043;
  --gta-dropdown-link-color: #ffffff;
  --gta-dropdown-link-hover-color: #E8EAED;
  --gta-switch-toggle-color: #F8F9FA;
  --gta-switch-toggle-slider: #5F6368;
  --gta-switch-toggle-slider-fkf: #5E91B8;
  --gta-switch-toggle-slider-hkf: #098AAD;
  --gta-switch-toggle-slider-rr: #4F7A2A;
  --gta-switch-toggle-bg: #3C4043;
  --gta-switch-toggle-bg-fkf: #3f719e;
  --gta-switch-toggle-bg-hkf: #00688D;
  --gta-switch-toggle-bg-rr: #39601B;
  --gta-form-bg: #17181B;
  --gta-input-text-color: #F8F9FA;
  --gta-input-border-color: #5F6368;
  --gta-input-border-focus-color: #9AA0A6;
  --gta-input-bg: #3C4043;
  --gta-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23F8F9FA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --gta-check-input-bg: #202124;
  --gta-input-box-border-color: #5F6368;
  --gta-check-input-border-color: #5F6368;
  --gta-input-placeholder-color: #9AA0A6;
  --gta-input-disabled-bg: #5F6368;
  --gta-switch-focus-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e");
  --gta-switch-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.5%29'/%3e%3c/svg%3e");
  --gta-form-link: #F1F3F4;
  --gta-clr-booking-item-light-gta: #0f213f;
  --gta-clr-booking-item-light-fkf: #1c2b37;
  --gta-clr-booking-item-light-hkf: #043745;
  --gta-clr-booking-item-light-rr: #18240d;
  --gta-clr-booking-item-dark-gta: #0f213f;
  --gta-clr-booking-item-dark-fkf: #1c2b37;
  --gta-clr-booking-item-dark-hkf: #043745;
  --gta-clr-booking-item-dark-rr: #18240d;
  --gta-clr-gta-booking-gradient: linear-gradient(0deg, #061430 0, transparent);
  --gta-clr-fkf-booking-gradient: linear-gradient(0deg, #13222f 0, transparent);
  --gta-clr-hkf-booking-gradient: linear-gradient(0deg, #002a38 0, transparent);
  --gta-clr-rr-booking-gradient: linear-gradient(0deg, #111d08 0, transparent);
  --gta-pill-fkf-color: #85B4D8;
  --gta-pill-hkf-color: #38AECE;
  --gta-pill-rr-color: #88AC58;
  --gta-tab-color: #F8F9FA;
  --gta-tab-active-color: #17181B;
  --gta-tab-border: #F8F9FA;
  --gta-tab-active-border: #00688D;
  --gta-tab-bg: transparent;
  --gta-tab-active-bg: #00688D;
  --gta-table-border-color: #DADCE0;
  --gta-table-header-color: #F8F9FA;
  --gta-table-header-bg-color: #202124;
  --gta-table-cell-color: #F8F9FA;
  --gta-table-cell-bg-color: transparent;
  --gta-table-datatitle-color: #80868B;
  --gta-list-icon-color-gta: #4378AC;
  --gta-list-icon-color-fkf: #85B4D8;
  --gta-list-icon-color-hkf: #38AECE;
  --gta-list-icon-color-rr: #88AC58;
  --gta-list-border-color: #5F6368;
  --gta-border-base-color: #5F6368;
  --gta-menu-footer-item-color: #9AA0A6;
  --gta-menu-footer-item-hover-color: #80868B;
  --gta-svg-ship-bg: #202124;
  --gta-svg-ship-fill: #DADCE0;
  --gta-svg-ship-type: #DADCE0;
  --gta-svg-ship-cabin-type-pos: #3C4043;
  --gta-svg-ship-cabin-type-neg: #ffffff;
  --gta-svg-ship-occupied: #3C4043;
  --gta-svg-ship-occupied-type: #3C4043;
  --gta-svg-ship-misc: #9AA0A6;
  --gta-accordion-border-color: #5F6368;
  --gta-tooltip-color: #202124;
  --gta-tooltip-bg: #F8F9FA;
  --gta-form-element-bg-color: #202124;
  --gta-form-element-border-color: #202124;
  --gta-form-element-chosen-color: #80868B;
  --gta-modal-bg: #202124;
  --gta-modal-footer-bg: #202124;
  --gta-modal-title-color: #ffffff;
  --gta-modal-header-border-color: #5F6368;
  --gta-modal-footer-border-color: #5F6368;
  --gta-payment-img-cards: url("../images/payment-cards-dark.png");
  --gta-payment-img-mc: url("../images/payment-mc-dark.png");
  --gta-payment-img-visa: url("../images/payment-visa-dark.png");
  --gta-payment-img-receipt: url("../images/payment-receipt-dark.png");
}

/******** Setup ********************************************************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}

::selection {
  background-color: rgba(154, 160, 166, 0.3);
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0;
}

/* html  {
  scrollbar-gutter:stable;
}*/
html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

[hidden] {
  display: none !important;
}

ol, ul {
  margin-bottom: 1rem;
  margin-left: 1rem;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  font-family: "ptserif", serif;
  font-weight: 400;
  line-height: 1.4;
  color: var(--gta-body-color);
  background-color: var(--gta-body-bg-color);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

body.error:before {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/bg-error-mobile.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}

body.error:after {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

body.error main {
  position: relative;
  z-index: 1;
}

@media (min-width: 992px) {
  body.error:before {
    background-image: url(../images/bg-error-desktop.jpg);
  }
}
img {
  display: block;
  border: 0;
  height: auto;
  width: 100%;
}

.img-item {
  height: 0;
  display: block;
  position: relative;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMwMDAiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
  background-size: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.map-item {
  display: block;
  position: relative;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMwMDAiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
  background-size: 30px;
  background-position: center center;
  background-repeat: no-repeat;
}

.map-item img {
  border-radius: 0.625rem;
}

.img-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img-square {
  padding-bottom: 100%;
}

.img-landscape {
  padding-bottom: 60.7%;
}

.img-booking {
  padding-bottom: 53%;
}

.img-cover {
  height: 100%;
}

.img-rounded {
  border-radius: 100%;
}

.img-border-radius {
  border-radius: 0.625rem;
}

.img-cataloge {
  padding-bottom: 141.6%;
  box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -30px rgba(0, 0, 0, 0.2);
}

.img-header-landscape {
  padding-bottom: 53%;
}

.img-header {
  padding-bottom: 166.6%;
}

@media (min-width: 768px) {
  .img-header {
    padding-bottom: 53%;
  }
}
.img-item-descr {
  padding-top: 0.5rem;
  font-size: 0.875rem;
  font-family: "hknova", sans-serif;
  font-weight: 400;
}

.img-item .zoom,
.map-item .zoom {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.img-item .download {
  position: absolute;
  bottom: 10px;
  right: 55px;
}

.vid-item {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  border-radius: 0.625rem;
}

.vid-item iframe,
.vid-item object,
.vid-item embed,
.video-consent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-consent {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.video-consent:after {
  content: "";
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url(../images/noise-light.png);
  background-size: 100px;
  background-repeat: repeat;
}

.video-consent-info {
  position: relative;
  width: 100%;
  max-width: 500px;
  padding: 0 2rem;
  color: #ffffff;
  z-index: 1;
}

.video-consent-info p {
  font-size: 1rem !important;
  line-height: 1.2 !important;
}

.video-consent-info .btn {
  margin-top: 1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  padding: 1em 1.7em;
  text-transform: none;
  display: inline-block;
  cursor: pointer;
  font-size: 0.82em;
  text-align: center;
  border-radius: 4px;
}

/******** AccessKeys ***************************************************************************/
#skiplinks a {
  display: block;
  font-size: 0.875em;
  font-family: "hknova", sans-serif;
  font-weight: 400;
  color: #17181B;
  background: #ffffff;
  text-align: center;
  padding: 0.5rem 1rem;
  text-decoration: none;
  border-radius: 0.25rem;
  white-space: nowrap;
}

#skiplinks {
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 1100;
  padding: 1rem;
  background: #ffffff;
  border-radius: 0 0 0.625rem 0.625rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

/******** Typography ***************************************************************************/
h1, h2, h3, h4, h5 {
  font-family: "hknova", sans-serif;
  font-weight: 700;
  text-wrap: balance;
}

p {
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 1.15rem;
    line-height: 1.4;
  }
}

h1 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  h1 {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 992px) {
  h1 {
    font-size: 3rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
  }
}

h2 {
  font-size: 1.35rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  h2 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 2rem;
    line-height: 1.2;
  }
}

h3 {
  font-size: 1.15rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  h3 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

h4 {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 1rem;
}

h5 {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
  margin-bottom: 1rem;
}

/******** Colors ***************************************************************/
.clr-gta {
  color: var(--gta-clr-headline-gta) !important;
}

.clr-fkf {
  color: var(--gta-clr-headline-fkf) !important;
}

.clr-hkf {
  color: var(--gta-clr-headline-hkf) !important;
}

.clr-rr {
  color: var(--gta-clr-headline-rr) !important;
}

.clr-grey {
  color: var(--gta-clr-grey) !important;
}

.clr-darkgrey {
  color: var(--gta-clr-darkgrey) !important;
}

.clr-white {
  color: #ffffff !important;
}

/******** Stars ****************************************************************/
.stars {
  display: inline-block;
  margin-left: 0.5em;
  background-color: currentcolor;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 100%;
}

.four-stars {
  width: 2.5em;
  height: 1em;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 16'%3E%3Cpolygon points='8.51 5.04 6.84 0 5.18 5.04 0 4.03 3.46 8 0 11.97 5.18 10.96 6.84 16 8.49 10.96 13.65 11.97 10.25 7.98 13.69 4.01 8.51 5.04'/%3E%3Cpolygon points='30.17 5.04 28.5 0 26.84 5.04 21.66 4.03 25.13 8 21.66 11.97 26.84 10.96 28.5 16 30.15 10.96 35.31 11.97 31.92 7.98 35.36 4.01 30.17 5.04'/%3E%3Cpolygon points='51.84 5.04 50.16 0 48.51 5.04 43.33 4.03 46.79 8 43.33 11.97 48.51 10.96 50.16 16 51.82 10.96 56.97 11.97 53.58 7.98 57.02 4.01 51.84 5.04'/%3E%3Cpolygon points='73.5 5.04 71.83 0 70.17 5.04 64.99 4.03 68.45 8 64.99 11.97 70.17 10.96 71.83 16 73.48 10.96 78.64 11.97 75.24 7.98 78.68 4.01 73.5 5.04'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 16'%3E%3Cpolygon points='8.51 5.04 6.84 0 5.18 5.04 0 4.03 3.46 8 0 11.97 5.18 10.96 6.84 16 8.49 10.96 13.65 11.97 10.25 7.98 13.69 4.01 8.51 5.04'/%3E%3Cpolygon points='30.17 5.04 28.5 0 26.84 5.04 21.66 4.03 25.13 8 21.66 11.97 26.84 10.96 28.5 16 30.15 10.96 35.31 11.97 31.92 7.98 35.36 4.01 30.17 5.04'/%3E%3Cpolygon points='51.84 5.04 50.16 0 48.51 5.04 43.33 4.03 46.79 8 43.33 11.97 48.51 10.96 50.16 16 51.82 10.96 56.97 11.97 53.58 7.98 57.02 4.01 51.84 5.04'/%3E%3Cpolygon points='73.5 5.04 71.83 0 70.17 5.04 64.99 4.03 68.45 8 64.99 11.97 70.17 10.96 71.83 16 73.48 10.96 78.64 11.97 75.24 7.98 78.68 4.01 73.5 5.04'/%3E%3C/svg%3E");
}

.four-stars-plus {
  width: 3.125em;
  height: 0.5em;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cpolygon points='8.51 5.04 6.84 0 5.18 5.04 0 4.03 3.46 8 0 11.97 5.18 10.96 6.84 16 8.49 10.96 13.65 11.97 10.25 7.98 13.69 4.01 8.51 5.04'/%3E%3Cpolygon points='92.44 1.33 92.44 6.75 87 6.75 87 8.88 92.44 8.88 92.44 14.33 94.56 14.33 94.56 8.88 100 8.88 100 6.75 94.56 6.75 94.56 1.33 92.44 1.33'/%3E%3Cpolygon points='30.17 5.04 28.5 0 26.84 5.04 21.66 4.03 25.13 8 21.66 11.97 26.84 10.96 28.5 16 30.15 10.96 35.31 11.97 31.92 7.98 35.36 4.01 30.17 5.04'/%3E%3Cpolygon points='51.84 5.04 50.16 0 48.51 5.04 43.33 4.03 46.79 8 43.33 11.97 48.51 10.96 50.16 16 51.82 10.96 56.97 11.97 53.58 7.98 57.02 4.01 51.84 5.04'/%3E%3Cpolygon points='73.5 5.04 71.83 0 70.17 5.04 64.99 4.03 68.45 8 64.99 11.97 70.17 10.96 71.83 16 73.48 10.96 78.64 11.97 75.24 7.98 78.68 4.01 73.5 5.04'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cpolygon points='8.51 5.04 6.84 0 5.18 5.04 0 4.03 3.46 8 0 11.97 5.18 10.96 6.84 16 8.49 10.96 13.65 11.97 10.25 7.98 13.69 4.01 8.51 5.04'/%3E%3Cpolygon points='92.44 1.33 92.44 6.75 87 6.75 87 8.88 92.44 8.88 92.44 14.33 94.56 14.33 94.56 8.88 100 8.88 100 6.75 94.56 6.75 94.56 1.33 92.44 1.33'/%3E%3Cpolygon points='30.17 5.04 28.5 0 26.84 5.04 21.66 4.03 25.13 8 21.66 11.97 26.84 10.96 28.5 16 30.15 10.96 35.31 11.97 31.92 7.98 35.36 4.01 30.17 5.04'/%3E%3Cpolygon points='51.84 5.04 50.16 0 48.51 5.04 43.33 4.03 46.79 8 43.33 11.97 48.51 10.96 50.16 16 51.82 10.96 56.97 11.97 53.58 7.98 57.02 4.01 51.84 5.04'/%3E%3Cpolygon points='73.5 5.04 71.83 0 70.17 5.04 64.99 4.03 68.45 8 64.99 11.97 70.17 10.96 71.83 16 73.48 10.96 78.64 11.97 75.24 7.98 78.68 4.01 73.5 5.04'/%3E%3C/svg%3E");
}

.five-stars {
  width: 3.125em;
  height: 0.5em;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cpolygon points='8.51 5.04 6.84 0 5.18 5.04 0 4.03 3.46 8 0 11.97 5.18 10.96 6.84 16 8.49 10.96 13.65 11.97 10.25 7.98 13.69 4.01 8.51 5.04'/%3E%3Cpolygon points='30.08 5.04 28.41 0 26.75 5.04 21.57 4.03 25.04 8 21.57 11.97 26.75 10.96 28.41 16 30.06 10.96 35.23 11.97 31.83 7.98 35.27 4.01 30.08 5.04'/%3E%3Cpolygon points='51.67 5.04 49.99 0 48.34 5.04 43.16 4.03 46.62 8 43.16 11.97 48.34 10.96 49.99 16 51.65 10.96 56.8 11.97 53.41 7.98 56.85 4.01 51.67 5.04'/%3E%3Cpolygon points='73.24 5.04 71.58 0 69.91 5.04 64.73 4.03 68.19 8 64.73 11.97 69.91 10.96 71.58 16 73.23 10.96 78.38 11.97 74.98 7.98 78.42 4.01 73.24 5.04'/%3E%3Cpolygon points='94.82 5.04 93.15 0 91.49 5.04 86.31 4.03 89.77 8 86.31 11.97 91.49 10.96 93.15 16 94.8 10.96 99.96 11.97 96.56 7.98 100 4.01 94.82 5.04'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 16'%3E%3Cpolygon points='8.51 5.04 6.84 0 5.18 5.04 0 4.03 3.46 8 0 11.97 5.18 10.96 6.84 16 8.49 10.96 13.65 11.97 10.25 7.98 13.69 4.01 8.51 5.04'/%3E%3Cpolygon points='30.08 5.04 28.41 0 26.75 5.04 21.57 4.03 25.04 8 21.57 11.97 26.75 10.96 28.41 16 30.06 10.96 35.23 11.97 31.83 7.98 35.27 4.01 30.08 5.04'/%3E%3Cpolygon points='51.67 5.04 49.99 0 48.34 5.04 43.16 4.03 46.62 8 43.16 11.97 48.34 10.96 49.99 16 51.65 10.96 56.8 11.97 53.41 7.98 56.85 4.01 51.67 5.04'/%3E%3Cpolygon points='73.24 5.04 71.58 0 69.91 5.04 64.73 4.03 68.19 8 64.73 11.97 69.91 10.96 71.58 16 73.23 10.96 78.38 11.97 74.98 7.98 78.42 4.01 73.24 5.04'/%3E%3Cpolygon points='94.82 5.04 93.15 0 91.49 5.04 86.31 4.03 89.77 8 86.31 11.97 91.49 10.96 93.15 16 94.8 10.96 99.96 11.97 96.56 7.98 100 4.01 94.82 5.04'/%3E%3C/svg%3E");
}

/******** Section Titles *****************************************************************/
.section-subtitle {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 1.15rem;
  margin-bottom: 0.5rem;
}

.section-title {
  font-family: "hknova", sans-serif;
  font-weight: 700;
}

/******** Text Align *****************************************************************/
.text-xs-left {
  text-align: left !important;
}

.text-xs-center {
  text-align: center !important;
}

.text-xs-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
}
/******** Titles Article *********************************************************/
.category-title {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  margin-bottom: 0.5rem;
}
.article-title span {
  display: block;
  margin: 0 auto;
  font-size: 0.75em;
}

.article-subtitle {
  font-size: 1.15rem;
  line-height: 1.2;
  margin-bottom: 2rem;
  text-wrap: balance;
}
@media screen and (min-width: 768px) {
  .article-subtitle {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

/******** Titles Card ************************************************************/
.card-type,
.trip-type {
  font-family: "hknova", sans-serif;
}

.card-type {
  font-weight: 400;
}

.trip-type {
  font-weight: 500;
  font-size: 1.15rem;
}

.card-ship {
  font-family: "hknova", sans-serif;
  font-weight: 600;
}

.card-title {
  font-family: "hknova", sans-serif;
  font-weight: 700;
}

.card-subtitle {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  text-wrap: balance;
}

.card-route {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  margin-top: 1rem;
}

/******** Prices ***************************************************************/
.card-price,
.trip-price,
.modal-price {
  font-family: "hknova", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
}

/*.card-price span,
.trip-price span,
.modal-price span {
  font-weight:$font-weight-regular;
  font-size:0.875rem;
}*/
.price-instead {
  display: inline-flex;
  align-items: center;
  margin-right: 0.25rem;
  font-weight: 400;
}

.price-badge {
  display: inline-flex;
  align-items: center;
  font-family: "hknova", sans-serif;
  font-weight: 600 !important;
  font-size: 0.875rem;
  color: #ffffff;
  padding: 0.15rem 0.75rem;
  background-color: #a10000;
  border-radius: 1rem;
}

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

.price-wrap > * {
  white-space: nowrap;
}

.price-row {
  display: flex;
  flex-wrap: wrap;
}

.price-txt,
.price-del {
  font-weight: 400 !important;
}

.price {
  font-weight: 600;
}

/******** Font Families ***************************************************************/
.ff-1 {
  font-family: "hknova", sans-serif;
}

.ff-2 {
  font-family: "ptserif", serif;
}

/******** Sizes ******************************************************************/
.small {
  font-size: 0.875rem !important;
}

.xsmall {
  font-size: 0.75rem !important;
}

.size-stnd {
  font-size: 1rem !important;
}

.size-xxl {
  font-size: 2rem !important;
}

.size-xl {
  font-size: 1.5rem !important;
}

.size-lg {
  font-size: 1.25rem !important;
}

.size-md {
  font-size: 1.15rem !important;
}

/******** Weights ***************************************************************/
strong {
  font-weight: 600;
  font-style: normal;
}

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

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

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

.bold {
  font-weight: 700 !important;
}

/******** Alignments ***********************************************************/
.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.details {
  text-align: left !important;
}

.balance {
  text-wrap: balance !important;
}

/******** Quotes ***************************************************************/
.quote {
  font-size: 1.25rem;
  text-wrap: balance;
}

.quote-author {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
}

.quote-author-subline {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
}

/******** Helpers ***************************************************************/
.nobreak {
  white-space: nowrap;
}

.balance {
  text-wrap: balance;
}

/******** Hidden Content *******************************************************/
.d-none {
  display: none;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

/******** Buttons / Links **********************************************************************/
*:focus:not(:focus-visible) {
  outline: none;
}

*:focus-visible {
  outline: 2px dotted currentColor;
  outline-offset: 2px;
}

a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.btn {
  --gta-btn-color: #ffffff;
  --gta-btn-bg: #0D2961;
  --gta-btn-border-color: #0D2961;
  --gta-btn-hover-color: #ffffff;
  --gta-btn-hover-bg: #1F427F;
  --gta-btn-hover-border-color: #1F427F;
  --gta-btn-active-color: #ffffff;
  --gta-btn-active-bg: #1F427F;
  --gta-btn-active-border-color: #1F427F;
  --gta-btn-outline-color: #0D2961;
  display: inline-block;
  padding: 0.375rem 1.3rem;
  font-family: "hknova", sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--gta-btn-color);
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: 2px solid var(--gta-btn-border-color);
  border-radius: 1.5rem;
  background-color: var(--gta-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn:hover {
  color: var(--gta-btn-hover-color);
  background-color: var(--gta-btn-hover-bg);
  border-color: var(--gta-btn-hover-border-color);
}

.btn:focus-visible {
  outline: 2px dotted var(--gta-btn-outline-color);
  outline-offset: 2px;
}

.btn-check:focus-visible + .btn, .btn:focus-visible {
  outline: 2px dotted var(--gta-btn-outline-color);
  outline-offset: 2px;
}

.btn-check:checked + .btn:focus-visible, .btn-check:active + .btn:focus-visible, .btn:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  outline: 2px dotted var(--gta-btn-outline-color);
  outline-offset: 2px;
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.65;
}

.btn-check:checked + .btn,
.btn-check:active + .btn,
.btn:active, .btn.active .btn.show {
  color: var(--gta-btn-active-color);
  background-color: var(--gta-btn-active-bg);
  border-color: var(--gta-btn-active-border-color);
}

.btn-nostate:active, .btn-nostate.active {
  color: var(--gta-btn-color);
  background-color: var(--gta-btn-hover-bg);
  border-color: var(--gta-btn-border-color);
}

.btn-nostate.disabled {
  background-color: var(--gta-btn-hover-bg);
  opacity: 0.45;
}

[data-bs-theme=dark] {
  color-scheme: dark;
}
[data-bs-theme=dark] .btn {
  --gta-btn-color: #F8F9FA;
  --gta-btn-bg: #3C4043;
  --gta-btn-border-color: #3C4043;
  --gta-btn-hover-color: #F8F9FA;
  --gta-btn-hover-bg: #5F6368;
  --gta-btn-hover-border-color: #5F6368;
  --gta-btn-active-color: #F8F9FA;
  --gta-btn-active-bg: #5F6368;
  --gta-btn-active-border-color: #9AA0A6;
  --gta-btn-outline-color: #9AA0A6;
}

.btn.btn-gta,
.category-gta .btn,
.article-gta .btn {
  --gta-btn-color: #ffffff;
  --gta-btn-bg: #0D2961;
  --gta-btn-border-color: #0D2961;
  --gta-btn-hover-color: #ffffff;
  --gta-btn-hover-bg: #1F427F;
  --gta-btn-hover-border-color: #1F427F;
  --gta-btn-active-color: #ffffff;
  --gta-btn-active-bg: #1F427F;
  --gta-btn-active-border-color: #1F427F;
  --gta-btn-outline-color: #0D2961;
}

.btn.btn-gta.btn-link,
.article-gta .btn-link,
.category-gta .btn-link {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  --gta-btn-color: #3f719e;
  --gta-btn-bg: transparent;
  --gta-btn-border-color: transparent;
  --gta-btn-hover-color: #85B4D8;
  --gta-btn-hover-bg: transparent;
  --gta-btn-hover-border-color: transparent;
  --gta-btn-active-color: #85B4D8;
  --gta-btn-active-bg: transparent;
  --gta-btn-active-border-color: transparent;
  --gta-btn-outline-color: #3f719e;
}

.btn.btn-gta.btn-outline,
.category-gta .btn-outline,
.article-gta .btn-outline {
  background-color: transparent;
  --gta-btn-color: #0D2961;
  --gta-btn-hover-color: #1F427F;
}

.btn.btn-gta-neg {
  --gta-btn-color: #0D2961;
  --gta-btn-bg: #ffffff;
  --gta-btn-border-color: #ffffff;
  --gta-btn-hover-color: #0D2961;
  --gta-btn-hover-bg: #e3ebf3;
  --gta-btn-hover-border-color: #e3ebf3;
  --gta-btn-active-color: #e3ebf3;
  --gta-btn-active-bg: #e3ebf3;
  --gta-btn-active-border-color: #e3ebf3;
  --gta-btn-outline-color: #ffffff;
}

.btn.btn-fkf,
.category-fkf .btn,
.article-fkf .btn {
  --gta-btn-color: #ffffff;
  --gta-btn-bg: #3f719e;
  --gta-btn-border-color: #3f719e;
  --gta-btn-hover-color: #ffffff;
  --gta-btn-hover-bg: #5E91B8;
  --gta-btn-hover-border-color: #5E91B8;
  --gta-btn-active-color: #ffffff;
  --gta-btn-active-bg: #5E91B8;
  --gta-btn-active-border-color: #5E91B8;
  --gta-btn-outline-color: #3f719e;
}

.category-fkf .btn-outline,
.article-fkf .btn-outline {
  background-color: transparent;
  --gta-btn-color: #3f719e;
  --gta-btn-hover-color: #5E91B8;
}

.btn.btn-fkf-neg {
  --gta-btn-color: #3f719e;
  --gta-btn-bg: #ffffff;
  --gta-btn-border-color: #ffffff;
  --gta-btn-hover-color: #3f719e;
  --gta-btn-hover-bg: #EDF4F9;
  --gta-btn-hover-border-color: #EDF4F9;
  --gta-btn-active-color: #EDF4F9;
  --gta-btn-active-bg: #EDF4F9;
  --gta-btn-active-border-color: #EDF4F9;
  --gta-btn-outline-color: #ffffff;
}

.btn.btn-fkf.btn-link,
.article-fkf .btn-link,
.category-fkf .btn-link {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  --gta-btn-color: #3f719e;
  --gta-btn-bg: transparent;
  --gta-btn-border-color: transparent;
  --gta-btn-hover-color: #85B4D8;
  --gta-btn-hover-bg: transparent;
  --gta-btn-hover-border-color: transparent;
  --gta-btn-active-color: #85B4D8;
  --gta-btn-active-bg: transparent;
  --gta-btn-active-border-color: transparent;
  --gta-btn-outline-color: #3f719e;
}

.btn.btn-hkf,
.category-hkf .btn,
.article-hkf .btn {
  --gta-btn-color: #ffffff;
  --gta-btn-bg: #00688D;
  --gta-btn-border-color: #00688D;
  --gta-btn-hover-color: #ffffff;
  --gta-btn-hover-bg: #098AAD;
  --gta-btn-hover-border-color: #098AAD;
  --gta-btn-active-color: #ffffff;
  --gta-btn-active-bg: #098AAD;
  --gta-btn-active-border-color: #098AAD;
  --gta-btn-outline-color: #00688D;
}

.category-hkf .btn-outline,
.article-hkf .btn-outline {
  background-color: transparent;
  --gta-btn-color: #00688D;
  --gta-btn-hover-color: #098AAD;
}

.btn.btn-hkf-neg {
  --gta-btn-color: #00688D;
  --gta-btn-bg: #ffffff;
  --gta-btn-border-color: #ffffff;
  --gta-btn-hover-color: #00688D;
  --gta-btn-hover-bg: #E1F2F7;
  --gta-btn-hover-border-color: #E1F2F7;
  --gta-btn-active-color: #E1F2F7;
  --gta-btn-active-bg: #E1F2F7;
  --gta-btn-active-border-color: #E1F2F7;
  --gta-btn-outline-color: #ffffff;
}

.btn.btn-hkf.btn-link,
.article-hkf .btn-link,
.category-hkf .btn-link {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  --gta-btn-color: #00688D;
  --gta-btn-bg: transparent;
  --gta-btn-border-color: transparent;
  --gta-btn-hover-color: #38AECE;
  --gta-btn-hover-bg: transparent;
  --gta-btn-hover-border-color: transparent;
  --gta-btn-active-color: #38AECE;
  --gta-btn-active-bg: transparent;
  --gta-btn-active-border-color: transparent;
  --gta-btn-outline-color: #00688D;
}

.btn.btn-rr,
.article-rr .btn,
.category-rr .btn {
  --gta-btn-color: #ffffff;
  --gta-btn-bg: #39601B;
  --gta-btn-border-color: #39601B;
  --gta-btn-hover-color: #ffffff;
  --gta-btn-hover-bg: #4F7A2A;
  --gta-btn-hover-border-color: #4F7A2A;
  --gta-btn-active-color: #ffffff;
  --gta-btn-active-bg: #4F7A2A;
  --gta-btn-active-border-color: #4F7A2A;
  --gta-btn-outline-color: #39601B;
}

.category-rr .btn-outline,
.article-rr .btn-outline {
  background-color: transparent;
  --gta-btn-color: #39601B;
  --gta-btn-hover-color: #4F7A2A;
}

.btn.btn-rr-neg {
  --gta-btn-color: #39601B;
  --gta-btn-bg: #ffffff;
  --gta-btn-border-color: #ffffff;
  --gta-btn-hover-color: #39601B;
  --gta-btn-hover-bg: #EDF3E6;
  --gta-btn-hover-border-color: #EDF3E6;
  --gta-btn-active-color: #EDF3E6;
  --gta-btn-active-bg: #EDF3E6;
  --gta-btn-active-border-color: #EDF3E6;
  --gta-btn-outline-color: #ffffff;
}

.btn.btn-rr.btn-link,
.article-rr .btn-link,
.category-rr .btn-link {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  --gta-btn-color: #39601B;
  --gta-btn-bg: transparent;
  --gta-btn-border-color: transparent;
  --gta-btn-hover-color: #88AC58;
  --gta-btn-hover-bg: transparent;
  --gta-btn-hover-border-color: transparent;
  --gta-btn-active-color: #88AC58;
  --gta-btn-active-bg: transparent;
  --gta-btn-active-border-color: transparent;
  --gta-btn-outline-color: #39601B;
}

.btn-input-check {
  font-weight: 500;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 0.375rem 0.5rem;
  white-space: nowrap;
  --gta-btn-color: #17181B !important;
  --gta-btn-bg: #ffffff !important;
  --gta-btn-border-color: #BDC1C6 !important;
  --gta-btn-hover-color: #17181B !important;
  --gta-btn-hover-bg: #F1F3F4 !important;
  --gta-btn-hover-border-color: #BDC1C6 !important;
  --gta-btn-active-color: #ffffff !important;
  --gta-btn-active-bg: #4F7A2A !important;
  --gta-btn-active-border-color: #4F7A2A !important;
  --gta-btn-outline-color: #9AA0A6 !important;
}

.btn-addon {
  padding: 0.375rem 1rem;
  border-width: 1px;
  --gta-btn-color: #17181B !important;
  --gta-btn-bg: #ffffff !important;
  --gta-btn-border-color: #BDC1C6 !important;
  --gta-btn-hover-color: #17181B !important;
  --gta-btn-hover-bg: #F1F3F4 !important;
  --gta-btn-hover-border-color: #BDC1C6 !important;
  --gta-btn-active-color: #17181B !important;
  --gta-btn-active-bg: #DADCE0 !important;
  --gta-btn-active-border-color: #DADCE0 !important;
  --gta-btn-outline-color: #9AA0A6 !important;
}

.btn-social {
  padding: 0.375rem 1rem;
  border-width: 1px;
  --gta-btn-color: #17181B;
  --gta-btn-bg: #ffffff;
  --gta-btn-border-color: #DADCE0;
  --gta-btn-hover-color: #17181B;
  --gta-btn-hover-bg: #F1F3F4;
  --gta-btn-hover-border-color: #DADCE0;
  --gta-btn-active-color: #17181B;
  --gta-btn-active-bg: #DADCE0;
  --gta-btn-active-border-color: #DADCE0;
  --gta-btn-outline-color: #9AA0A6;
}

[data-bs-theme=dark] {
  color-scheme: dark;
}
[data-bs-theme=dark] .btn.btn-link {
  padding: 0 !important;
  border-radius: 0.25rem !important;
  --gta-btn-color: #BDC1C6;
  --gta-btn-bg: transparent;
  --gta-btn-border-color: transparent;
  --gta-btn-hover-color: #ffffff;
  --gta-btn-hover-bg: transparent;
  --gta-btn-hover-border-color: transparent;
  --gta-btn-active-color: #ffffff;
  --gta-btn-active-bg: transparent;
  --gta-btn-active-border-color: transparent;
  --gta-btn-outline-color: #F8F9FA;
}
[data-bs-theme=dark] .btn-input-check {
  font-weight: 500;
  border-radius: 0.5rem;
  border-width: 1px;
  padding: 0.375rem 0.5rem;
  white-space: nowrap;
  --gta-btn-color: #F8F9FA !important;
  --gta-btn-bg: #3C4043 !important;
  --gta-btn-border-color: #5F6368 !important;
  --gta-btn-hover-color: #F8F9FA !important;
  --gta-btn-hover-bg: #5F6368 !important;
  --gta-btn-hover-border-color: #5F6368 !important;
  --gta-btn-active-color: #F8F9FA !important;
  --gta-btn-active-bg: #4F7A2A !important;
  --gta-btn-active-border-color: #4F7A2A !important;
  --gta-btn-outline-color: #9AA0A6 !important;
}
[data-bs-theme=dark] .btn-addon {
  padding: 0.375rem 1rem;
  border-width: 1px;
  --gta-btn-color: #F8F9FA !important;
  --gta-btn-bg: #3C4043 !important;
  --gta-btn-border-color: #5F6368 !important;
  --gta-btn-hover-color: #F8F9FA !important;
  --gta-btn-hover-bg: #5F6368 !important;
  --gta-btn-hover-border-color: #5F6368 !important;
  --gta-btn-active-color: #F8F9FA !important;
  --gta-btn-active-bg: #5F6368 !important;
  --gta-btn-active-border-color: #9AA0A6 !important;
  --gta-btn-outline-color: #9AA0A6 !important;
}
[data-bs-theme=dark] .btn-social {
  padding: 0.375rem 1rem;
  border-width: 1px;
  --gta-btn-color: #17181B-dark;
  --gta-btn-bg: #3C4043;
  --gta-btn-border-color: #5F6368;
  --gta-btn-hover-color: #F8F9FA;
  --gta-btn-hover-bg: #5F6368;
  --gta-btn-hover-border-color: #5F6368;
  --gta-btn-active-color: #F8F9FA;
  --gta-btn-active-bg: #5F6368;
  --gta-btn-active-border-color: #9AA0A6;
  --gta-btn-outline-color: #9AA0A6;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 2rem;
  font-size: 1rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 1rem;
  font-size: 0.75rem;
}

.btn-sm.btn-input-check {
  padding: 0.25rem 0.5rem;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.5rem;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
/******** Button Custom *******************************************************************************/
.btn.icon:before {
  font-size: inherit;
  font-weight: normal;
}

.btn-block {
  display: block;
}

.btn.icon:before {
  font-family: "icons", sans-serif;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: -0.125em;
}

.btn-addon.icon:before {
  margin-right: 0;
}

.btn-system {
  border-radius: 0.5rem;
}

.btn-system[aria-expanded=true] {
  color: var(--gta-btn-active-color);
  background-color: var(--gta-btn-active-bg);
  border-color: var(--gta-btn-active-border-color);
}

.btn-min-width {
  width: 7rem;
}

/******** Button Spinner ******************************************************************************/
@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.spinner {
  display: block;
  float: left;
  margin-top: 0.25rem;
  margin-right: 0.625rem;
  width: 1rem;
  height: 1rem;
  vertical-align: text-bottom;
  border: 0.2em solid var(--gta-btn-color);
  border-right-color: var(--gta-btn-color);
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.85s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}

.btn-icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-radius: 100%;
  padding: 0;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-icon-sm {
  width: 2rem;
  height: 2rem;
}

.btn-icon:before {
  font-family: "icons", sans-serif;
  font-size: 1rem;
}

.btn-icon.loggedin:after {
  content: "";
  position: absolute;
  top: -0.1rem;
  right: -0.15rem;
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 100%;
  border: 2px solid var(--gta-header-bg-color);
  background-color: var(--gta-header-loggedin-color);
}

.btn-icon.close {
  color: #ffffff;
}

/******** Btn Filled ***************************************************************************/
.btn-icon.btn-filled {
  color: var(--gta-header-btn-filled-color);
  background-color: var(--gta-header-btn-filled-bg-color);
}

.btn-icon.btn-filled:focus-visible {
  outline: 2px dotted var(--gta-header-btn-filled-focus-color);
  outline-offset: 2px;
}

.btn-icon.btn-filled:hover,
.btn-icon.btn-filled.show,
.btn-icon.btn-filled[aria-expanded=true] {
  background-color: var(--gta-header-btn-filled-bg-color-active);
}

.category-fkf .btn-icon.btn-filled {
  color: #ffffff;
  background-color: #85B4D8;
}

.category-fkf .btn-icon.btn-filled:focus-visible {
  outline: 2px dotted #85B4D8;
  outline-offset: 2px;
}

.category-fkf .btn-icon.btn-filled:hover {
  color: #ffffff;
  background-color: #5E91B8;
}

.category-rr .btn-icon.btn-filled {
  color: #ffffff;
  background-color: #88AC58;
}

.category-rr.btn-icon.btn-filled:focus-visible {
  outline: 2px dotted #88AC58;
  outline-offset: 2px;
}

.category-rr .btn-icon.btn-filled:hover {
  color: #ffffff;
  background-color: #4F7A2A;
}

.category-hkf .btn-icon.btn-filled {
  color: #ffffff;
  background-color: #38AECE;
}

.category-hkf.btn-icon.btn-filled:focus-visible {
  outline: 2px dotted #38AECE;
  outline-offset: 2px;
}

.category-hkf .btn-icon.btn-filled:hover {
  color: #ffffff;
  background-color: #098AAD;
}

/******** Btn Transparent **********************************************************************/
.btn-icon.btn-trans {
  color: var(--gta-header-btn-trans-color);
  background-color: var(--gta-header-btn-trans-bg-color);
}

.btn-icon.btn-trans:focus-visible {
  outline: 2px dotted var(--gta-header-btn-trans-focus-color);
  outline-offset: 2px;
}

.btn-icon.btn-trans:hover,
.btn-icon.btn-trans.show,
.btn-icon.btn-trans[aria-expanded=true] {
  background-color: var(--gta-header-btn-trans-bg-color-active);
}

/******** Btn Icons ***************************************************************************/
.btn-icon.settings:before {
  content: "\e93a";
}

.btn-icon.contact:before {
  content: "\e919";
}

.btn-icon.search:before {
  content: "\e909";
}

.btn-icon.login:before {
  content: "\e907";
}

.btn-icon.menu:before {
  content: "\e93b";
}

.btn-icon.edit:before {
  content: "\e921";
}

.btn-icon.filter:before {
  content: "\e93a";
}

/******** Btn Close ***************************************************************************/
.btn-icon.close {
  color: #17181B;
  background-color: #ffffff;
}

.btn-icon.close:focus-visible {
  outline: 2px dotted #17181B;
  outline-offset: 2px;
}

.btn-icon.close:hover {
  background-color: rgba(255, 255, 255, 0.75);
}

.btn-icon.close:before {
  content: "\e946";
  font-size: 1.15rem;
}

/******** Btn Remove ***************************************************************************/
.btn-icon.remove {
  color: #17181B;
  background-color: #ffffff;
}

.btn-icon.remove:before {
  content: "\e946";
  font-size: 1.15rem;
}

/******** Btn Zoom ***************************************************************************/
.btn-icon.zoom,
.btn-icon.download {
  color: #ffffff !important;
  background-color: rgba(23, 24, 27, 0.85);
}

.btn-icon.zoom:focus-visible,
.btn-icon.download:focus-visible {
  outline: 1px dotted #ffffff;
  outline-offset: 2px;
}

.btn-icon.zoom:hover,
.btn-icon.download:hover {
  background-color: #3C4043;
}

.btn-icon.zoom:before {
  content: "\e949";
  font-size: 1.15rem;
}

.btn-icon.download:before {
  content: "\e942";
  font-size: 0.75rem;
}

/******** Icons ******************************************************************************/
.icon:before {
  font-family: "icons", sans-serif;
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
  vertical-align: -0.125em;
}

.icon-link.icon:before {
  margin-right: 0.5rem;
  font-size: inherit;
}

.icon-fkf:before {
  content: "\e90b";
}

.icon-fkf-circle:before {
  content: "\e90d";
}

.icon-hkf:before {
  content: "\e90a";
}

.icon-hkf-circle:before {
  content: "\e90c";
}

.icon-rr:before {
  content: "\e927";
}

.icon-river:before {
  content: "\e91b";
}

.icon-globe:before {
  content: "\e91a";
}

.icon-flight:before {
  content: "\e91d";
}

.icon-rr-circle:before {
  content: "\e91c";
}

.icon-anchor:before {
  content: "\e932";
}

.icon-calendar:before {
  content: "\e926";
}

.icon-calendar-circle:before {
  content: "\e925";
}

.icon-wallet:before {
  content: "\e900";
}

.icon-pin:before {
  content: "\e914";
}

.icon-pin-circle:before {
  content: "\e913";
}

.icon-search:before {
  content: "\e909";
}

.icon-facebook:before {
  content: "\e937";
}

.icon-instagram:before {
  content: "\e938";
}

.icon-youtube:before {
  content: "\e939";
}

.icon-headset:before {
  content: "\e919";
}

.icon-email:before {
  content: "\e920";
}

.icon-package:before {
  content: "\e929";
}

.icon-bed:before {
  content: "\e918";
}

.icon-plus:before {
  content: "\e910";
}

.icon-plus-stnd:before {
  content: "\e947";
}

.icon-menu:before {
  content: "\e93b";
}

.icon-eye:before {
  content: "\e94e";
}

.icon-eye-slash:before {
  content: "\e94f";
}

.icon-passkey:before {
  content: "\e94d";
}

.icon-user:before {
  content: "\e907";
}

.icon-user-lock:before {
  content: "\e905";
}

.icon-user-plus:before {
  content: "\e904";
}

.icon-file:before {
  content: "\e91e";
}

.icon-double:before {
  content: "\e906";
}

.icon-single:before {
  content: "\e903";
}

.icon-phone:before {
  content: "\e93e";
}

.icon-check:before {
  content: "\e912";
}

.icon-circle:before {
  content: "\e951";
}

.icon-travel:before {
  content: "\e958";
}

.icon-filter:before {
  content: "\e93a";
}

.icon-remove:before {
  content: "\e946";
}

/******** Icon Items ************************************************************************/
.icon-items {
  display: flex;
  position: relative;
  list-style: none;
  margin: 0;
}

.icon-items.icon-size-regular {
  --icon-item-size:40px;
  --icon-font-size:1.25em;
}

.icon-items.icon-size-small {
  --icon-item-size:30px;
  --icon-font-size:0.85em;
}

.icon-items.icon-items-neg li span {
  color: #ffffff;
}

.card-fkf .icon-items.icon-items-neg li {
  background-color: #85B4D8;
}

.card-hkf .icon-items.icon-items-neg li {
  background-color: #38AECE;
}

.card-rr .icon-items.icon-items-neg li {
  background-color: #88AC58;
}

.icon-items.icon-items-pos li {
  background-color: #ffffff;
}

.card-fkf .icon-items.icon-items-pos li span {
  color: #3f719e;
}

.card-hkf .icon-items.icon-items-pos li span {
  color: #00688D;
}

.card-rr .icon-items.icon-items-pos li span {
  color: #39601B;
}

.icon-items li {
  position: relative;
  z-index: 1;
  margin-left: -5px;
  width: var(--icon-item-size);
  height: var(--icon-item-size);
  border-radius: 50%;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: calc(var(--icon-item-size) - 8px) 50%, 100% 100%;
  -webkit-mask-size: var(--icon-item-size) var(--icon-item-size), 100% 100%;
  -webkit-mask-composite: exclude;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
  mask-repeat: no-repeat;
  mask-position: calc(var(--icon-item-size) - 8px) 50%, 100% 100%;
  mask-size: var(--icon-item-size) var(--icon-item-size), 100% 100%;
  mask-composite: exclude;
}

.icon-items li:first-child {
  margin-left: 0;
}

.icon-items li:last-child {
  -webkit-mask-image: none;
  mask-image: none;
}

.icon-items li span:before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--icon-item-size);
  height: var(--icon-item-size);
  font-family: "icons", sans-serif;
  font-size: var(--icon-font-size);
}

.icon-items li span.flight:before {
  content: "\e91d";
}

.icon-items li span.bus:before {
  content: "\e927";
}

.icon-items li span.ship:before {
  content: "\e90b";
}

.icon-items li span.oceanship:before {
  content: "\e90a";
}

.icon-items li span.train:before {
  content: "\e93f";
}

.dtl {
  padding: 0.25rem 0.5rem;
}

/******** Toggle ************************************************************************/
.btn-toggle {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--gta-clr-grey);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
}

.btn-toggle:before {
  font-family: "icons", sans-serif;
  font-weight: normal;
  display: inline-block;
  vertical-align: -0.1em;
  color: currentcolor;
  margin-right: 5px;
}

.btn-toggle.collapsed:before {
  content: "\e947";
}

.btn-toggle:before {
  content: "\e948";
}

/******** Pills ************************************************************************/
.pill {
  display: inline-block;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.25rem 0.75rem;
  text-align: center;
  white-space: nowrap;
  border-radius: 1.5rem;
  background-color: transparent;
}

.pill.pill-fkf,
.article-fkf .pill {
  color: var(--gta-pill-fkf-color);
  border: 1px solid var(--gta-pill-fkf-color);
}

.pill.pill-hkf,
.article-hkf .pill {
  color: var(--gta-pill-hkf-color);
  border: 1px solid var(--gta-pill-hkf-color);
}

.pill.pill-rr,
.article-rr .pill {
  color: var(--gta-pill-rr-color);
  border: 1px solid var(--gta-pill-rr-color);
}

/******** Scroll Top ************************************************************************/
#scrolltop {
  display: inline-block;
  color: var(--gta-btn-top-color);
  background-color: var(--gta-btn-top-bg);
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  border: 0;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  text-align: center;
  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
  margin: 0;
  padding: 0;
  z-index: 10;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
}

#scrolltop:before {
  font-family: "icons", sans-serif;
  font-weight: normal;
  content: "\e943";
  font-size: 0.75rem;
  line-height: 2.5rem;
  text-align: center;
}

#scrolltop.active {
  opacity: 1;
  visibility: visible;
}

/******** Header ******************************************************************************/
header {
  width: 100%;
  z-index: 1030;
  padding-right: calc(var(--gta-gutter-x) * 0.5);
  padding-left: calc(var(--gta-gutter-x) * 0.5);
}

.header {
  max-width: 1500px;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  height: var(--gta-header-height);
  padding-right: calc(var(--gta-gutter-x) * 0.5);
  padding-left: calc(var(--gta-gutter-x) * 0.5);
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: var(--gta-header-bg-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  box-shadow: var(--gta-header-box-shadow);
}

.brand {
  display: block;
  height: 50px;
  width: 100px;
  color: var(--gta-header-btn-filled-color);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: var(--gta-brand-image);
}

@media (min-width: 992px) {
  .modal-open header {
    width: calc(100% - 15px);
  }
  header {
    position: fixed;
    padding-right: var(--gta-gutter-x);
    padding-left: var(--gta-gutter-x);
  }
  .header {
    padding-right: var(--gta-gutter-x);
    padding-left: var(--gta-gutter-x);
  }
  .brand {
    height: 70px;
    width: 140px;
  }
}
/******** Menu ********************************************************************************/
/******** Button List *******************************************************************************/
.btn-list {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: row;
}

.btn-list li {
  position: static;
  display: flex;
  align-items: center;
  margin-left: 0.3rem;
}

.btn-list li:first-child {
  margin-left: 0;
}

.btn-list .agency-num {
  position: absolute;
  bottom: -0.6rem;
  width: 4rem;
  margin-left: -0.75rem;
  font-size: 0.75rem;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  text-align: center;
  padding: 0.1rem 0;
  color: var(--gta-clr-white);
  background-color: var(--gta-clr-gta-300);
  border-radius: 1rem;
  z-index: 1000;
}

@media (min-width: 992px) {
  .btn-list {
    height: var(--gta-header-height-lg);
  }
  .btn-list-item-menu {
    display: none !important;
  }
}
.btn-list .dropdown-menu {
  background-color: transparent;
  box-shadow: none;
  position: absolute;
  width: 100%;
  margin: 0 !important;
}

.btn-list .dropdown-menu-min,
.btn-list .dropdown-menu-max {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

.btn-list .dropdown-menu-content {
  border-radius: 0.625rem;
  background-color: var(--gta-menu-main-bg-color);
  box-shadow: var(--gta-menu-box-shadow);
}

.btn-list .dropdown-body .img-icon {
  width: 150px;
  height: 150px;
  margin: 0 auto 1rem auto;
}

.btn-list .dropdown-body .switch-toggle {
  width: 170px;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .btn-list .dropdown-menu {
    position: fixed;
    padding-right: var(--gta-gutter-x);
    padding-left: var(--gta-gutter-x);
  }
  .modal-open .btn-list .dropdown-menu {
    width: calc(100% - 15px);
  }
  .btn-list .dropdown-menu-content {
    overflow-y: auto;
    max-height: calc(100vh - (var(--gta-header-height) + 17px));
  }
}
@media (min-width: 576px) {
  .btn-list .dropdown-menu-min .dropdown-menu-content {
    width: 300px;
    max-width: 300px;
    margin: 0 0 0 auto;
  }
  .btn-list .dropdown-menu-max .dropdown-menu-content {
    margin: 0 auto;
  }
}
/******** Main Menu Defaults **************************************************************************/
#menu-main {
  display: none;
  position: absolute;
  top: calc(var(--gta-header-height) + 7px);
  left: 0;
  right: 0;
  border-radius: 0.625rem;
  background-color: var(--gta-menu-main-bg-color);
  box-shadow: var(--gta-menu-box-shadow);
}

#menu-main.show {
  display: block;
}

#menu-main ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
}

#menu-main > ul {
  padding: 0 1rem;
}

#menu-main a,
#menu-main button {
  display: block;
  position: relative;
  width: 100%;
  padding: 0.25rem 0;
  border-radius: 0.25rem;
  border: 0;
  text-decoration: none;
  text-align: left;
  background-color: transparent;
}

/******** Main Menu Level 1 *************************************************************************/
#menu-main .level1 {
  padding: 0.75rem 0;
  border-top: 1px solid var(--gta-menu-main-item-border);
}

#menu-main .level1:first-child {
  border-top: 0;
}

#menu-main .level1 > a,
#menu-main .level1 > button {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  color: var(--gta-menu-main-item-level1-color);
  font-size: 1.15rem;
}

#menu-main .level1 > button {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

#menu-main .level1 > button:after {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.1em;
  display: inline-block;
  content: "";
  border-top: 0.3em solid var(--gta-menu-main-item-arrow);
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

#menu-main .level1 > button.show:after {
  border-top: 0;
  border-bottom: 0.3em solid var(--gta-menu-main-item-arrow);
}

#menu-main .level1 .dropdown-menu {
  position: static;
  background-color: transparent;
  box-shadow: none;
}

/******** Main Menu Level 2 *************************************************************************/
#menu-main .level2 > a {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  display: flex;
  align-items: center;
}

#menu-main .level1.gta .level2 > a {
  color: var(--gta-menu-main-item-level2-color-gta);
}

#menu-main .level1.fkf .level2 > a {
  color: var(--gta-menu-main-item-level2-color-fkf);
}

#menu-main .level1.hkf .level2 > a {
  color: var(--gta-menu-main-item-level2-color-hkf);
}

#menu-main .level1.rr .level2 > a {
  color: var(--gta-menu-main-item-level2-color-rr);
}

/******** Main Menu Level 3 *************************************************************************/
#menu-main .level3 > a {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  color: var(--gta-menu-main-item-level3-color);
  font-size: 0.875rem;
  display: flex;
  align-items: center;
}

/******** Main Menu Section *************************************************************************/
#menu-main .dropdown-menu-section {
  margin-bottom: 0.5rem;
  padding: 0.75rem;
  border-radius: 0.5rem;
}

#menu-main .level1.gta .dropdown-menu-section {
  background-color: var(--gta-menu-main-section-bg-gta);
}

#menu-main .level1.fkf .dropdown-menu-section {
  background-color: var(--gta-menu-main-section-bg-fkf);
}

#menu-main .level1.hkf .dropdown-menu-section {
  background-color: var(--gta-menu-main-section-bg-hkf);
}

#menu-main .level1.rr .dropdown-menu-section {
  background-color: var(--gta-menu-main-section-bg-rr);
}

@media (min-width: 992px) {
  /******** Main Menu Defaults Desktop ***************************************************************/
  #menu-main.show {
    display: flex;
  }
  #menu-main {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    display: flex !important;
    justify-content: center;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent !important;
  }
  #menu-main > ul {
    flex-direction: row;
    padding: 0;
  }
  #menu-main .dropdown-menu-content {
    width: 100%;
    max-width: 1500px;
    display: flex;
    margin: 0 auto;
    padding: 2rem 1rem 2rem 1rem;
    overflow-y: auto;
    max-height: calc(100vh - (var(--gta-header-height) + 17px));
    border-radius: 0.625rem;
    background-color: var(--gta-menu-main-bg-color);
    box-shadow: var(--gta-menu-box-shadow);
  }
  /******** Main Menu Level 1 Desktop ****************************************************************/
  #menu-main .level1 {
    position: static;
    padding: 0;
    margin: 0 0.25rem;
    border-top: 0;
  }
  #menu-main .level1 .dropdown-menu {
    position: fixed;
    width: 100%;
    margin: 0;
    padding-right: var(--gta-gutter-x);
    padding-left: var(--gta-gutter-x);
  }
  #menu-main .level1 > a,
  #menu-main .level1 > button {
    display: flex;
    align-items: center;
    font-size: 0.8rem;
    padding: 0;
    border-radius: 0;
    border-bottom: 4px solid transparent;
    height: var(--gta-header-height);
    transition: border 0.15s ease-in-out;
  }
  #menu-main .level1 > button:after {
    display: none;
  }
  #menu-main .level1.gta > a:hover,
  #menu-main .level1.gta > button:hover,
  #menu-main .level1.gta > button.show,
  #menu-main .level1.gta.active > a,
  #menu-main .level1.gta.active > button {
    border-bottom: 4px solid var(--gta-menu-main-item-level2-color-gta);
  }
  #menu-main .level1.fkf > a:hover,
  #menu-main .level1.fkf > button:hover,
  #menu-main .level1.fkf > button.show,
  #menu-main .level1.fkf.active > a,
  #menu-main .level1.fkf.active > button {
    border-bottom: 4px solid var(--gta-menu-main-item-level2-color-fkf);
  }
  #menu-main .level1.hkf > a:hover,
  #menu-main .level1.hkf > button:hover,
  #menu-main .level1.hkf > button.show,
  #menu-main .level1.hkf.active > a,
  #menu-main .level1.hkf.active > button {
    border-bottom: 4px solid var(--gta-menu-main-item-level2-color-hkf);
  }
  #menu-main .level1.rr > a:hover,
  #menu-main .level1.rr > button:hover,
  #menu-main .level1.rr > button.show,
  #menu-main .level1.rr.active > a,
  #menu-main .level1.rr.active > button {
    border-bottom: 4px solid var(--gta-menu-main-item-level2-color-rr);
  }
  /******** Main Menu Level 2/3 *************************************************************************/
  #menu-main .level2 > a,
  #menu-main .level3 > a {
    padding: 0.25rem;
    position: relative;
    transition: background-color 0.15s ease-in-out;
  }
  #menu-main .level2 > a:after,
  #menu-main .level3 > a:after {
    font-family: "icons", sans-serif;
    font-size: 0.5rem;
    content: "\e930";
    position: absolute;
    right: 0.5rem;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
  }
  #menu-main .level2 > a:hover:after,
  #menu-main .level3 > a:hover:after {
    opacity: 1;
  }
  #menu-main .level1.gta .level2 > a:hover,
  #menu-main .level1.gta .level3 > a:hover {
    background-color: var(--gta-menu-main-item-hover-bg-gta);
  }
  #menu-main .level1.fkf .level2 > a:hover,
  #menu-main .level1.fkf .level3 > a:hover {
    background-color: var(--gta-menu-main-item-hover-bg-fkf);
  }
  #menu-main .level1.hkf .level2 > a:hover,
  #menu-main .level1.hkf .level3 > a:hover {
    background-color: var(--gta-menu-main-item-hover-bg-hkf);
  }
  #menu-main .level1.rr .level2 > a:hover,
  #menu-main .level1.rr .level3 > a:hover {
    background-color: var(--gta-menu-main-item-hover-bg-rr);
  }
  /******** Main Menu Section Desktop *************************************************************************/
  #menu-main .level1 .dropdown-menu-section:first-child {
    border-left: 0 !important;
  }
  #menu-main .level1 .dropdown-menu-section {
    width: 25%;
    padding: 0 1rem 0 1rem;
    border-radius: 0;
    background-color: transparent !important;
  }
  #menu-main .level1.gta .dropdown-menu-section {
    border-left: 1px solid var(--gta-menu-main-section-border-gta);
  }
  #menu-main .level1.fkf .dropdown-menu-section {
    border-left: 1px solid var(--gta-menu-main-section-border-fkf);
  }
  #menu-main .level1.hkf .dropdown-menu-section {
    border-left: 1px solid var(--gta-menu-main-section-border-hkf);
  }
  #menu-main .level1.rr .dropdown-menu-section {
    border-left: 1px solid var(--gta-menu-main-section-border-rr);
  }
}
@media (min-width: 1200px) {
  #menu-main .level1 {
    margin: 0 0.5rem;
  }
  #menu-main .level1 > a,
  #menu-main .level1 > button {
    font-size: 1rem;
  }
}
/******** Menu Section ***************************************************************************/
.menu-section-overflow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  overflow-x: scroll;
  overflow-y: hidden;
  height: 4.375rem;
  margin: 0 auto;
  border-radius: 0.625rem;
}

.is-sticky .menu-section-overflow {
  background-color: var(--gta-menu-section-bg-color);
  padding-right: calc(var(--gta-gutter-x) * 0.5);
  padding-left: calc(var(--gta-gutter-x) * 0.5);
  max-width: 1500px;
  box-shadow: var(--gta-menu-box-shadow);
}

#menu-section > ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  margin-left: 0;
  margin-bottom: 0;
}

#menu-section li {
  list-style: none;
}

#menu-section li a {
  display: inline-block;
  white-space: nowrap;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-right: 0.25rem;
  background-color: transparent;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (min-width: 992px) {
  .menu-section-overflow {
    overflow-x: hidden;
  }
}
@media (min-width: 1200px) {
  .menu-section-overflow {
    max-width: calc(1140px - var(--gta-gutter-x) * 2);
  }
  .is-sticky .menu-section-overflow {
    padding-right: calc(var(--gta-gutter-x) * 1);
    padding-left: calc(var(--gta-gutter-x) * 1);
  }
}
@media (min-width: 1400px) {
  .menu-section-overflow {
    max-width: calc(1320px - var(--gta-gutter-x) * 2);
  }
}
.article-gta #menu-section li a {
  color: var(--gta-menu-section-item-color-gta);
}

.article-fkf #menu-section li a {
  color: var(--gta-menu-section-item-color-fkf);
}

.article-hkf #menu-section li a {
  color: var(--gta-menu-section-item-color-hkf);
}

.article-rr #menu-section li a {
  color: var(--gta-menu-section-item-color-rr);
}

.article-gta #menu-section li a.active,
.article-gta #menu-section li a:hover {
  background-color: var(--gta-menu-main-item-hover-bg-gta);
}

.article-fkf #menu-section li a.active,
.article-fkf #menu-section li a:hover {
  background-color: var(--gta-menu-main-item-hover-bg-fkf);
}

.article-hkf #menu-section li a.active,
.article-hkf #menu-section li a:hover {
  background-color: var(--gta-menu-main-item-hover-bg-hkf);
}

.article-rr #menu-section li a.active,
.article-rr #menu-section li a:hover {
  background-color: var(--gta-menu-main-item-hover-bg-rr);
}

/******** Menu Account Mobile ***************************************************************************/
.menu-account ul {
  margin: 0;
}

.menu-account li {
  list-style: none;
  display: block !important;
  margin-left: 0 !important;
}

.menu-account a {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  text-align: left;
  display: block !important;
  padding: 0.33rem 1rem 0.33rem 0.5rem;
  margin-bottom: 3px;
  position: relative;
  border-radius: 0.25rem;
  border: 0;
  text-decoration: none;
  color: var(--gta-menu-account-item-color);
  background-color: var(--gta-menu-account-item-bg);
}

.menu-account a:after {
  font-family: "icons", sans-serif;
  font-size: 0.5rem;
  content: "\e930";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}

.menu-account a:hover,
.menu-account .active a {
  background-color: var(--gta-menu-account-item-bg-hover);
}

/******** Menu Account Desktop ********************************************************************/
.menu-account-desktop {
  display: none;
  position: sticky;
  top: calc(var(--gta-header-height) + 7px);
  z-index: 1025;
  border-radius: 0.625rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-right: calc(var(--gta-gutter-x) * 1);
  padding-left: calc(var(--gta-gutter-x) * 1);
  margin-right: calc(var(--gta-gutter-x) * 1);
  margin-left: calc(var(--gta-gutter-x) * 1);
}

.menu-account-desktop.is-sticky {
  background-color: var(--gta-menu-section-bg-color);
  box-shadow: var(--gta-menu-box-shadow);
}

@media (min-width: 1548px) {
  .menu-account-desktop {
    max-width: 1500px;
    margin: 0 auto;
  }
}
@media (min-width: 992px) {
  .menu-account-desktop {
    display: block;
  }
}
.menu-account-desktop > ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  margin-left: 0;
  margin-bottom: 0;
}

.menu-account-desktop li {
  list-style: none;
}

.menu-account-desktop li a {
  display: inline-block;
  white-space: nowrap;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  text-decoration: none;
  font-size: 1rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0.75rem;
  margin-right: 0.25rem;
  color: var(--gta-menu-account-item-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

.menu-account-desktop .active a,
.menu-account-desktop li a:hover {
  background-color: var(--gta-menu-account-item-bg);
}

/******** Main ********************************************************************************/
.hero-item {
  --hero-item-height:600px;
  width: 100;
  height: calc(var(--hero-item-height) + 4.375rem);
  position: relative;
  padding-bottom: 2rem;
}

.hero-item-img .img-cover {
  height: var(--hero-item-height);
}

.hero-item-content {
  width: 100;
  position: absolute !important;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}

@media (min-width: 768px) {
  .hero-item {
    --hero-item-height:700px;
  }
}
.category-hero-img {
  --hero-item-height:600px;
  width: 100;
  position: relative;
  height: var(--hero-item-height);
}

.category-hero-img .img-cover {
  height: var(--hero-item-height);
}

.category-hero-title {
  width: 100;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 2rem;
  color: var(--gta-clr-white);
}

.category-hero-content {
  padding: 2rem 0;
  color: var(--gta-clr-type-white);
}

.category-rr .category-hero-content {
  background-color: var(--gta-clr-section-bg-rr-200);
}

main {
  width: 100%;
  margin-top: calc(var(--gta-header-height) * -1);
  padding-bottom: var(--gta-main-bottom-space);
}

@media (min-width: 992px) {
  main {
    margin-top: 0;
  }
}
main:has(.article-form) + footer {
  border-top: 1px solid var(--gta-border-base-color);
}

/******** Sections *************************************************************************/
.section-intro {
  padding-bottom: var(--gta-section-padding-bottom);
}

.section-cards,
.section {
  position: relative;
  overflow: hidden;
  padding-top: var(--gta-section-padding-top);
  padding-bottom: var(--gta-section-padding-bottom);
}

.section-cards:before,
.section:before {
  content: "";
  display: block;
  width: 100%;
  margin: calc(-1 * (var(--gta-section-padding-top)) - 30px) auto var(--gta-section-padding-top) auto;
  height: 25px;
  border-top-left-radius: 150px 12px;
  border-top-right-radius: 150px 12px;
  border-bottom-right-radius: 150px 12px;
  border-bottom-left-radius: 150px 12px;
  box-shadow: var(--gta-section-box-shadow);
  mix-blend-mode: multiply;
}

.section-cards.section-bg:before,
.section.section-bg:before {
  box-shadow: var(--gta-section-bg-box-shadow);
}

@media (min-width: 1200px) {
  .section-cards:before,
  .section:before {
    max-width: 1040px;
  }
}
@media (min-width: 1400px) {
  .section-cards:before,
  .section:before {
    max-width: 1120px;
  }
}
.section-card-list {
  padding-top: var(--gta-section-padding-top);
  padding-bottom: var(--gta-section-padding-bottom);
}

main .section-cards:first-child {
  box-shadow: none;
}

.section-related {
  padding-top: var(--gta-section-padding-top);
  padding-bottom: var(--gta-section-padding-bottom);
  border-bottom: 1px solid var(--gta-list-group-border-color);
  box-shadow: none;
}

.section-trips {
  padding-top: var(--gta-section-padding-top);
  padding-bottom: var(--gta-section-padding-bottom);
  border-bottom: 1px solid var(--gta-list-group-border-color);
  box-shadow: none;
}

/******** Section Background Image ****************************************************************/
.section-bgimg {
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll; /* Bild bleibt fix beim Scrollen */
}

.bgimg-mask:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.bgimg-minh {
  min-height: 70vh;
}

.bgimg-fullh {
  min-height: 100vh;
}

.section-center {
  display: flex;
  align-items: center;
  padding-top: calc(var(--gta-header-height) + var(--gta-section-padding-top));
  padding-bottom: calc(var(--gta-header-height) + var(--gta-section-padding-top));
}

.section-bgimg .section-title {
  color: var(--gta-clr-type-white);
}

/******** Section Background Color ***************************************************************/
.section-bg p,
.section-bg h2 {
  color: var(--gta-clr-type-white);
}

.section-bg h2 + p {
  margin-bottom: 1rem;
}

/******** Section Colors *************************************************************************/
.section-gta {
  background-color: var(--gta-clr-section-bg-gta-white);
}

.section-fkf {
  background-color: var(--gta-clr-section-bg-fkf-white);
}

.section-hkf {
  background-color: var(--gta-clr-section-bg-hkf-white);
}

.section-rr {
  background-color: var(--gta-clr-section-bg-rr-white);
}

.section-bg.section-gta {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.section-bg.section-fkf {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.section-bg.section-hkf {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.section-bg.section-rr {
  background-color: var(--gta-clr-section-bg-rr-100);
}

/******** Category Background Colors *************************************************/
.category-neutral {
  background-color: var(--gta-body-bg-color);
  border-bottom: 1px solid var(--gta-border-base-color);
}

.category-gta {
  background-color: var(--gta-clr-section-bg-gta-white);
  border-bottom: 1px solid var(--gta-border-base-color);
}

.category-gta.category-bg {
  background-color: var(--gta-clr-section-bg-gta-500);
  border-bottom: 0;
}

.category-fkf {
  background-color: var(--gta-clr-section-bg-fkf-white);
  border-bottom: 1px solid var(--gta-border-base-color);
}

.category-fkf.category-bg {
  background-color: var(--gta-clr-section-bg-fkf-500);
  border-bottom: 0;
}

.category-hkf {
  background-color: var(--gta-clr-section-bg-hkf-white);
  border-bottom: 1px solid var(--gta-border-base-color);
}

.category-hkf.category-bg {
  background-color: var(--gta-clr-section-bg-hkf-500);
  border-bottom: 0;
}

.category-rr {
  background-color: var(--gta-clr-section-bg-rr-white);
  border-bottom: 1px solid var(--gta-border-base-color);
}

.category-rr.category-bg {
  background-color: var(--gta-clr-section-bg-rr-500);
  border-bottom: 0;
}

/******** Category Hero **************************************************************/
.category-hero-img {
  --hero-item-height:500px;
  width: 100;
  position: relative;
  height: var(--hero-item-height);
}

.category-hero-img .img-cover {
  height: var(--hero-item-height);
}

.category-hero-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

@media (min-width: 768px) {
  .category-hero-img:before {
    top: 50%;
  }
}
.category-hero-img:before {
  background: linear-gradient(0deg, rgba(23, 24, 27, 0.9) 0, transparent);
}

.category-hero-title {
  width: 100;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding-bottom: 2rem;
  color: var(--gta-clr-white);
  z-index: 3;
}

.category-hero-title h1 {
  max-width: 600px;
}

.category-hero-content {
  font-size: 1rem;
  line-height: 1.4;
  padding-top: 3rem;
  padding-bottom: 2rem;
  color: var(--gta-clr-type-white);
}
@media screen and (min-width: 768px) {
  .category-hero-content {
    font-size: 1.15rem;
    line-height: 1.4;
  }
}

.category-neutral .category-hero-content {
  padding-bottom: 3rem;
}

/******** Category Hero Colors **********************************************************/
.category-neutral .category-hero-content {
  background-color: var(--gta-body-bg-color);
  border-bottom: 1px solid var(--gta-border-base-color);
}

.category-gta .category-hero-content {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.category-fkf .category-hero-content {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .category-hero-content {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.category-rr .category-hero-content {
  background-color: var(--gta-clr-section-bg-rr-100);
}

/******** Category Filter **************************************************************/
.section-category-filter {
  position: relative;
}

.section-category-filter .container {
  z-index: 3;
}

.section-category-filter button {
  background-color: transparent;
}

.section-category-filter:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: calc((100% - var(--gta-container-max-width)) / 2 + var(--gta-container-max-width) - var(--gta-gutter-x));
  z-index: 2;
}

.section-category-filter:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.section-category-filter .list-group-item {
  border-color: var(--gta-list-group-border-color) !important;
}

/******** Category Anchor Items ******************************************************/
.anchor-item {
  scroll-margin-top: 3rem;
}

@media (min-width: 992px) {
  .anchor-item {
    scroll-margin-top: 8rem;
  }
}
/******** Category Filter Colors ******************************************************/
.category-gta .section-category-filter:after,
.category-gta .dropdown-filter {
  background-color: var(--gta-clr-section-bg-gta-white);
}

.category-fkf .section-category-filter:after,
.category-fkf .dropdown-filter {
  background-color: var(--gta-clr-section-bg-fkf-white);
}

.category-hkf .section-category-filter:after,
.category-hkf .dropdown-filter {
  background-color: var(--gta-clr-section-bg-hkf-white);
}

.category-rr .section-category-filter:after,
.category-rr .dropdown-filter {
  background-color: var(--gta-clr-section-bg-rr-white);
}

.category-gta .section-category-filter:before {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.category-fkf .section-category-filter:before {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .section-category-filter:before {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.category-rr .section-category-filter:before {
  background-color: var(--gta-clr-section-bg-rr-100);
}

/******** Category Card Icons **************************************************************/
.category-fkf .icon-items.icon-items-pos li span {
  color: #3f719e;
}

.category-hkf .icon-items.icon-items-pos li span {
  color: #00688D;
}

.category-rr .icon-items.icon-items-pos li span {
  color: #39601B;
}

/******** Category Card Duration ************************************************************/
.category-gta .card-duration {
  color: #0D2961;
}

.category-fkf .card-duration {
  color: #3f719e;
}

.category-hkf .card-duration {
  color: #00688D;
}

.category-rr .card-duration {
  color: #39601B;
}

/******** Category Headline Colors ********************************************************/
.category-gta .section-title,
.category-gta .card-category h2 {
  color: var(--gta-clr-headline-gta);
}

.category-fkf .card-category h2 {
  color: var(--gta-clr-headline-fkf);
}

.article {
  position: relative;
  padding-top: calc(var(--gta-header-height) + var(--gta-header-top-space));
}

.article-trip,
.article-ship,
.article-content {
  background-size: 100% 500px;
  background-repeat: no-repeat;
}

.article-badge {
  position: absolute;
  top: -2rem;
  right: -2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-wrap: balance;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--gta-clr-type-white);
  z-index: 2;
}

/******** Content Flow *************************************************************************/
.content-flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

:is(h2, h3, h4, p, ul, table) {
  --flow-space: 1.5em;
}

:is(h2, h3, h4, p, ul, table) + div {
  --flow-space: 3em;
}

:is(div) + * {
  --flow-space: 2.5em;
}

:is(h2, h3, h4, p, ul, table, div) + hr {
  --flow-space: var(--gta-section-padding-top);
}

:is(h2, h3, h4) + * {
  --flow-space: 1em;
}

/******** Article Headline *********************************************************************************/
.article-headline {
  margin-bottom: 2rem;
}

.category-title,
.article-title,
.article-subtitle {
  color: var(--gta-clr-type-white);
}

.article-headline .category-title,
.article-headline .article-title,
.article-headline .article-title span,
.article-subtitle {
  text-align: center;
}

/******** Article Section Nav ******************************************************************************/
.article-menu {
  position: sticky;
  top: 1rem;
  margin-right: calc(var(--gta-gutter-x) * 1);
  margin-left: calc(var(--gta-gutter-x) * 1);
  z-index: 1025;
}

.menu-section-item {
  scroll-margin-top: 9rem;
}

@media (min-width: 992px) {
  .article-menu {
    top: calc(var(--gta-header-height) + 7px);
  }
  .menu-section-item {
    scroll-margin-top: calc(14rem - 7px);
  }
}
/******** Article Header Background ********************************************************************/
.article-gta {
  background-image: linear-gradient(var(--gta-clr-section-bg-gta-100), var(--gta-clr-section-bg-gta-100));
}

.article-fkf {
  background-image: linear-gradient(var(--gta-clr-section-bg-fkf-100), var(--gta-clr-section-bg-fkf-100));
}

.article-hkf {
  background-image: linear-gradient(var(--gta-clr-section-bg-hkf-100), var(--gta-clr-section-bg-hkf-100));
}

.article-rr {
  background-image: linear-gradient(var(--gta-clr-section-bg-rr-100), var(--gta-clr-section-bg-rr-100));
}

.article-gta .article-header {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.article-fkf .article-header {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.article-hkf .article-header {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.article-rr .article-header {
  background-color: var(--gta-clr-section-bg-rr-100);
}

/******** Article Season *******************************************************************************/
.article-header-season {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  width: 180px;
  height: 58px;
  border-radius: 28px;
  padding: 10px;
  z-index: 1;
}

.article-fkf .article-header-season {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.article-hkf .article-header-season {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.article-rr .article-header-season {
  background-color: var(--gta-clr-section-bg-rr-100);
}

/******** Article Section ******************************************************************************/
.article-main,
.article-section,
.article-form {
  position: relative;
  overflow: hidden;
  padding-top: var(--gta-section-padding-top);
  padding-bottom: var(--gta-section-padding-bottom);
}

hr {
  position: relative;
  overflow: hidden;
  border: 0;
  height: 25px;
}

hr:before {
  content: "";
  position: absolute;
  top: var(--gta-section-padding-top);
  display: block;
  width: 100%;
  margin: calc(-1 * (var(--gta-section-padding-top)) - 30px) auto var(--gta-section-padding-top) auto;
  height: 25px;
  border-top-left-radius: 150px 12px;
  border-top-right-radius: 150px 12px;
  border-bottom-right-radius: 150px 12px;
  border-bottom-left-radius: 150px 12px;
  box-shadow: var(--gta-section-article-box-shadow);
  mix-blend-mode: multiply;
}

.article-main:before,
.article-section:before {
  content: "";
  display: block;
  width: 100%;
  margin: calc(-1 * (var(--gta-section-padding-top)) - 30px) auto var(--gta-section-padding-top) auto;
  height: 25px;
  border-top-left-radius: 150px 12px;
  border-top-right-radius: 150px 12px;
  border-bottom-right-radius: 150px 12px;
  border-bottom-left-radius: 150px 12px;
  box-shadow: var(--gta-section-article-box-shadow);
  mix-blend-mode: multiply;
}

@media (min-width: 1200px) {
  .article-main:before,
  .article-section:before {
    max-width: 1040px;
  }
}
@media (min-width: 1400px) {
  .article-main:before,
  .article-section:before {
    max-width: 1120px;
  }
}
.article-gta .article-section,
.article-gta .article-main {
  background-color: var(--gta-clr-section-bg-gta-500);
}

.article-fkf .article-section,
.article-fkf .article-main {
  background-color: var(--gta-clr-section-bg-fkf-500);
}

.article-fkf .article-section.dark {
  background-color: var(--gta-clr-section-bg-fkf-400);
}

.article-hkf .article-section,
.article-hkf .article-main {
  background-color: var(--gta-clr-section-bg-hkf-500);
}

.article-hkf .article-section.dark {
  background-color: var(--gta-clr-section-bg-hkf-400);
}

.article-rr .article-section,
.article-rr .article-main {
  background-color: var(--gta-clr-section-bg-rr-500);
}

.article-rr .article-section.dark {
  background-color: var(--gta-clr-section-bg-rr-400);
}

.article-section-related {
  padding-top: var(--gta-section-padding-top);
  padding-bottom: var(--gta-section-padding-bottom);
}

/******** Article Headlines ****************************************************************************/
.article-gta h2,
.article-gta h3,
.article-gta .modal-subtitle,
.article-gta .modal-title {
  text-align: center;
  text-wrap: balance;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--gta-clr-headline-gta);
}

.article-fkf h2,
.article-fkf h3,
.article-fkf .modal-subtitle,
.article-fkf .modal-title {
  text-align: center;
  text-wrap: balance;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--gta-clr-headline-fkf);
}

.article-hkf h2,
.article-hkf h3,
.article-hkf .modal-subtitle,
.article-hkf .modal-title {
  text-align: center;
  text-wrap: balance;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--gta-clr-headline-hkf);
}

.article-rr h2,
.article-rr h3,
.article-rr .modal-subtitle,
.article-rr .modal-title {
  text-align: center;
  text-wrap: balance;
  max-width: 37.5rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--gta-clr-headline-rr);
}

/******** Article Header Image *************************************************************************/
.article-content.article-gta .article-header {
  background-image: linear-gradient(var(--gta-clr-section-bg-gta-500), var(--gta-clr-section-bg-gta-500));
}

.article-ship.article-fkf .article-header,
.article-content.article-fkf .article-header {
  background-image: linear-gradient(var(--gta-clr-section-bg-fkf-500), var(--gta-clr-section-bg-fkf-500));
}

.article-ship.article-hkf .article-header,
.article-content.article-hkf .article-header {
  background-image: linear-gradient(var(--gta-clr-section-bg-hkf-500), var(--gta-clr-section-bg-hkf-500));
}

.article-content.article-rr .article-header {
  background-image: linear-gradient(var(--gta-clr-section-bg-rr-500), var(--gta-clr-section-bg-rr-500));
}

.article-header {
  position: relative;
  background-size: 100% 50%;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-image: linear-gradient(var(--gta-body-bg-color), var(--gta-body-bg-color));
}

.article-trip .article-header:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 4.375rem;
  background-color: var(--gta-body-bg-color);
}

.article-header-img,
.article-header-img-content,
.article-header-vid-content {
  position: relative;
  overflow: hidden;
  border-radius: var(--gta-border-base-radius);
}

.vid-item {
  height: 0;
  display: block;
  position: relative;
  adding-bottom: 56.25%;
  overflow: hidden;
}

.vid-item video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.article-header-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

@media (min-width: 768px) {
  .article-header-img:before {
    top: 50%;
  }
}
.article-header-img:before {
  background: linear-gradient(0deg, rgba(23, 24, 27, 0.9) 0, transparent);
}

.article-header-body {
  position: absolute;
  bottom: 0;
  left: calc(var(--gta-gutter-x) * 1);
  right: calc(var(--gta-gutter-x) * 1);
  z-index: 3;
  padding: 0 1rem 1rem 1rem;
  color: var(--gta-clr-type-white);
}

.article-header-body .row > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.article-header-body .row > div > * {
  width: 100%;
}

.article-header-body .row > div:first-child .icon-items {
  order: 0;
  margin-bottom: 0.5rem;
}

.article-header-body .row > div:first-child .trip-type {
  order: 1;
}

.article-header-body .row > div:first-child .trip-title {
  order: 1;
  margin-bottom: 1rem;
}

@media (min-width: 1200px) {
  .article-header-body {
    padding: 0 2rem 2rem 2rem;
  }
  .article-header-body .row > div:first-child .trip-title {
    margin-bottom: 0;
  }
}
.article-header-body .list-group-flush > .list-group-item {
  font-weight: 500;
  border-color: var(--gta-clr-white);
}

.article-header-body .list-group-flush > .list-group-item:first-child {
  border-top-width: 1px;
}

.article-header-body .list-group-flush > .list-group-item:last-child {
  border-bottom-width: 1px;
}

.article-fkf .article-header-body .icon-items.icon-items-neg li {
  background-color: #85B4D8;
}

.article-hkf .article-header-body .icon-items.icon-items-neg li {
  background-color: #38AECE;
}

.article-rr .article-header-body .icon-items.icon-items-neg li {
  background-color: #88AC58;
}

/******** Article Header Price *******************************************************************/
.article-header-body .price-row {
  order: 1;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

.article-header-body .price-txt {
  color: var(--gta-clr-type-white) !important;
}

.article-header-body .price {
  font-weight: 700;
}

.article-header-body .price-row > * {
  margin-left: 0.5rem;
}

.article-header-body .badge-row {
  order: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}

.card {
  --gta-card-spacer: 1rem;
  --gta-card-text-spacer-y: 1.25rem;
  --gta-card-border-width: 0;
  --gta-card-border-color: transparent;
  --gta-card-border-radius: 0.625rem;
  --gta-card-inner-border-radius: 0.5rem;
  --gta-card-height: 100%;
  --gta-card-bg: transparent;
  --gta-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-decoration: none;
  height: var(--gta-card-height);
  word-wrap: break-word;
  background-color: var(--gta-card-bg);
  background-clip: border-box;
  border: var(--gta-card-border-width) solid var(--gta-card-border-color);
  border-radius: var(--gta-card-border-radius);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--gta-card-inner-border-radius);
  border-top-right-radius: var(--gta-card-inner-border-radius);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--gta-card-inner-border-radius);
  border-bottom-left-radius: var(--gta-card-inner-border-radius);
}

.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--gta-card-body-padding);
}

.card-title {
  font-size: 1.15rem;
  line-height: 1.2;
  margin-top: calc(0.15 * var(--gta-card-text-spacer-y));
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .card-title {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}

.card-subtitle {
  margin-top: calc(0.15 * var(--gta-card-text-spacer-y));
  text-wrap: balance;
}

.card-text {
  margin-top: var(--gta-card-text-spacer-y);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: 1rem;
}

.card-header {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: var(--gta-card-header-padding);
  min-height: var(--gta-card-header-minheight);
  margin-bottom: 0;
  border-bottom: var(--gta-card-border-width) solid var(--gta-card-border-color);
}

.card-header:first-child {
  border-radius: var(--gta-card-inner-border-radius) var(--gta-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--gta-card-footer-padding);
  border-top: var(--gta-card-border-width) solid var(--gta-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--gta-card-inner-border-radius) var(--gta-card-inner-border-radius);
}

.card-img {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: var(--gta-card-inner-border-radius) var(--gta-card-inner-border-radius) 0 0;
}

.card-img-overlay {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--gta-card-overlay-padding);
  border-radius: var(--gta-card-inner-border-radius);
  z-index: 3;
}

/******** Custom *************************************************************************/
.card-type {
  margin-top: calc(0.5 * var(--gta-card-text-spacer-y));
}

.card-ship {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: calc(0.3 * var(--gta-card-text-spacer-y));
}

.card-price {
  margin-top: calc(0.5 * var(--gta-card-text-spacer-y));
}

/******** Card Listgroup *************************************************************************/
.card .list-group-item {
  border-color: var(--gta-list-group-border-color) !important;
}

/******** Card Price *******************************************************************/
.card-price .price-wrap {
  width: 100%;
  justify-content: flex-end;
}

.card-price .price-row > * {
  margin-left: 0.5rem;
  line-height: 1.2;
}

.card-price .price-row {
  align-items: flex-end;
  justify-content: flex-end;
}

.card-price .price-txt {
  font-size: 0.875rem;
}

.card-price .price-del {
  font-size: 0.875rem;
}

.card-price .badge-row {
  width: 100%;
  padding-bottom: 0.25rem;
}

/******** Card Badge Duration  ***************************************************************/
.card-duration {
  --card-duration-size:3.75rem;
  font-family: "hknova", sans-serif;
  position: absolute;
  width: var(--card-duration-size);
  height: var(--card-duration-size);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  background-color: var(--gta-clr-white);
}

.card-duration span {
  display: block;
  font-size: 1rem;
  line-height: 1;
  font-weight: 700;
}

.card-gta .card-duration {
  color: #0D2961;
}

.card-fkf .card-duration {
  color: #3f719e;
}

.card-hkf .card-duration {
  color: #00688D;
}

.card-rr .card-duration {
  color: #39601B;
}

/******** Card Hero *************************************************************************/
.card-hero {
  color: var(--gta-clr-type-white);
  box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -30px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
  .card-hero {
    width: 50%;
  }
}
.card-hero .card-duration {
  top: calc(-1 * var(--card-duration-size) / 2);
  right: 1rem;
}

@media (min-width: 1200px) {
  .card-hero .card-duration {
    right: 2rem;
  }
}
.card-hero .icon-items {
  position: absolute;
  top: calc(2 * var(--gta-card-text-spacer-y));
}

.card-hero:has(.icon-items) {
  padding-top: 3rem;
}

.card-hero .card-ship {
  font-size: 1.15rem;
}

.card-hero .card-price {
  text-align: right;
}

.card-hero .card-footer {
  text-align: right;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.card-hero.card-gta {
  background-color: rgba(13, 41, 97, 0.95);
}

.card-hero.card-fkf {
  background-color: rgba(63, 113, 158, 0.95);
}

.card-hero.card-hkf {
  background-color: rgba(0, 104, 141, 0.95);
}

.card-hero.card-rr {
  background-color: rgba(57, 96, 27, 0.95);
}

/******** Card Image *************************************************************************/
.card-image {
  box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -30px rgba(0, 0, 0, 0.2);
}

.card-image.card-destination {
  box-shadow: none;
}

.card-image h3 {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 600 !important;
  color: var(--gta-clr-type-white);
}
@media screen and (min-width: 768px) {
  .card-image h3 {
    font-size: 1rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 992px) {
  .card-image h3 {
    font-size: 1.25rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1400px) {
  .card-image h3 {
    font-size: 1.5rem;
    line-height: 1.2;
  }
}

.card-image img {
  transition: 0.3s ease-in-out;
}

.card-image .card-img {
  position: relative;
  overflow: hidden;
  border-radius: var(--gta-card-border-radius);
}

.card-image:hover img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.card-image .card-img:before {
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.card-img-overlay.arrow:after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  margin-left: -20px;
  font-family: "icons", sans-serif;
  color: var(--gta-clr-type-white);
  font-size: 40px;
  line-height: 40px;
  content: "\e92b";
}

.card-image.card-destination {
  color: var(--gta-clr-white);
}

.card-image.card-gta {
  color: var(--gta-clr-gta-100);
}

.card-image.card-fkf {
  color: var(--gta-clr-fkf-100);
}

.card-image.card-hkf {
  color: var(--gta-clr-hkf-100);
}

.card-image.card-rr {
  color: var(--gta-clr-rr-100);
}

.card-image.card-destination .card-img:before {
  background: linear-gradient(0deg, rgba(23, 24, 27, 0.9) 0, transparent);
}

.card-image.card-gta .card-img:before {
  background: linear-gradient(0deg, rgba(13, 41, 97, 0.95) 0, transparent);
}

.card-image.card-fkf .card-img:before {
  background: linear-gradient(0deg, rgba(63, 113, 158, 0.95) 0, transparent);
}

.card-image.card-hkf .card-img:before {
  background: linear-gradient(0deg, rgba(0, 104, 141, 0.95) 0, transparent);
}

.card-image.card-rr .card-img:before {
  background: linear-gradient(0deg, rgba(57, 96, 27, 0.95) 0, transparent);
}

/******** Card Content ********************************************************************************/
.card-content p {
  margin-top: 0.75rem;
}

.card-content h2,
.card-content h3 {
  display: flex;
  align-items: center;
}

.card-content .img-item:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  border-top-right-radius: var(--gta-card-inner-border-radius);
  height: 1rem;
  width: 80%;
  z-index: 2;
}

.card-content .card-body {
  padding-top: 0;
  padding-bottom: 0;
}

.card-content .card-btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/******** Card Trip Portrait *************************************************************************/
.card-trip .card-duration {
  top: 1rem;
  right: 1rem;
}

.card-trip .icon-items {
  position: absolute;
  top: 1.938rem;
  left: auto;
  right: 5.75rem;
}

.card-trip .card-body {
  padding-top: 0;
  padding-bottom: 1rem;
}

.card-trip .img-item:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  border-top-right-radius: var(--gta-card-inner-border-radius);
  height: 1rem;
  width: 80%;
  z-index: 2;
}

.card-trip .list-checkmark {
  margin-top: 1rem;
  text-wrap: balance;
}

.card-trip .card-price {
  text-align: right;
  padding-bottom: 0.75rem;
  margin-top: 0;
}

.card-trip .card-footer {
  padding-top: 0;
}

.card-trip .card-btns {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 1rem;
}

.card-trip .dropdown-menu {
  padding: 1rem;
}

/******** Card Trip List *****************************************************************/
@media (min-width: 992px) {
  .card-list.card-trip {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .card-list.card-trip > * {
    width: 100%;
    max-width: 100%;
  }
  .card-list.card-trip .card-img {
    flex: 0 0 auto;
    width: 350px;
  }
  .card-list.card-trip .card-body {
    flex: 1;
    width: auto;
  }
  .card-list.card-trip .card-footer {
    flex: 0 0 auto;
    width: 250px;
  }
  .card-list.card-trip .card-img {
    border-radius: var(--gta-card-inner-border-radius) 0 0 var(--gta-card-inner-border-radius);
  }
  .card-list.card-trip .img-item:before {
    background-color: transparent !important;
  }
  .card-list.card-trip .img-item {
    height: 100%;
    padding-bottom: 0 !important;
  }
  .card-list.card-trip .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .card-list.card-trip .card-body {
    padding: var(--gta-card-body-padding);
  }
  .card-list.card-trip .card-duration {
    top: 1rem;
    left: 1rem;
    right: auto;
  }
  .card-list.card-trip .card-footer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end !important;
  }
  .card-list.card-trip .card-footer > * {
    width: 100%;
    min-width: 100%;
  }
  .card-list.card-trip .icon-items {
    position: absolute;
    top: 1.938rem;
    right: auto;
    left: 5.75rem;
  }
}
@media (min-width: 1200px) {
  .card-list.card-trip .card-img {
    width: 400px;
  }
  .card-list.card-trip .card-body {
    padding-left: 2rem;
  }
  .card-list.card-trip .card-footer {
    width: 280px;
  }
}
/******** Card Calendar List *********************************************************************/
.card-calendar.card-trip,
.card-item.card-trip {
  flex-direction: row;
  flex-wrap: wrap;
}

.card-calendar.card-trip > *,
.card-item.card-trip > * {
  width: 100%;
  max-width: 100%;
}

.card-calendar.card-trip .card-img,
.card-item.card-trip .card-img {
  flex: 0 0 auto;
  width: 110px;
  border-radius: var(--gta-card-inner-border-radius) 0 0 var(--gta-card-inner-border-radius);
}

.card-calendar.card-trip .img-item:before,
.card-item.card-trip .img-item:before {
  background-color: transparent !important;
}

.card-calendar.card-trip .img-item img,
.card-item.card-trip .img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.card-calendar.card-trip .card-body,
.card-item.card-trip .card-body {
  flex: 1;
  width: auto;
  padding: 1rem;
}

.card-calendar .card-title,
.card-item .card-title {
  font-weight: 500;
  font-size: 0.875rem;
  margin-top: 0.5rem;
}

.card-calendar .card-title span {
  font-weight: 400;
  display: block;
  font-size: 0.75rem;
}

.card-calendar .card-date {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
}

.card-item.card-trip {
  border: 1px solid var(--gta-clr-section-bg-gta-500) !important;
  background-color: var(--gta-clr-card-bg-white) !important;
}

.card-item.card-trip:hover {
  border: 1px solid var(--gta-clr-card-bg-gta-400) !important;
}

@media (min-width: 768px) {
  .card-calendar.card-trip .card-img {
    width: 150px;
  }
  .card-item.card-trip .card-img {
    width: 100px;
  }
  .card-calendar.card-trip .card-body,
  .card-item.card-trip .card-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 1rem 1rem 1rem 2rem;
  }
  .card-calendar .card-date {
    flex: 0 0 auto;
    width: 220px;
    font-size: 1rem;
  }
  .card-calendar .card-title,
  .card-item .card-title {
    font-size: 1rem;
    margin-top: 0;
  }
  .card-calendar .card-title span {
    font-size: 0.75rem;
  }
}
/******** Card White *************************************************************************/
.card-white {
  background-color: var(--gta-clr-card-bg-white);
}

.category-gta .card-white {
  background-color: var(--gta-clr-section-bg-gta-white);
}

.category-fkf .card-white {
  background-color: var(--gta-clr-section-bg-fkf-white);
}

.category-hkf .card-white {
  background-color: var(--gta-clr-section-bg-hkf-white);
}

.category-rr .card-white {
  background-color: var(--gta-clr-section-bg-rr-white);
}

/******** Card Team *************************************************************************/
.card-team {
  font-family: "hknova", sans-serif;
  background-color: var(--gta-clr-item-bg-color);
  text-align: center;
  padding: 0 1rem 2rem 1rem;
}

.card-team-img {
  margin: -1rem auto 1rem auto;
}

.card-team-img img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}

.card-team .card-subtitle,
.card-team .card-title {
  color: var(--gta-body-color);
}

.card-team h3 {
  font-weight: 600;
  margin-bottom: 0;
}

.card-team p {
  font-weight: 400;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--gta-clr-card-bg-gta-500);
}

.card-team a {
  color: var(--gta-clr-grey);
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin-bottom: 0.25rem;
}

.card-team a:hover {
  color: var(--gta-clr-darkgrey);
}

.card-team a:before {
  font-family: "icons", sans-serif;
  display: inline-block;
  font-weight: normal;
  margin-right: 0.25rem;
}

.card-team a:first-of-type:before {
  content: "\e93e";
}

.card-team a:last-of-type:before {
  content: "\e920";
}

/******** Card Quote *************************************************************************/
.card-quote .card-body {
  text-align: center;
  padding-bottom: 0;
}

.card-quote .card-footer {
  text-align: center;
  padding-top: 0;
  padding-bottom: 2rem;
}

/******** Card Addon *************************************************************************/
.card-addon {
  text-decoration: none;
  background-color: var(--gta-clr-item-bg-color);
  box-shadow: 0px 15px 30px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -30px rgba(0, 0, 0, 0.2);
  transition: all 0.2s ease-in-out;
}

.card-addon:hover {
  transform: scale(1.05);
}

.card-addon .card-subtitle,
.card-addon .card-title {
  font-size: 1rem;
  color: var(--gta-body-color);
  font-weight: 500;
  text-align: left;
  margin-bottom: 0;
}

.card-addon .card-body {
  padding: 1rem;
}

.card-addon .card-footer {
  padding: 0 1rem 1rem 1rem;
}

.card-addon .card-price {
  font-size: 1rem;
  margin-top: 0;
  padding-top: 0.5rem;
  text-align: right;
  border-top: 1px solid var(--gta-clr-item-border-color);
}

.card-addon img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}

/******** Card Form *************************************************************************/
.card-form {
  background-color: var(--gta-clr-card-bg-white);
  height: auto;
}

@media (min-width: 992px) {
  .booking-summary {
    display: none;
  }
}
.card-form.h-100 {
  height: 100%;
}

.card-form-title {
  width: 100%;
  text-align: left;
  font-family: "hknova", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
}

.card-form-title:before {
  font-weight: normal;
  font-size: 1.25rem;
  margin-right: 0.5rem;
}

.card-form-title span {
  font-weight: 400;
  font-size: 0.875rem;
  margin-left: 0.5rem;
}

.category-gta .card-form-panel {
  border-bottom: 1px solid var(--gta-clr-headline-gta);
  margin-bottom: 1rem;
}

.category-fkf .card-form-panel {
  border-bottom: 1px solid var(--gta-clr-headline-fkf);
  margin-bottom: 1rem;
}

.category-hkf .card-form-panel {
  border-bottom: 1px solid var(--gta-clr-headline-hkf);
  margin-bottom: 1rem;
}

.category-rr .card-form-panel {
  border-bottom: 1px solid var(--gta-clr-headline-rr);
  margin-bottom: 1rem;
}

.card-form-sort {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-bottom: 1rem;
}

.card-form-sort > * {
  display: inline-flex;
  width: auto !important;
  margin-left: 1rem;
}

.card-form .card-body {
  padding-top: 1rem;
}

.card-form:has(.card-footer) .card-body {
  padding-bottom: 1rem;
}

.card-form .card-body .list-group {
  margin-bottom: 1.5rem;
}

.card-form .card-body .list-group:last-child {
  margin-bottom: 0;
}

.card-form .card-footer {
  text-align: center;
}

.card-form .card-footer .btn + .btn {
  margin-left: 0.5rem;
}

.category-gta .card-form-title {
  color: var(--gta-clr-headline-gta);
  border-bottom: 1px solid var(--gta-clr-headline-gta);
}

.category-fkf .card-form-title {
  color: var(--gta-clr-headline-fkf);
  border-bottom: 1px solid var(--gta-clr-headline-fkf);
}

.category-hkf .card-form-title {
  color: var(--gta-clr-headline-hkf);
  border-bottom: 1px solid var(--gta-clr-headline-hkf);
}

.category-rr .card-form-title {
  color: var(--gta-clr-headline-rr);
  border-bottom: 1px solid var(--gta-clr-headline-rr);
}

.card-form hr {
  margin-top: 2rem;
}

.card-form-panel-section {
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  background-color: var(--gta-clr-section-bg-gta-500);
}

.category-gta .card-form {
  background-color: var(--gta-clr-card-bg-gta-white);
}

.category-gta .card-form .card-footer {
  border-top: 1px solid var(--gta-clr-section-bg-gta-500);
}

.category-fkf .card-form {
  background-color: var(--gta-clr-card-bg-fkf-white);
}

.category-fkf .card-form .card-footer {
  border-top: 1px solid var(--gta-clr-section-bg-fkf-500);
}

.category-hkf .card-form {
  background-color: var(--gta-clr-card-bg-hkf-white);
}

.category-hkf .card-form .card-footer {
  border-top: 1px solid var(--gta-clr-section-bg-hkf-500);
}

.category-rr .card-form {
  background-color: var(--gta-clr-card-bg-rr-white);
}

.category-rr .card-form .card-footer {
  border-top: 1px solid var(--gta-clr-section-bg-rr-500);
}

/******** Card Colors *************************************************************************/
.category-gta .card-trip,
.category-gta .card-trip .img-item:before,
.category-gta .card-content,
.category-gta .card-content .img-item:before,
.list-gta .card-trip,
.card-trip.card-gta,
.card-trip.card-gta .img-item:before {
  background-color: var(--gta-clr-card-bg-gta-500);
}

.category-fkf .card-trip,
.category-fkf .card-trip .img-item:before,
.category-fkf .card-content,
.category-fkf .card-content .img-item:before,
.list-fkf .card-trip,
.card-trip.card-fkf,
.card-trip.card-fkf .img-item:before {
  background-color: var(--gta-clr-card-bg-fkf-500);
}

.list-fkf .card-price,
.category-fkf .card-price,
.card-trip.card-fkf .card-price {
  border-bottom: 1px solid var(--gta-clr-card-bg-fkf-400);
}

.list-hkf .card-trip,
.category-hkf .card-trip,
.category-hkf .card-trip .img-item:before,
.card-trip.card-hkf,
.card-trip.card-hkf .img-item:before {
  background-color: var(--gta-clr-card-bg-hkf-500);
}

.list-fkf a.card-trip:hover {
  background-color: var(--gta-clr-card-bg-fkf-hover);
}

.list-hkf .card-price,
.category-hkf .card-price,
.card-trip.card-hkf .card-price {
  border-bottom: 1px solid var(--gta-clr-card-bg-hkf-400);
}

.list-hkf a.card-trip:hover {
  background-color: var(--gta-clr-card-bg-hkf-hover);
}

.list-rr .card-trip,
.category-rr .card-trip,
.category-rr .card-trip .img-item:before,
.card-trip.card-rr,
.card-trip.card-rr .img-item:before {
  background-color: var(--gta-clr-card-bg-rr-500);
}

.list-rr .card-price,
.category-rr .card-price,
.card-trip.card-rr .card-price {
  border-bottom: 1px solid var(--gta-clr-card-bg-rr-400);
}

.list-rr a.card-trip:hover {
  background-color: var(--gta-clr-card-bg-rr-hover);
}

.article-gta .card-form {
  padding: var(--gta-card-body-padding);
  background-color: var(--gta-clr-card-bg-gta-500);
}

.card-module {
  --gta-card-border-radius: 0.625rem;
}

.card-module-content {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 0;
  color: var(--gta-clr-type-white);
  margin-left: 1.5rem;
}

.card-module-header {
  padding: var(--gta-card-module-header-padding);
  border-radius: var(--gta-card-border-radius) var(--gta-card-border-radius) 0 0;
}

.card-module-header h2 {
  margin-bottom: 0;
}

.card-module-wrap {
  position: relative;
  border-radius: 0 0 var(--gta-card-border-radius) var(--gta-card-border-radius);
}

.card-module-body {
  padding: var(--gta-card-module-body-padding);
}

.card-module-img {
  width: 100%;
  position: relative;
  margin-left: -1.5rem;
}

.card-module-img img {
  border-radius: var(--gta-card-border-radius);
}

.card-module.card-module-gta .card-module-header,
.card-module.card-module-gta .card-module-wrap,
.card-module.card-module-gta .card-module-wrap:after {
  background-color: var(--gta-clr-card-bg-gta-100);
}

.card-module.card-module-fkf .card-module-header,
.card-module.card-module-fkf .card-module-wrap,
.card-module.card-module-fkf .card-module-wrap:after {
  background-color: var(--gta-clr-card-bg-fkf-100);
}

.card-module.card-module-hkf .card-module-header,
.card-module.card-module-hkf .card-module-wrap,
.card-module.card-module-hkf .card-module-wrap:after {
  background-color: var(--gta-clr-card-bg-hkf-100);
}

.card-module.card-module-rr .card-module-header,
.card-module.card-module-rr .card-module-wrap,
.card-module.card-module-rr .card-module-wrap:after {
  background-color: var(--gta-clr-card-bg-rr-100);
}

.card-module.card-module-gta .module-badge {
  background-color: rgba(31, 66, 127, 0.95);
}

.card-module.card-module-fkf .module-badge {
  background-color: rgba(94, 145, 184, 0.95);
}

.card-module.card-module-hkf .module-badge {
  background-color: rgba(9, 138, 173, 0.95);
}

.card-module.card-module-rr .module-badge {
  background-color: rgba(79, 122, 42, 0.95);
}

.module-badge {
  position: absolute;
  top: -2rem;
  right: -2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-wrap: balance;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--gta-clr-type-white);
  z-index: 2;
}

@media (min-width: 768px) {
  .module-badge {
    top: -2rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .card-module-content {
    margin-left: 0;
  }
  .card-module-header {
    margin-left: 30%;
    width: 70%;
  }
  .card-module-wrap {
    display: flex;
    flex-direction: row;
    background-color: transparent !important;
  }
  .card-module-wrap:after {
    content: "";
    display: block;
    position: absolute;
    left: 30%;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: 0 0 var(--gta-card-border-radius) var(--gta-card-border-radius);
  }
  .card-module-img {
    width: 60%;
    margin-left: 0;
    z-index: 1;
  }
  .card-module-body {
    width: 40%;
    z-index: 1;
  }
}
@media (min-width: 992px) {
  .card-module-wrap:after {
    bottom: 2rem;
  }
}
@media (min-width: 1200px) {
  .card-module-wrap:after {
    bottom: 4rem;
  }
}
.card-module-bgimg {
  --gta-card-border-radius: 0.625rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
}

.card-module-bgimg-content-wrapper {
  margin-top: 50%;
  z-index: 1;
}

.card-module-bgimg-content {
  border-radius: var(--gta-card-border-radius);
  background-color: var(--gta-clr-item-bg-color);
}

.card-left .card-module-bgimg-img {
  grid-column: 2/13;
  grid-row: 1;
}

.card-left .card-module-bgimg-content-wrapper {
  grid-column: 1/12;
  grid-row: 1;
}

.card-right .card-module-bgimg-img {
  grid-column: 1/12;
  grid-row: 1;
}

.card-right .card-module-bgimg-content-wrapper {
  grid-column: 2/13;
  grid-row: 1;
}

@media (min-width: 768px) {
  .card-module-bgimg {
    grid-column-gap: 1.5rem;
    grid-template-rows: minmax(2rem, auto) auto minmax(2rem, auto);
    align-items: top;
  }
  .card-module-bgimg-content-wrapper {
    margin-top: 0;
    display: grid;
  }
  .card-module-bgimg-content {
    align-self: center;
  }
  .card-module-bgimg-content.card-content-bottom {
    align-self: end;
  }
  .card-left .card-module-bgimg-img {
    grid-column: 4/13;
    grid-row: 1/4;
  }
  .card-left .card-module-bgimg-content-wrapper {
    grid-column: 1/8;
    grid-row: 2;
  }
  .card-right .card-module-bgimg-img {
    grid-column: 1/10;
    grid-row: 1/4;
  }
  .card-right .card-module-bgimg-content-wrapper {
    grid-column: 5/13;
    grid-row: 2;
  }
  .card-right.card-ship-link .card-module-bgimg-content-wrapper {
    grid-column: 8/13;
    grid-row: 2;
  }
}
.card-category {
  --gta-card-border-radius: 0.625rem;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr;
  margin-bottom: var(--gta-section-padding-bottom);
}

.card-category-content-wrapper {
  margin-top: 50%;
  z-index: 1;
}

.card-category-content {
  border-radius: var(--gta-card-border-radius);
  background-color: var(--gta-clr-item-bg-color);
  padding: 2rem 1rem;
}

.card-category-btn {
  text-align: right;
  border-top: 1px solid var(--gta-border-base-color);
  margin-top: 2rem;
  padding-top: 2rem;
}

.card-left .card-category-img {
  grid-column: 2/13;
  grid-row: 1;
}

.card-left .card-category-content-wrapper {
  grid-column: 1/12;
  grid-row: 1;
}

.card-right .card-category-img {
  grid-column: 1/12;
  grid-row: 1;
}

.card-right .card-category-content-wrapper {
  grid-column: 2/13;
  grid-row: 1;
}

@media (min-width: 768px) {
  .card-category {
    grid-column-gap: 1.5rem;
    grid-template-rows: minmax(2rem, auto) auto minmax(2rem, auto);
    align-items: top;
  }
  .card-category-content-wrapper {
    margin-top: 0;
    display: grid;
  }
  .card-category-content {
    padding: 3rem;
  }
  .card-left .card-category-img {
    grid-column: 4/13;
    grid-row: 1/4;
  }
  .card-left .card-category-content-wrapper {
    grid-column: 1/9;
    grid-row: 2/3;
  }
  .card-right .card-category-img {
    grid-column: 1/10;
    grid-row: 1/4;
  }
  .card-right .card-category-content-wrapper {
    grid-column: 5/13;
    grid-row: 2/3;
  }
}
@media (min-width: 1200px) {
  .card-category {
    grid-template-rows: minmax(3rem, auto) auto minmax(3rem, auto);
  }
  .card-left .card-category-content-wrapper {
    grid-column: 1/7;
    grid-row: 2/3;
  }
  .card-right .card-category-content-wrapper {
    grid-column: 7/13;
    grid-row: 2/3;
  }
}
.route-start,
.route-point {
  position: relative;
  margin-right: 0.5rem;
  padding-right: 1.5rem;
}

.route-start:after,
.route-point:after {
  font-family: "icons", sans-serif;
  font-size: 1rem;
  content: "\e92e";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

/******** Trip Date Item *************************************************************************/
.trip-date-list {
  list-style: none;
  margin: 0;
}

.trip-date-item {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: var(--gta-clr-item-bg-color);
  margin-bottom: 0.5rem;
}

/******** Trip Date Partner *********************************************************************/
.trip-date-partner {
  display: inline-block;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  margin-bottom: 1rem;
}

.trip-date-partner:before {
  font-family: "icons", sans-serif;
  font-weight: normal;
  content: "\e907";
}

.article-fkf .trip-date-partner {
  background-color: var(--gta-clr-item-bg-color-fkf);
}

.article-hkf .trip-date-partner {
  background-color: var(--gta-clr-item-bg-color-hkf);
}

.article-rr .trip-date-partner {
  background-color: var(--gta-clr-item-bg-color-rr);
}

.trip-date-item:has(.trip-date-partner) .trip-date-item-body {
  border-top: 1px solid var(--gta-clr-item-border-color);
  padding-top: 1rem;
}

/******** Trip Date Item Body *******************************************************************/
.trip-date-item-body {
  display: flex;
  flex-direction: column;
  font-family: "hknova", sans-serif;
}

.trip-date-item-body > div {
  border-top: 1px solid var(--gta-clr-item-border-color);
  padding: 0.5rem 0;
}

.trip-date-item-body > div:first-child {
  border-top: 0;
}

.trip-date-item-body .trip-season {
  padding: 0 0 1rem 0;
}

.trip-date-item-body > div:last-child {
  padding: 1rem 0 0 0;
  text-align: right;
}

.trip-duration {
  display: flex;
  flex-direction: row;
}

.trip-duration > div:first-child {
  position: relative;
  margin-right: 1rem;
  padding-right: 2rem;
}

.trip-duration > div:first-child:after {
  font-family: "icons", sans-serif;
  font-size: 1rem;
  content: "\e92e";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.trip-date-item-body .trip-duration > div:first-child:after {
  top: 95%;
  transform: translateY(-95%);
}

.trip-duration {
  display: flex;
  flex-direction: row;
}

.trip-variant {
  display: flex;
  flex-direction: row;
  min-width: 50px;
}

.trip-variant:not(:has(a)) {
  display: none;
}

.trip-variant > a {
  display: block;
  position: relative;
  margin-right: -0.5rem;
  overflow: hidden;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 2px solid var(--gta-clr-item-bg-color);
  transition: all 0.2s ease-in-out;
}

.trip-variant > a:hover {
  transform: scale(1.2);
}

.trip-btn .btn {
  width: 8.75rem;
}

@media (min-width: 768px) {
  .trip-date-item-body {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  .trip-variant:not(:has(a)) {
    display: block;
  }
  .trip-season {
    width: 100%;
  }
  .trip-date-item-body:has(.trip-from) .trip-duration {
    width: 40%;
  }
  .trip-duration {
    width: 60%;
  }
  .trip-from {
    width: 20%;
  }
  .trip-price-from {
    width: 25%;
  }
  .trip-variant {
    width: calc(15% - 0.5rem);
    justify-content: flex-end;
  }
  .trip-btn {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .trip-date-item-body > div {
    border-top: 0 !important;
    padding: 0 !important;
  }
  .trip-season {
    width: 12%;
  }
  .trip-date-item-body:has(.trip-from) .trip-duration {
    width: 29%;
  }
  .trip-duration {
    width: 44%;
  }
  .trip-from {
    width: 15%;
  }
  .trip-price-from {
    width: 15%;
  }
  .trip-variant {
    width: 9%;
  }
  .trip-date-item-body:has(.trip-from) .trip-btn {
    width: 20%;
  }
  .trip-btn {
    margin-top: 0.15rem;
    width: 20%;
  }
}
/******** Trip Date Item Price *******************************************************************/
.trip-price-from .price-wrap > * {
  margin-right: 0.5rem;
}

.trip-price-from .price-row {
  order: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.trip-price-from .price-txt {
  width: 100%;
  font-size: 0.875rem !important;
  color: var(--gta-clr-grey) !important;
}

.trip-price-from .price-row > * {
  margin-right: 0.5rem;
}

.trip-price-from .badge-row {
  order: 1;
  margin-top: 0.25rem;
}

/******** Trip Date Item Footer *******************************************************************/
.trip-date-item-footer {
  font-family: "hknova", sans-serif;
  border-top: 1px solid var(--gta-clr-item-border-color);
  margin-top: 1rem;
  padding-top: 1rem;
}

.trip-date-item-footer .btn-toggle {
  margin-left: -0.25rem;
}

.trip-date-item-footer .trip-details-body {
  margin-top: 1rem;
}

/******** Deckplan Items *****************************************************************/
.deck-categories {
  --item-padding:0.25rem 0.5rem;
  --item-title:5rem;
  list-style: none;
  margin-left: 0;
}

.deck-categories.booking {
  max-width: 700px;
  font-size: 0.875rem !important;
}

.deck-category-item {
  display: flex;
  flex-wrap: wrap;
  font-family: "hknova", sans-serif;
  border-radius: 0.25rem;
  margin-bottom: 0.25rem;
  overflow: hidden;
}

.deck-category-item-title {
  display: flex;
  align-items: center;
  padding-left: 1rem;
  width: var(--item-title);
  font-weight: 600;
  color: var(--gta-clr-white);
  text-transform: uppercase;
}

.deck-category-item-body {
  display: flex;
  width: calc(100% - var(--item-title));
  flex-wrap: wrap;
}

.deck-category-item-body > * {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 2.25rem;
}

.deck-category-item-cabin {
  font-weight: 600;
  padding: var(--item-padding);
  background-color: var(--gta-clr-item-bg-color);
}

.deck-category-item-price {
  justify-content: flex-end;
  margin-top: 1px;
  padding: var(--item-padding);
  background-color: var(--gta-clr-item-bg-color);
}

.deck-category-item-price .price-wrap,
.deck-category-item-cabin .price-wrap {
  width: 100%;
  justify-content: flex-end;
}

.deck-category-item-price .badge-row,
.deck-category-item-cabin .badge-row {
  order: 1;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

.deck-category-item-price .price-row,
.deck-category-item-cabin .price-row {
  order: 0;
}

.deck-category-item-price .price-row > *,
.deck-category-item-cabin .price-row > * {
  margin-left: 0.5rem;
}

@media (min-width: 576px) {
  .deck-category-item-price .price-wrap,
  .deck-category-item-cabin .price-wrap {
    align-items: center;
  }
  .deck-category-item-price .badge-row,
  .deck-category-item-cabin .badge-row {
    order: 0;
    width: auto;
  }
  .deck-category-item-price .price-row,
  .deck-category-item-cabin .price-row {
    order: 1;
  }
}
.category-gta .deck-category-item-cabin,
.category-gta .deck-category-item-price {
  background-color: var(--gta-clr-booking-item-light-gta);
}

.category-fkf .deck-category-item-cabin,
.category-fkf .deck-category-item-price {
  background-color: var(--gta-clr-booking-item-light-fkf);
}

.category-hkf .deck-category-item-cabin,
.category-hkf .deck-category-item-price {
  background-color: var(--gta-clr-booking-item-light-hkf);
}

.category-rr .deck-category-item-cabin,
.category-rr .deck-category-item-price {
  background-color: var(--gta-clr-booking-item-light-rr);
}

@media (min-width: 992px) {
  .booking .deck-category-item-body > * {
    width: 50%;
  }
  .booking.roulette .price-wrap {
    width: auto;
  }
  .booking.roulette .badge-row {
    margin-left: 0.5rem;
  }
  .booking.roulette .deck-category-item-cabin {
    width: 80%;
  }
  .booking.roulette .deck-category-item-price {
    width: 20%;
  }
}
/******** Deckplan SVG *******************************************************************/
/******** Deckplan Scroll ****************************************************************/
.hscroll-content {
  height: 140px;
  width: 100%;
  overflow-x: auto;
  scrollbar-width: thin;
  margin-bottom: 1rem;
}

.hscroll-content:-webkit-scrollbar-track {
  border: 0;
  border-radius: 5px;
}

.hscroll-content svg {
  height: 110px;
}

.category-gta .hscroll-content {
  scrollbar-color: var(--gta-clr-gta-300) var(--gta-clr-booking-item-light-gta);
}

.category-fkf .hscroll-content {
  scrollbar-color: var(--gta-clr-fkf-300) var(--gta-clr-booking-item-light-fkf);
}

.category-hkf .hscroll-content {
  scrollbar-color: var(--gta-clr-hkf-300) var(--gta-clr-booking-item-light-hkf);
}

.category-rr .hscroll-content {
  scrollbar-color: var(--gta-clr-rr-300) var(--gta-clr-booking-item-light-rr);
}

@media (min-width: 1200px) {
  .hscroll-content {
    overflow-x: hidden;
    height: auto;
  }
  .hscroll-content svg {
    height: auto;
  }
}
/******** Deckplan List ****************************************************************/
.deck-plan {
  margin-left: 0;
}

.deck-plan li {
  list-style: none;
  margin-bottom: 1rem;
}

.deck-title {
  font-weight: 500;
  font-size: 1rem;
  text-align: left !important;
}

/******** Deckplan Colors ****************************************************************/
.svg-ship-bg {
  fill: var(--gta-svg-ship-bg);
}

.svg-ship-fill {
  fill: var(--gta-svg-ship-fill);
}

.svg-ship-type {
  fill: var(--gta-svg-ship-type);
}

.svg-ship-occupied {
  fill: var(--gta-svg-ship-occupied);
}

.svg-ship-misc {
  fill: var(--gta-svg-ship-misc);
}

.svg-ship-cabin-num,
.svg-ship-cabin-num-negative {
  font-family: "hknova", sans-serif;
  font-weight: 700;
  font-size: 0.688rem;
}

.svg-ship-cabin-num {
  fill: var(--gta-svg-ship-cabin-type-pos);
}

.svg-ship-cabin-num-negative {
  fill: var(--gta-svg-ship-cabin-type-neg);
}

/******** Deckplan Links ****************************************************************/
svg a {
  display: inline-block;
  border: 0;
  padding: 0;
  text-decoration: none;
}

svg a:focus-visible {
  outline: none;
  outline-offset: 0;
}

svg a:focus-visible path,
svg a:hover path {
  fill: white !important;
}

svg a:hover text {
  fill: var(--gta-svg-ship-cabin-type-pos) !important;
}

svg a.active path {
  fill: #0D2961 !important;
}

svg a.active text {
  fill: var(--gta-clr-type-white);
}

svg a.disabled {
  pointer-events: none;
}

svg a.disabled path {
  fill: var(--gta-svg-ship-occupied) !important;
}

svg a.disabled text {
  fill: var(--gta-svg-ship-occupied-type) !important;
}

/******** Cabin Item *******************************************************************/
.cabin-item {
  display: flex;
  flex-direction: column;
}

.cabin-item-img {
  overflow: hidden;
  border-radius: 0.5rem 0.5rem 0 0;
}

.cabin-item-color {
  margin-top: 0.5rem;
  height: 10px;
}

.cabin-item-body {
  margin-top: 1rem;
}

.cabin-item-body h3 {
  text-align: left;
  padding-bottom: 1rem;
  border-bottom: 1px solid var(--gta-clr-fkf-300);
}

@media (min-width: 768px) {
  .cabin-item {
    flex-direction: row;
  }
  .cabin-item-img {
    width: 300px;
    border-radius: 0.5rem 0 0 0.5rem;
  }
  .cabin-item-img .img-item {
    height: 100%;
    padding-bottom: 0 !important;
  }
  .cabin-item-img .img-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .cabin-item-color {
    margin-top: 0;
    margin-left: 0.5rem;
    height: auto;
    width: 10px;
  }
  .cabin-item-body {
    flex: 1;
    margin-top: 0;
    margin-left: 2rem;
  }
}
/******** Booking Header *******************************************************************/
.category-gta .booking-header-wrap {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.category-fkf .booking-header-wrap {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .booking-header-wrap {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.category-rr .booking-header-wrap {
  background-color: var(--gta-clr-section-bg-rr-100);
}

.booking-header-wrap {
  padding-bottom: 1rem;
  padding-top: calc(var(--gta-header-height) + 1rem);
}

.booking-header {
  position: relative;
}

.booking-title {
  font-family: "hknova", sans-serif;
  font-weight: 700;
  font-size: 1.15rem;
  color: #ffffff;
  margin-bottom: 1rem;
  padding-right: 1rem;
  z-index: 2;
}

.booking-title span {
  font-weight: 400;
}

@media (min-width: 768px) {
  .booking-header-wrap {
    padding-top: calc(var(--gta-header-height) + 1.75rem);
  }
  .booking-title span {
    display: inline-flex;
    height: 2.5rem;
    align-items: center;
    padding-right: 1rem;
  }
  .category-gta .booking-title span {
    background-color: var(--gta-clr-section-bg-gta-100) !important;
  }
  .category-fkf .booking-title span {
    background-color: var(--gta-clr-section-bg-fkf-100) !important;
  }
  .category-hkf .booking-title span {
    background-color: var(--gta-clr-section-bg-hkf-100) !important;
  }
  .category-rr .booking-title span {
    background-color: var(--gta-clr-section-bg-rr-100) !important;
  }
  .booking-header:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    right: 3rem;
    top: 1.25rem;
    height: 2px;
    background-color: #ffffff;
    z-index: 1;
  }
  .booking-header {
    display: flex;
    justify-content: space-between;
  }
}
/******** Booking *******************************************************************/
.is-overflow {
  opacity: 0.5;
}

#roomContainer > div:first-of-type button.remove {
  display: none;
}

/******** Booking Steps *******************************************************************/
.booking-steps {
  position: relative;
  counter-reset: li;
  display: flex;
  justify-content: space-between;
  margin-left: 0;
  margin-bottom: 1rem;
  z-index: 2;
}

.booking-steps:before {
  content: "";
  position: absolute;
  display: block;
  top: 1.25rem;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #ffffff;
}

.booking-steps li {
  position: relative;
  list-style: none;
}

.category-gta .booking-steps li:before {
  outline: 5px solid var(--gta-clr-section-bg-gta-100);
}

.category-fkf .booking-steps li:before {
  outline: 5px solid var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .booking-steps li:before {
  outline: 5px solid var(--gta-clr-section-bg-hkf-100);
}

.category-rr .booking-steps li:before {
  outline: 5px solid var(--gta-clr-section-bg-rr-100);
}

.booking-steps .step-complete:before,
.booking-steps .step-current:before,
.booking-steps .step-incomplete:before {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 0.5rem auto;
  border-radius: 50%;
  border: 2px solid #ffffff;
  content: counter(li, decimal);
  counter-increment: li;
  font-family: "hknova", sans-serif;
  font-weight: 700;
  color: #ffffff;
  font-size: 1.25rem;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 2;
}

.booking-steps .step-complete:before {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

.booking-steps .step-current:before {
  background-color: #ffffff;
  border: 2px solid #ffffff;
}

.booking-steps .step-incomplete:before {
  border: 2px solid #ffffff;
}

.category-gta .step-incomplete:before {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.category-fkf .step-incomplete:before {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .step-incomplete:before {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.category-rr .step-incomplete:before {
  background-color: var(--gta-clr-section-bg-rr-100);
}

.booking-steps .step-list-title {
  display: block;
  position: relative;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 0.875rem;
  text-align: center;
  text-indent: -9999px;
  height: 0;
}

.booking-steps .step-list-checked:before {
  position: absolute;
  left: calc(50% + 0.5rem);
  top: 1.5rem;
  font-family: "icons", sans-serif;
  color: #ffffff;
  content: "\e924";
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 100%;
  background-color: var(--gta-header-loggedin-color);
}

.category-gta .step-list-checked:before {
  border: 2px solid var(--gta-clr-section-bg-gta-100);
}

.category-fkf .step-list-checked:before {
  border: 2px solid var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .step-list-checked:before {
  border: 2px solid var(--gta-clr-section-bg-hkf-100);
}

.category-rr .step-list-checked:before {
  border: 2px solid var(--gta-clr-section-bg-rr-100);
}

.category-gta li.step-current:before,
.category-gta li.step-complete:before {
  color: var(--gta-clr-section-bg-gta-100) !important;
}

.category-fkf li.step-current:before,
.category-fkf li.step-complete:before {
  color: var(--gta-clr-section-bg-fkf-100) !important;
}

.category-hkf li.step-current:before,
.category-hkf li.step-complete:before {
  color: var(--gta-clr-section-bg-hkf-100) !important;
}

.category-rr li.step-current:before,
.category-rr li.step-complete:before {
  color: var(--gta-clr-section-bg-rr-100) !important;
}

@media (min-width: 768px) {
  .booking-steps:before {
    height: 0;
  }
  .booking-steps .step-list-title {
    text-indent: 0;
    height: auto;
  }
  .booking-steps li {
    width: 7.5rem;
  }
}
/******** Booking Steps Title *******************************************************************/
.step-title {
  font-size: 2rem;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .step-title {
    font-size: 2.25rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 992px) {
  .step-title {
    font-size: 2.25rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1200px) {
  .step-title {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.category-gta .step-title {
  color: var(--gta-clr-headline-gta);
}

.category-fkf .step-title {
  color: var(--gta-clr-headline-fkf);
}

.category-hkf .step-title {
  color: var(--gta-clr-headline-hkf);
}

.category-rr .step-title {
  color: var(--gta-clr-headline-rr);
}

.step-inf {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  text-wrap: balance;
  max-width: 800px;
  font-size: 1rem;
}

/******** Form List **************************************************************************/
.form-list {
  list-style: none;
  margin: 0;
}

/******** Form Item **************************************************************************/
.form-item {
  position: relative;
  font-family: "hknova", sans-serif;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 0.5rem;
}

.form-item-important:before {
  font-family: "icons", sans-serif;
  font-size: 1.25rem;
  display: inline-block;
  font-weight: normal;
  content: "\e956";
  position: absolute;
  top: -0.5rem;
  left: -0.45rem;
}

.form-item ul {
  margin-bottom: 0;
}

/******** Form Item Title ********************************************************************/
.form-title {
  font-family: "hknova", sans-serif;
  font-weight: 700;
}

.form-title:before {
  font-family: "icons", sans-serif;
  font-size: 1.15rem;
  margin-right: 0.5rem;
  font-weight: normal;
}

.form-title span {
  display: block;
  font-weight: 400;
  font-size: 1rem;
}

.form-title .form-room {
  font-size: 0.75rem;
  color: var(--gta-clr-grey);
}

/******** Form Item Info ********************************************************************/
.form-inf {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  text-wrap: pretty;
}

.form-descr {
  padding-top: 1rem;
}

/******** Form Price *************************************************************************/
.form-price,
.form-item-price {
  display: flex;
  justify-content: flex-end;
  font-family: "hknova", sans-serif;
  font-weight: 700;
  text-align: right;
}

.form-price {
  margin-top: 1.25rem;
  padding-top: 1rem;
  border-top: 1px solid var(--gta-border-base-color);
}

.form-price .price-wrap,
.form-item-price .price-wrap {
  justify-content: flex-end;
}

.form-price .price-row,
.form-item-price .price-row {
  align-items: center;
}

.form-price .price-row > *,
.form-item-price .price-row > * {
  margin-left: 0.5rem;
}

.form-price .price-txt,
.form-item-price .price-txt,
.form-price .price-del,
.form-item-price .price-del {
  font-size: 0.875rem;
}

.form-price .price-row,
.form-item-price .price-row {
  order: 0;
}

.form-price .badge-row,
.form-item-price .badge-row {
  order: 1;
  width: 100%;
}

@media (min-width: 576px) {
  .form-price .price-row,
  .form-item-price .price-row {
    order: 1;
  }
  .form-price .badge-row,
  .form-item-price .badge-row {
    order: 0;
    width: auto;
  }
  .form-item-price .badge-row {
    display: flex;
    align-items: center;
  }
}
/******** Included *************************************************************************/
.incl {
  display: inline-flex;
  align-items: center;
}

.incl:before {
  font-family: "icons", sans-serif;
  margin-right: 0.5rem;
  font-weight: normal;
  font-size: 1rem;
  content: "\e912";
  color: #88AC58;
}

/******** Form On Request *******************************************************************/
.form-onrequest {
  display: inline-flex;
  align-items: center;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  color: clr-white;
  padding: 0.15rem 0.75rem 0.15rem 0.45rem;
  margin-top: 1rem;
  border-radius: 1rem;
  color: #E8EAED;
  background-color: #5F6368;
}

.form-onrequest:before {
  font-family: "icons", sans-serif;
  margin-right: 0.35rem;
  font-weight: normal;
  font-size: 1rem;
  content: "\e954";
}

.form-onrequest-inline .form-onrequest {
  margin-top: 0;
}

.form-onrequest-inline {
  margin-top: 0.25rem;
  margin-bottom: 0.15rem;
}

/******** Form Item Payments **************************************************************/
.form-item.payment {
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 25px;
}

.form-item.payment .form-check-label {
  padding-top: 0.1rem;
}

.form-item.payment-cards {
  background-image: var(--gta-payment-img-cards);
}

.form-item.payment-mc {
  background-image: var(--gta-payment-img-mc);
}

.form-item.payment-visa {
  background-image: var(--gta-payment-img-visa);
}

.form-item.payment-receipt {
  background-image: var(--gta-payment-img-receipt);
}

.form-item.payment label {
  font-weight: 500;
}

#payment-options {
  display: none;
}

body:has(#payment1:checked) #payment-options {
  display: block;
}

/******** Form Item Participant **********************************************************/
.form-participant-item {
  position: relative;
  padding: 1rem;
  text-align: left;
  border-radius: 0.5rem;
  color: var(--gta-clr-type-white) !important;
}

.form-participant-item:before {
  position: absolute;
  top: 0;
  font-family: "icons", sans-serif;
  font-size: 3rem;
  content: "\e918";
}

.form-participant-item .remove {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}

.form-participant-item .input-group {
  max-width: 150px;
}

.form-participant-item .form-title {
  padding-top: 2.5rem;
}

.form-participant-item .form-label {
  font-weight: 500;
  font-size: 1rem;
}

@media (min-width: 576px) {
  .form-participant-item .form-title {
    padding-top: 0;
    padding-left: 3.5rem;
  }
  .form-participant-item .form-label {
    padding-right: 0.5rem;
  }
  .form-participant-item .input-group {
    margin-right: 0.5rem;
  }
}
.category-gta .form-item {
  background-color: var(--gta-clr-booking-item-light-gta) !important;
}

.category-gta .form-item-important {
  border: 1px solid var(--gta-clr-headline-gta) !important;
}

.category-gta .form-item-important:before {
  color: var(--gta-clr-headline-gta) !important;
}

.category-gta .form-item .form-list-title {
  color: var(--gta-clr-headline-gta) !important;
}

.category-gta .form-participant-item {
  background-color: var(--gta-clr-booking-item-dark-gta) !important;
}

.category-gta .form-participant-item button,
.category-gta .form-participant-item input {
  border-color: var(--gta-clr-booking-item-dark-gta) !important;
}

.category-fkf .form-item {
  background-color: var(--gta-clr-booking-item-light-fkf) !important;
}

.category-fkf .form-item-important {
  border: 1px solid var(--gta-clr-headline-fkf) !important;
}

.category-fkf .form-item-important:before {
  color: var(--gta-clr-headline-fkf) !important;
}

.category-fkf .form-item .form-list-title {
  color: var(--gta-clr-headline-fkf) !important;
}

.category-fkf .form-participant-item {
  background-color: var(--gta-clr-booking-item-dark-fkf) !important;
}

.category-fkf .form-participant-item button,
.category-fkf .form-participant-item input {
  border-color: var(--gta-clr-booking-item-dark-fkf) !important;
}

.category-hkf .form-item {
  background-color: var(--gta-clr-booking-item-light-hkf) !important;
}

.category-hkf .form-item-important {
  border: 1px solid var(--gta-clr-headline-hkf) !important;
}

.category-hkf .form-item-important:before {
  color: var(--gta-clr-headline-hkf) !important;
}

.category-hkf .form-item .form-list-title {
  color: var(--gta-clr-headline-hkf) !important;
}

.category-hkf .form-participant-item {
  background-color: var(--gta-clr-booking-item-dark-hkf) !important;
}

.category-hkf .form-participant-item button,
.category-hkf .form-participant-item input {
  border-color: var(--gta-clr-booking-item-dark-hkf) !important;
}

.category-rr .form-item {
  background-color: var(--gta-clr-booking-item-light-rr) !important;
}

.category-rr .form-item-important {
  border: 1px solid var(--gta-clr-headline-rr) !important;
}

.category-rr .form-item-important:before {
  color: var(--gta-clr-headline-rr) !important;
}

.category-rr .form-item .form-list-title {
  color: var(--gta-clr-headline-rr) !important;
}

.category-rr .form-participant-item {
  background-color: var(--gta-clr-booking-item-dark-rr) !important;
}

.category-rr .form-participant-item button,
.category-rr .form-participant-item input {
  border-color: var(--gta-clr-booking-item-dark-rr) !important;
}

/******** Booking Summary *****************************************************************/
.booking-summary {
  display: flex;
  justify-content: flex-end;
  margin-top: 1px;
  position: sticky;
  top: 0;
  z-index: 1025;
}

.booking-summary .btn {
  border-radius: 0;
  border: 0;
  width: 100%;
  height: 3.5rem;
  background-color: transparent;
  text-align: right;
}

.category-gta .booking-summary {
  background-color: var(--gta-clr-section-bg-gta-100) !important;
}

.category-fkf .booking-summary {
  background-color: var(--gta-clr-section-bg-fkf-100) !important;
}

.category-hkf .booking-summary {
  background-color: var(--gta-clr-section-bg-hkf-100) !important;
}

.category-rr .booking-summary {
  background-color: var(--gta-clr-section-bg-rr-100) !important;
}

@media (min-width: 992px) {
  .booking-summary {
    display: none;
  }
}
/******** Booking Menu *******************************************************************/
.img-booking:before {
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.category-gta #menu-booking {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.category-gta .accordion button {
  background-color: var(--gta-clr-booking-item-light-gta);
}

.category-gta .accordion-body {
  background-color: var(--gta-clr-booking-item-light-gta);
}

.category-gta .img-booking:before {
  background: var(--gta-clr-gta-booking-gradient);
}

.category-fkf #menu-booking {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.category-fkf .accordion button {
  background-color: var(--gta-clr-booking-item-light-fkf);
}

.category-fkf .accordion-body {
  background-color: var(--gta-clr-booking-item-light-fkf);
}

.category-fkf .img-booking:before {
  background: var(--gta-clr-fkf-booking-gradient);
}

.category-hkf #menu-booking {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.category-hkf .accordion button {
  background-color: var(--gta-clr-booking-item-light-hkf);
}

.category-hkf .accordion-body {
  background-color: var(--gta-clr-booking-item-light-hkf);
}

.category-hkf .img-booking:before {
  background: var(--gta-clr-hkf-booking-gradient);
}

.category-rr #menu-booking {
  background-color: var(--gta-clr-section-bg-rr-100);
}

.category-rr .accordion button {
  background-color: var(--gta-clr-booking-item-light-rr);
}

.category-rr .accordion-body {
  background-color: var(--gta-clr-booking-item-light-rr);
}

.category-rr .img-booking:before {
  background: var(--gta-clr-rr-booking-gradient);
}

#menu-booking ul {
  margin-left: 1rem;
  margin-right: 1rem;
}

#menu-booking {
  overflow: hidden;
  padding-bottom: 1rem;
  border-radius: 0.625rem;
}

@media (min-width: 992px) {
  #menu-booking {
    border-radius: 0.625rem;
  }
}
.menu-booking-trip {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#menu-booking:has(.img-item) .menu-booking-trip {
  margin-top: 0;
}

.menu-booking-trip li {
  list-style: none;
  font-family: "hknova", sans-serif;
  font-weight: 400;
  color: #ffffff;
  padding: 0.25rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-booking-trip li:first-child {
  display: flex;
  justify-content: space-between;
  text-wrap: balance;
  font-size: 1.15rem;
  padding: 0 0 1rem 0;
  font-weight: 600;
}

.menu-booking-sum {
  display: flex;
  justify-content: space-between;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  color: #ffffff;
  font-size: 1.15rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

/******** Booking Menu Selection ********************************************************/
.menu-booking-selection .accordion-header .btn-icon {
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
}

.menu-booking-selection .accordion-header {
  position: relative;
}

.menu-booking-selection .accordion-button {
  justify-content: flex-start;
}

.menu-booking-selection .accordion-button:after,
.menu-booking-selection .accordion-button:not(.collapsed):after {
  content: "";
}

.menu-booking-selection .accordion-button:before {
  font-family: "icons", sans-serif;
  font-weight: normal;
  margin-right: 0.5rem;
  content: "\e947";
}

.menu-booking-selection .accordion-button:not(.collapsed):before {
  content: "\e948";
}

.menu-booking-selection .accordion-body {
  border-top: 0 !important;
  padding: 0 !important;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.menu-booking-selection .list-group-flush > .list-group-item:first-child {
  border-top-width: 1px;
}

.selection-title,
.selection-txt,
.selection-sum {
  padding-left: 1rem;
  padding-right: 1rem;
}

.selection-title,
.selection-txt {
  font-size: 0.875rem;
}

.selection-txt {
  font-weight: 600;
}

.selection-sum {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
}

/******** Account Header *******************************************************************/
.account-header-wrap {
  color: #ffffff;
  font-family: "hknova", sans-serif;
  text-align: right;
  padding-bottom: 1.5rem;
  padding-top: calc(var(--gta-header-height) + 1.5rem);
  background-color: var(--gta-clr-section-bg-gta-100);
}

.account-user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-weight: 600;
}

.account-user:before {
  font-family: "icons", sans-serif;
  content: "\e907";
  font-size: 1rem;
  margin-right: 0.5rem;
}

.account-current {
  font-weight: 500;
  font-size: 0.875rem;
}

.account-agency {
  font-weight: 400;
  font-size: 0.875rem;
}

.account-num {
  font-weight: 400;
  font-size: 0.875rem;
}

.account-change {
  margin-top: 0.5rem;
}

.account-title {
  font-size: 2rem;
  line-height: 1.2;
  text-align: center;
  margin-bottom: 2rem;
  color: var(--gta-clr-headline-gta);
}
@media screen and (min-width: 768px) {
  .account-title {
    font-size: 2.5rem;
    line-height: 1.2;
  }
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.fade {
  transition: opacity 0.15s linear;
}

.menu-tab-wrapper {
  display: flex;
  justify-content: center;
}

.menu-tab-wrapper {
  display: flex;
  justify-content: center;
}

.menu-tab {
  display: inline-flex;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  background-color: var(--gta-switch-toggle-bg);
  width: 100%;
  max-width: 250px;
  height: 2.375rem;
  margin-left: auto;
  margin-right: auto;
}

.tab-btn {
  flex: 1;
  color: var(--gta-switch-toggle-color);
  text-align: center;
  font-size: 0.875rem;
  line-height: 37px;
  z-index: 2;
  position: relative;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
}

.tab-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-color: var(--gta-switch-toggle-slider);
  border: 3px solid var(--gta-switch-toggle-bg);
  border-radius: 1.5rem;
  transition: all 0.3s ease;
  z-index: 1;
}

.tab-slider:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--gta-switch-toggle-slider);
  border-radius: 1.5rem;
}

.tab-right.active ~ .tab-slider {
  left: 50%;
}

/******** Tab Booking **********************************************************************/
.menu-booking-tab-wrapper {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  overflow-x: auto;
}

.menu-booking-tab {
  display: inline-flex;
  border-radius: 0.625rem;
  background-color: var(--gta-switch-toggle-bg);
}

.booking-tab-btn {
  flex: 1;
  color: var(--gta-switch-toggle-color);
  padding: 0 1.5rem 0.5rem 1.5rem;
  font-size: 1rem;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 3px solid transparent;
  border-radius: 0.5rem;
  background-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.booking-tab-btn.tab-form {
  white-space: wrap;
  padding: 0.5rem 1.5rem 0.75rem 1.5rem;
}

.booking-tab-btn span {
  display: block;
  font-weight: 400;
}

.booking-tab-btn:before {
  display: block;
  font-size: 1.5rem;
  font-weight: normal;
}

.booking-tab-btn.tab-form:before {
  font-family: "icons", sans-serif;
  content: "\e951";
}

.booking-tab-btn.tab-form.active:before {
  content: "\e912";
}

.booking-tab-btn.active {
  border: 3px solid var(--gta-switch-toggle-bg);
  background-color: var(--gta-switch-toggle-slider);
}

.booking-tab-btn.tab-form.active:before {
  color: #88AC58;
}

[data-bs-theme=dark] .booking-tab-btn.tab-form.active:before {
  color: #ffffff;
}

.w-100 {
  width: 100%;
}

.w-50 {
  width: 50%;
}

/******** Menu Saison **********************************************************************/
.menu-season {
  display: inline-flex;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  background-color: var(--gta-switch-toggle-bg);
  width: 100%;
  max-width: 250px;
  height: 2.375rem;
  margin-left: auto;
  margin-right: auto;
}

.menu-season li {
  flex: 1;
  list-style: none;
  color: var(--gta-switch-toggle-color);
  text-align: center;
  font-size: 0.875rem;
  line-height: 33px;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 1.5rem;
  border: 0;
  background-color: transparent;
}

.menu-season li a {
  display: block;
  line-height: 39px;
  text-decoration: none;
}

.menu-season li.active {
  border: 3px solid var(--gta-switch-toggle-bg);
  background-color: var(--gta-switch-toggle-slider);
}

/******** Tab Colors **********************************************************************/
.category-gta .menu-tab,
.category-gta .menu-booking-tab {
  background-color: var(--gta-switch-toggle-bg-gta);
}

.category-gta .tab-slider,
.category-gta .booking-tab-btn {
  border: 3px solid var(--gta-switch-toggle-bg-gta);
}

.category-gta .tab-slider:after,
.category-gta .booking-tab-btn.active {
  background-color: var(--gta-switch-toggle-slider-gta);
}

.category-fkf .menu-tab,
.category-fkf .menu-booking-tab {
  background-color: var(--gta-switch-toggle-bg-fkf);
}

.category-fkf .tab-slider,
.category-fkf .booking-tab-btn {
  border: 3px solid var(--gta-switch-toggle-bg-fkf);
}

.category-fkf .tab-slider:after,
.category-fkf .booking-tab-btn.active {
  background-color: var(--gta-switch-toggle-slider-fkf);
}

.category-hkf .menu-tab,
.category-hkf .menu-booking-tab {
  background-color: var(--gta-switch-toggle-bg-hkf);
}

.category-hkf .tab-slider,
.category-hkf .booking-tab-btn {
  border: 3px solid var(--gta-switch-toggle-bg-hkf);
}

.category-hkf .tab-slider:after,
.category-hkf .booking-tab-btn.active {
  background-color: var(--gta-switch-toggle-slider-hkf);
}

.category-rr .menu-tab,
.category-rr .menu-booking-tab {
  background-color: var(--gta-switch-toggle-bg-rr);
}

.category-rr .tab-slider,
.category-rr .booking-tab-btn {
  border: 3px solid var(--gta-switch-toggle-bg-rr);
}

.category-rr .tab-slider:after,
.category-rr .booking-tab-btn.active {
  background-color: var(--gta-switch-toggle-slider-rr);
}

.article-gta .menu-tab,
.article-gta .menu-season {
  background-color: var(--gta-switch-toggle-bg-gta);
}

.article-gta .tab-slider,
.article-gta .menu-season li.active {
  border: 3px solid var(--gta-switch-toggle-bg-gta);
}

.article-gta .tab-slider:after,
.article-gta .menu-season li.active {
  background-color: var(--gta-switch-toggle-slider-gta);
}

.article-fkf .menu-tab,
.article-fkf .menu-season {
  background-color: var(--gta-switch-toggle-bg-fkf);
}

.article-fkf .tab-slider,
.article-fkf .menu-season li.active {
  border: 3px solid var(--gta-switch-toggle-bg-fkf);
}

.article-fkf .tab-slider:after,
.article-fkf .menu-season li.active {
  background-color: var(--gta-switch-toggle-slider-fkf);
}

.article-hkf .menu-tab,
.article-hkf .menu-season {
  background-color: var(--gta-switch-toggle-bg-hkf);
}

.article-hkf .tab-slider,
.article-hkf .menu-season li.active {
  border: 3px solid var(--gta-switch-toggle-bg-hkf);
}

.article-hkf .tab-slider:after,
.article-hkf .menu-season li.active {
  background-color: var(--gta-switch-toggle-slider-hkf);
}

.article-rr .menu-tab,
.article-rr .menu-season {
  background-color: var(--gta-switch-toggle-bg-rr);
}

.article-rr .tab-slider,
.article-rr .menu-season li.active {
  border: 3px solid var(--gta-switch-toggle-bg-rr);
}

.article-rr .tab-slider:after,
.article-rr .menu-season li.active {
  background-color: var(--gta-switch-toggle-slider-rr);
}

.accordion {
  --gta-accordion-border-width: 1px;
  border-bottom: var(--gta-accordion-border-width) solid var(--gta-accordion-border-color);
}

.accordion-item {
  border-top: var(--gta-accordion-border-width) solid var(--gta-accordion-border-color);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-header {
  padding: 0.25rem 0;
}

.accordion-button:after {
  font-family: "icons", sans-serif;
  font-weight: normal;
  content: "\e947";
}

.accordion-button:not(.collapsed):after {
  content: "\e948";
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0.75rem 0;
  font-size: 1rem;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 0.25rem;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.accordion-body {
  padding-bottom: 2rem;
}

/******** Reiseverlauf ************************************************************************/
ol.accordion {
  counter-reset: li;
  margin: 0 !important;
  margin-bottom: 1rem !important;
  border: 0;
}

ol.accordion li {
  list-style: none;
  position: relative;
  margin-left: 2rem !important;
  margin-bottom: 0.5rem !important;
  border: 0;
  border-radius: 0.5rem;
  background-color: var(--gta-clr-item-bg-color);
}

ol.accordion .accordion-header {
  padding: 0;
}

ol.accordion .accordion-header:before {
  content: "";
  position: absolute;
  left: -4px;
  top: 22.5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid var(--gta-clr-item-bg-color);
  border-bottom: 5px solid transparent;
}

ol.accordion .accordion-header button {
  padding: 1rem;
}

ol.accordion li:before {
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  color: #ffffff;
  content: counter(li, decimal);
  counter-increment: li;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  text-align: center;
  font-size: 0.75rem;
  line-height: 24px;
  height: 24px;
  width: 24px;
  top: 15px;
  left: -2rem;
}

ol.accordion li:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: -21px;
  top: -8px;
  bottom: 0;
  width: 1px;
  background-color: var(--gta-list-icon-color-fkf);
}

ol.accordion li:first-child:after {
  top: 15px;
}

ol.accordion li:last-child:after {
  bottom: auto;
  height: 24px;
}

ol.accordion .accordion-body {
  padding: 2rem 1rem 2rem 1rem;
  border-top: 1px solid var(--gta-clr-item-border-color);
}

@media (min-width: 768px) {
  ol.accordion .accordion-body {
    padding: 3rem 2rem 3rem 2rem;
  }
}
.accordion-title {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  margin-bottom: 1rem;
}

/******** Faq *************************************************************************************/
ul.accordion {
  margin-bottom: 1rem !important;
  border: 0;
}

ul.accordion li {
  list-style: none;
  position: relative;
  margin-bottom: 0.5rem !important;
  border: 0;
  border-radius: 0.5rem;
  background-color: var(--gta-clr-item-bg-color);
}

ul.accordion .accordion-header {
  padding: 0;
}

ul.accordion .accordion-header button {
  padding: 1rem;
}

ul.accordion .accordion-body {
  padding: 2rem 1rem 2rem 1rem;
  border-top: 1px solid var(--gta-clr-item-border-color);
}

/******** Accordion Colors ************************************************************************/
.article-gta ol.accordion li:before,
.article-gta ol.accordion li:after {
  background-color: var(--gta-list-icon-color-gta);
}

.category-gta .accordion button,
.article-gta .accordion button,
.article-gta .accordion-title {
  color: var(--gta-clr-headline-gta);
}

.article-fkf ol.accordion li:before,
.article-fkf ol.accordion li:after {
  background-color: var(--gta-list-icon-color-fkf);
}

.category-fkf .accordion button,
.article-fkf .accordion button,
.article-fkf .accordion-title {
  color: var(--gta-clr-headline-fkf);
}

.article-hkf ol.accordion li:before,
.article-hkf ol.accordion li:after {
  background-color: var(--gta-list-icon-color-hkf);
}

.category-hkf .accordion button,
.article-hkf .accordion button,
.article-hkf .accordion-title {
  color: var(--gta-clr-headline-hkf);
}

.article-rr ol.accordion li:before,
.article-rr ol.accordion li:after {
  background-color: var(--gta-list-icon-color-rr);
}

.category-rr .accordion button,
.article-rr .accordion button,
.article-rr .accordion-title {
  color: var(--gta-clr-headline-rr);
}

/******** Service Items *****************************************************************************/
.list-service-item {
  font-weight: 500;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  padding-left: 3.75rem !important;
  padding-right: 0.5rem !important;
}

.list-service-item:before {
  position: absolute;
  left: 1rem;
  top: 0.65rem;
  font-family: "icons", sans-serif;
  color: var(--gta-clr-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Ccircle cx='20' cy='20' r='20'/%3E%3C/svg%3E"), linear-gradient(#000, #000);
  mask-repeat: no-repeat;
  mask-position: 22px 17px, 100% 100%;
  mask-size: 18px 18px, 100% 100%;
  mask-composite: exclude;
}

.list-service-item:after {
  position: absolute;
  top: 26.5px;
  left: 40px;
  font-family: "icons", sans-serif;
  font-size: 14px;
  content: "\e912";
}

.list-service-item.service-cruise:before {
  content: "\e90b";
}

.list-service-item.service-flight:before {
  content: "\e91d";
}

.list-service-item.service-bus:before {
  content: "\e927";
}

.list-service-item.service-fees:before {
  content: "\e932";
}

.list-service-item.service-info:before {
  content: "\e916";
}

.list-service-item.service-catering:before {
  content: "\e902";
}

.list-service-item.service-documents:before {
  content: "\e900";
}

.list-service-item.service-guide:before {
  content: "\e90e";
}

.list-service-item.service-hotel:before {
  content: "\e918";
}

.list-service-item.service-excursion:before {
  content: "\e929";
}

.list-gta .list-service-item:before,
.article-gta.list-service-item:before {
  background-color: var(--gta-list-icon-color-gta);
}

.list-fkf .list-service-item:before,
.article-fkf .list-service-item:before {
  background-color: var(--gta-list-icon-color-fkf);
}

.list-hkf .list-service-item:before,
.article-hkf .list-service-item:before {
  background-color: var(--gta-list-icon-color-hkf);
}

.list-rr .list-service-item:before,
.article-rr .list-service-item:before {
  background-color: var(--gta-list-icon-color-rr);
}

.list-gta .list-service-item:after,
.article-gta .list-service-item:after {
  color: var(--gta-clr-gta-200);
}

.list-fkf .list-service-item:after,
.article-fkf .list-service-item:after {
  color: var(--gta-clr-fkf-200);
}

.list-hkf .list-service-item:after,
.article-hkf .list-service-item:after {
  color: var(--gta-clr-hkf-200);
}

.list-rr .list-service-item:after,
.article-rr .list-service-item:after {
  color: var(--gta-clr-rr-200);
}

/******** List Social *******************************************************************************/
.list-social {
  list-style: none;
  margin-left: 0;
}

.list-social li {
  padding: 0.25rem 0;
  display: block;
  text-align: center;
}

@media (min-width: 768px) {
  .list-social li {
    padding: 0 0.25rem;
    display: inline-block;
    text-align: left;
  }
}
/******** List Icon ************************************************************************************/
.list-icon,
.list {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  list-style: none;
  margin-left: 0;
}

.list-icon li {
  position: relative;
  padding: 0.15rem 0 0.15rem 1.5rem;
  line-height: 1.5;
}

.list li {
  padding: 0.15rem 0;
}

.list-icon li.list-title {
  font-weight: 500;
  padding: 0.15rem 0;
}

.list-icon li:before {
  position: absolute;
  left: 0;
  font-family: "icons", sans-serif;
}

.list-icon li.flight:before {
  content: "\e91d";
}

.list-icon li.bus:before {
  content: "\e927";
}

.list-icon li.train:before {
  content: "\e93f";
}

.list-icon li.flight-departure:before {
  content: "\e94a";
}

.list-icon li.flight-arrival:before {
  content: "\e94b";
}

.list-icon li.class:before {
  content: "\e94c";
}

.list-icon li.flight-stop:before {
  content: "\e957";
}

.list-icon li.notice:before {
  content: "\e954";
}

/******** List Checkmark *******************************************************************************/
.list-checkmark {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  list-style: none;
  margin-left: 0;
}

.list-checkmark li {
  position: relative;
  padding-left: 1.5rem;
}

.list-checkmark li:before {
  position: absolute;
  left: 0;
  font-family: "icons", sans-serif;
  content: "\e912";
}

.category-gta .list-checkmark li:before,
.article-gta .list-checkmark li:before {
  color: var(--gta-list-icon-color-gta);
}

.category-fkf .list-checkmark li:before,
.article-fkf .list-checkmark li:before {
  color: var(--gta-list-icon-color-fkf);
}

.category-hkf .list-checkmark li:before,
.article-hkf .list-checkmark li:before {
  color: var(--gta-list-icon-color-hkf);
}

.category-rr .list-checkmark li:before,
.article-rr .list-checkmark li:before {
  color: var(--gta-list-icon-color-rr);
}

/******** List Download *******************************************************************************/
.list-download {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  list-style: none;
  margin-left: 0;
}

.list-download li {
  padding: 0.5rem 0;
  margin-top: -1px;
  border-top: 1px solid var(--gta-list-group-border-color);
  border-bottom: 1px solid var(--gta-list-group-border-color);
}

.list-download .list-title {
  padding: 1.5rem 0 0.5rem 0;
  border-top: 0;
  font-weight: 400;
  font-size: 0.875rem;
}

.list-download .list-title:first-child {
  padding: 0 0 0.5rem 0;
}

.list-download li a {
  position: relative;
  display: block;
  border-radius: 0.25rem;
  padding-left: 1.5rem;
  text-decoration: none;
}

.list-download li a:before {
  position: absolute;
  left: 0;
  font-family: "icons", sans-serif;
  content: "\e91e";
}

.article-gta .list-download li a,
.article-gta .list-download li:before,
.category-gta .list-download li a,
.category-gta .list-download li:before {
  color: var(--gta-list-icon-color-gta);
}

.article-fkf .list-download li a,
.article-fkf .list-download li:before {
  color: var(--gta-list-icon-color-fkf);
}

.article-hkf .list-download li a,
.article-hkf .list-download li:before {
  color: var(--gta-list-icon-color-hkf);
}

.article-rr .list-download li a,
.article-rr .list-download li:before {
  color: var(--gta-list-icon-color-rr);
}

/******** List Colors *******************************************************************************/
.list-grey li:before,
.list-grey li a,
.list-grey li {
  color: var(--gta-clr-grey);
}

.list-gta li:before,
.list-gta li a {
  color: var(--gta-list-icon-color-gta);
}

.list-fkf li:before,
.list-fkf li a {
  color: var(--gta-list-icon-color-fkf);
}

.list-hkf li:before,
.list-hkf li a {
  color: var(--gta-list-icon-color-hkf);
}

.list-rr li:before,
.list-rr li a {
  color: var(--gta-list-icon-color-rr);
}

/******** List Size *******************************************************************************/
.list-sm {
  font-size: 0.875rem;
}

/******** Slider ******************************************************************************/
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-indecx: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  list-style: none;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  --gta-swiper-pagination-color: #ffffff;
  --gta-swiper-pagination-bullet-width: 30px;
  --gta-swiper-pagination-bullet-height: 5px;
  --gta-swiper-pagination-bullet-border-radius: 2.5px;
  --gta-swiper-pagination-bullet-inactive-color: #ffffff;
  --gta-swiper-pagination-bullet-inactive-opacity: 0.5;
  --gta-swiper-pagination-bullet-opacity: 1;
  --gta-swiper-pagination-bullet-horizontal-gap: 5px;
}

.swiper-pagination {
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  width: auto;
}

.swiper-pagination-bullet {
  width: var(--gta-swiper-pagination-bullet-width);
  height: var(--gta-swiper-pagination-bullet-height);
  display: inline-block;
  border-radius: var(--gta-swiper-pagination-bullet-border-radius);
  background: var(--gta-swiper-pagination-bullet-inactive-color);
  opacity: var(--gta-swiper-pagination-bullet-inactive-opacity);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet:focus-visible {
  outline: 1px dotted var(--gta-swiper-pagination-color);
  outline-offset: 2px;
}

.swiper-pagination-bullet-active {
  opacity: var(--gta-swiper-pagination-bullet-opacity);
  background: var(--gta-swiper-pagination-color);
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets,
.swiper-pagination-bullet {
  margin: 0 var(--gta-swiper-pagination-bullet-horizontal-gap);
}

.swiper-pagination-lock {
  display: none;
}

/******** Hero ******************************************************************************/
.section-hero .swiper {
  padding-bottom: 6.25rem;
}

/******** Section ***************************************************************************/
.swiper-fkf .swiper-pagination-bullet {
  background: var(--gta-clr-swiper-fkf-100);
}

.swiper-hkf .swiper-pagination-bullet {
  background: var(--gta-clr-swiper-hkf-100);
}

.swiper-rr .swiper-pagination-bullet {
  background: var(--gta-clr-swiper-rr-100);
}

.swiper-fkf .swiper-pagination-bullet:focus-visible {
  outline: 1px dotted var(--gta-clr-swiper-fkf-100);
  outline-offset: 2px;
}

.swiper-hkf .swiper-pagination-bullet:focus-visible {
  outline: 1px dotted var(--gta-clr-swiper-hkf-100);
  outline-offset: 2px;
}

.swiper-rr .swiper-pagination-bullet:focus-visible {
  outline: 1px dotted var(--gta-clr-swiper-rr-100);
  outline-offset: 2px;
}

:root {
  --gta-swiper-navigation-size: 2.5rem;
  --gta-swiper-navigation-color: #ffffff;
  --gta-swiper-navigation-inactive-color: 0.5;
}

.swiper-button-prev,
.swiper-button-next {
  width: var(--gta-swiper-navigation-size);
  height: var(--gta-swiper-navigation-size);
  border-radius: 50%;
  margin: 0 2px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: var(--gta-swiper-navigation-size);
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: var(--gta-swiper-navigation-inactive-color);
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev:before,
.swiper-button-next:before {
  display: block;
  font-family: "icons", sans-serif;
  font-size: var(--gta-swiper-navigation-size);
}

.swiper-button-prev:before,
.swiper-rtl .swiper-button-next:before {
  content: "\e93c";
}

.swiper-button-next:before,
.swiper-rtl .swiper-button-prev:before {
  content: "\e92b";
}

.swiper-button-lock {
  display: none;
}

/******** Navigation *************************************************************************/
.swiper-navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 1320px;
  margin: 0 auto;
  padding-right: calc(var(--gta-gutter-x) * 0.5);
  padding-left: calc(var(--gta-gutter-x) * 0.5);
}

@media (min-width: 768px) {
  .swiper-navigation {
    justify-content: flex-end;
  }
}
/******** Hero ******************************************************************************/
.swiper-hero .swiper-navigation-wrapper {
  position: absolute;
  z-index: 10;
  bottom: auto;
  top: 100px;
  left: 0;
  width: 100%;
}

.swiper-hero .swiper-button-prev,
.swiper-hero .swiper-button-next {
  color: var(--gta-swiper-navigation-color);
  display: none;
}

.swiper-navigation:has(.swiper-pagination) .swiper-button-prev {
  margin-left: 10px;
}

@media (min-width: 768px) {
  .swiper-hero .swiper-button-prev,
  .swiper-hero .swiper-button-next {
    display: flex;
  }
  .swiper-hero .swiper-navigation-wrapper {
    top: 600px;
  }
}
/******** Section ****************************************************************************/
.section-cards .swiper {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.section-cards .swiper-navigation-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.section-cards .swiper-slide {
  padding-bottom: 2rem;
}

.section-cards .swiper-button-prev,
.section-cards .swiper-button-next {
  display: none;
}

@media (min-width: 768px) {
  .section-cards .swiper {
    margin-top: -2rem;
    padding-top: 4rem;
    padding-bottom: 0;
  }
  .section-cards .swiper-navigation-wrapper {
    top: 0;
    bottom: auto;
    padding-top: 3px;
  }
  .section-cards .swiper-button-prev,
  .section-cards .swiper-button-next {
    display: block;
  }
}
/******** Article ***************************************************************************/
.swiper-article .swiper-navigation {
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
  padding-bottom: 3px;
}

/******** Colors ****************************************************************************/
.swiper-bgimg .swiper-button-prev,
.swiper-bgimg .swiper-button-next {
  color: var(--gta-swiper-navigation-color);
}

.article-gta .swiper-button-prev,
.article-gta .swiper-button-next,
.swiper-gta .swiper-button-prev,
.swiper-gta .swiper-button-next {
  color: var(--gta-clr-swiper-gta-100);
}

.article-fkf .swiper-button-prev,
.article-fkf .swiper-button-next,
.swiper-fkf .swiper-button-prev,
.swiper-fkf .swiper-button-next {
  color: var(--gta-clr-swiper-fkf-100);
}

.article-hkf .swiper-button-prev,
.article-hkf .swiper-button-next,
.swiper-hkf .swiper-button-prev,
.swiper-hkf .swiper-button-next {
  color: var(--gta-clr-swiper-hkf-100);
}

.article-rr .swiper-button-prev,
.article-rr .swiper-button-next,
.swiper-rr .swiper-button-prev,
.swiper-rr .swiper-button-next {
  color: var(--gta-clr-swiper-rr-100);
}

/******** Footer ******************************************************************************/
footer {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
}

.section-footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer .section-footer:first-child {
  border-bottom: 1px solid var(--gta-border-base-color);
}

/******** Payments **********************************************************************/
.payments {
  width: 200px;
  padding: 0 1rem;
  margin: -18px auto 0 auto;
  background-color: var(--gta-body-bg-color);
}

.section-payments .container:before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: var(--gta-border-base-color);
}

/******** Links *************************************************************************/
.list-footer {
  list-style: none;
  margin-left: 0;
}

.list-footer li {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  padding: 0.5rem 0;
  display: block;
  text-align: left;
  text-wrap: balance;
  border-top: 1px solid var(--gta-border-base-color);
}

.list-footer li:last-child {
  border-bottom: 1px solid var(--gta-border-base-color);
}

.list-footer li a {
  display: block;
  border-radius: 0.25rem;
  text-decoration: none;
  color: var(--gta-clr-grey);
}

.list-footer li a:hover {
  color: var(--gta-clr-darkgrey);
}

/******** Footer Menu *******************************************************************************/
#menu-footer ul {
  display: flex;
  list-style: none;
  margin: 0;
  flex-direction: column;
  justify-content: center;
}

#menu-footer ul li {
  display: flex;
  justify-content: center;
  padding: 0.5rem 0;
}

#menu-footer li a {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: inline-block;
  font-weight: 700;
  font-size: 0.875rem;
  padding: 0.15rem 0.25rem;
  border-radius: 0.25rem;
  text-decoration: none;
  color: var(--gta-menu-footer-item-color);
}

#menu-footer li a:hover {
  color: var(--gta-menu-footer-item-hover-color);
}

@media (min-width: 768px) {
  #menu-footer ul {
    flex-direction: row;
  }
  #menu-footer ul li {
    padding: 0 0.5rem;
  }
}
/******** Forms *******************************************************************************/
fieldset {
  border: 0;
}

fieldset.switch-block {
  max-width: 160px;
}

fieldset.switch-block legend {
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0;
}

legend {
  width: 100%;
  text-align: center;
  font-family: "hknova", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding-bottom: 1rem;
}

.input-row {
  margin-bottom: 0.75rem;
}

@media (min-width: 768px) {
  .input-row-max {
    max-width: 50%;
  }
}
.checkbox-row {
  margin-bottom: 0.5rem;
}

.btn-row {
  text-align: center;
}

.btn-row .btn + .btn {
  margin-left: 0.5rem;
}

.form-link {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  color: var(--gta-form-link);
  padding: 0.25rem;
  border-radius: 0.25rem;
  text-decoration: none;
}

.form-link:before {
  margin-right: 0.25rem;
}

.category-gta .form-link {
  color: var(--gta-clr-headline-gta);
}

.category-fkf .form-link {
  color: var(--gta-clr-headline-fkf);
}

.category-hkf .form-link {
  color: var(--gta-clr-headline-hkf);
}

.category-rr .form-link {
  color: var(--gta-clr-headline-rr);
}

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

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/******** Password **********************************************************************/
.input-row .text-muted {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.75rem !important;
  color: var(--gta-clr-grey) !important;
  padding-bottom: 0.15rem;
}

.input-row .text-center {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.75rem !important;
  color: var(--gta-clr-grey) !important;
}

.input-row meter {
  width: 100%;
}

.input-row output {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.75rem !important;
  color: var(--gta-clr-grey) !important;
}

/******** Switch Toggle **********************************************************************/
.switch-toggle {
  display: inline-flex;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
  background-color: var(--gta-switch-toggle-bg);
  width: 100%;
  height: 2.375rem;
}

.switch-toggle-header {
  font-size: 0.875rem;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.switch-toggle input {
  width: 1rem;
  height: 1rem;
  opacity: 0;
  left: 0;
  top: 0;
  position: absolute;
}

.switch-label {
  flex: 1;
  color: var(--gta-switch-toggle-color);
  text-align: center;
  font-size: 0.875rem;
  line-height: 38px;
  cursor: pointer;
  z-index: 2;
  position: relative;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  user-select: none;
}

.switch-slider {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border: 3px solid var(--gta-switch-toggle-bg);
  border-radius: 1.5rem;
  transition: all 0.3s ease;
  z-index: 1;
}

.switch-slider:after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--gta-switch-toggle-slider);
  border-radius: 1.5rem;
}

.switch-right:checked ~ .switch-slider {
  left: 50%;
}

.switch-left:checked + label,
.switch-right:checked + label {
  z-index: 3;
}

/******** Switch Toggle Colors **********************************************************************/
.switch-toggle.fkf,
.article-fkf .switch-toggle {
  background-color: var(--gta-switch-toggle-bg-fkf);
}

.switch-toggle.fkf .switch-slider,
.article-fkf .switch-slider {
  border: 3px solid var(--gta-switch-toggle-bg-fkf);
}

.switch-toggle.fkf .switch-slider:after,
.article-fkf .switch-slider:after {
  background-color: var(--gta-switch-toggle-slider-fkf);
}

.switch-toggle.hkf,
.article-hkf .switch-toggle {
  background-color: var(--gta-switch-toggle-bg-hkf);
}

.switch-toggle.hkf .switch-slider,
.article-hkf .switch-slider {
  border: 3px solid var(--gta-switch-toggle-bg-hkf);
}

.switch-toggle.hkf .switch-slider:after,
.article-hkf .switch-slider:after {
  background-color: var(--gta-switch-toggle-slider-hkf);
}

.switch-toggle.rr,
.article-rr .switch-toggle {
  background-color: var(--gta-switch-toggle-bg-rr);
}

.switch-toggle.rr .switch-slider,
.article-rr .switch-slider {
  border: 3px solid var(--gta-switch-toggle-bg-rr);
}

.switch-toggle.rr .switch-slider:after,
.article-rr .switch-slider:after {
  background-color: var(--gta-switch-toggle-slider-rr);
}

.form-check-label {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.form-check-label .form-link.icon {
  margin-left: -0.35rem;
}

.form-check-price {
  font-family: "hknova", sans-serif;
  font-weight: 600;
  font-size: 1rem;
  padding-top: 0.25rem;
}

.form-check-label-title {
  font-weight: 600;
  font-size: 1rem;
}

.form-label {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  display: block;
  font-size: 0.875rem;
  margin-bottom: 0.25rem;
  text-align: left !important;
}

.form-control {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--gta-input-text-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--gta-input-bg);
  background-clip: padding-box;
  border: 1px solid var(--gta-input-border-color);
  border-radius: 0.5rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: var(--gta-input-text-color);
  background-color: var(--gta-input-bg);
  border-color: var(--gta-input-border-focus-color);
  outline: 2px dotted var(--gta-input-border-focus-color);
  outline-offset: 2px;
  box-shadow: 0;
}

.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}

.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}

.form-control::-moz-placeholder {
  color: var(--gta-input-placeholder-color);
  opacity: 1;
}

.form-control::placeholder {
  color: var(--gta-input-placeholder-color);
  opacity: 1;
}

.form-control:disabled {
  background-color: var(--gta-input-disabled-bg);
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--gta-btn-color);
  background-color: var(--gta-btn-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--gta-btn-color);
  background-color: var(--gta-btn-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--gta-input-disabled-bg);
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--gta-input-disabled-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--gta-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: 6.5rem;
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-select {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: inline-block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--gta-input-text-color);
  background-color: var(--gta-input-bg);
  background-image: var(--gta-select-bg-img);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--gta-input-border-color);
  border-radius: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  color: var(--gta-input-text-color);
  background-color: var(--gta-input-bg);
  border-color: var(--gta-input-border-focus-color);
  outline: 2px dotted var(--gta-input-border-focus-color);
  outline-offset: 2px;
  box-shadow: 0;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: var(--gta-input-disabled-bg);
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--gta-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.75rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: left;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--gta-check-input-bg);
  background-image: var(--gta-check-bg-img);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid var(--gta-check-input-border-color);
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #88AC58;
  outline: 0;
  box-shadow: 0 0 0 0.15rem rgba(136, 172, 88, 0.5);
}

.form-check-input:checked {
  background-color: #88AC58;
  border-color: #88AC58;
}

.form-check-input:checked[type=checkbox] {
  background-image: var(--gta-check-input-checked-bg-img);
}

.form-check-input:checked[type=radio] {
  background-image: var(--gta-check-radio-checked-bg-img);
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check[disabled] + label, .btn-check:disabled + label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 3.25rem;
}

.form-switch.form-check-reverse {
  padding-right: 3.25rem;
  padding-left: 0;
}

@media (min-width: 992px) {
  .form-switch.form-check-reverse {
    padding-right: 4.25rem;
  }
}
.form-switch .form-check-input {
  width: 2.75rem;
  height: 1.5rem;
  margin-left: -3.25rem;
  background-image: var(--gta-switch-bg-img);
  background-position: left center;
  border-radius: 2.75rem;
  transition: background-position 0.15s ease-in-out;
}

.form-switch.form-check-reverse .form-check-input {
  margin-left: 0;
  margin-right: -3.25rem;
}

@media (min-width: 992px) {
  .form-switch.form-check-reverse .form-check-input {
    margin-right: -4.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: var(--gta-switch-focus-bg-img);
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: var(--gta-switch-checked-bg-img);
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.form-switch label {
  padding-top: 0.3rem;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}

.input-group .btn {
  position: relative;
  border-radius: 0.5rem;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--gta-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--gta-input-bg);
  border: 1px solid var(--gta-input-border-color);
  border-radius: 0.5rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.5rem;
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/******** Components **************************************************************************/
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --gta-gutter-x: 1.5rem;
  --gta-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--gta-gutter-x) * 1);
  padding-left: calc(var(--gta-gutter-x) * 1);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --gta-gutter-x: 1.5rem;
  --gta-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--gta-gutter-y));
  margin-right: calc(-0.5 * var(--gta-gutter-x));
  margin-left: calc(-0.5 * var(--gta-gutter-x));
  margin-bottom: 0 !important;
  list-style: none;
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--gta-gutter-x) * 0.5);
  padding-left: calc(var(--gta-gutter-x) * 0.5);
  margin-top: var(--gta-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --gta-gutter-x: 0;
}

.g-0,
.gy-0 {
  --gta-gutter-y: 0;
}

.g-1,
.gx-1 {
  --gta-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --gta-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --gta-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --gta-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --gta-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --gta-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --gta-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --gta-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --gta-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --gta-gutter-y: 3rem;
}

.g-6,
.gx-6 {
  --gta-gutter-x: 5rem;
}

.g-6,
.gy-6 {
  --gta-gutter-y: 5rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --gta-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --gta-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --gta-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --gta-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --gta-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --gta-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --gta-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --gta-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --gta-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --gta-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --gta-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --gta-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --gta-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --gta-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --gta-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --gta-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --gta-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --gta-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --gta-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --gta-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --gta-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --gta-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --gta-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --gta-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --gta-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --gta-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --gta-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --gta-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --gta-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --gta-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --gta-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --gta-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --gta-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --gta-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --gta-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --gta-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --gta-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --gta-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --gta-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --gta-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --gta-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --gta-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --gta-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --gta-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --gta-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --gta-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --gta-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --gta-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --gta-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --gta-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --gta-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --gta-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --gta-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --gta-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --gta-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --gta-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --gta-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --gta-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --gta-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --gta-gutter-y: 3rem;
  }
}
.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

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

.d-none {
  display: none !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

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

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

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

.flex-grow-0 {
  flex-grow: 0 !important;
}

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

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

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

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

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

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

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

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

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

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

.align-items-baseline {
  align-items: baseline !important;
}

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

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

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

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

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

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

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

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

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
.valid-feedback {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #7fab30;
}

.valid-tooltip {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #7fab30;
  border-radius: 0.5rem;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #7fab30;
  padding-right: calc(1.5em + 0.75rem);
  background-image: var(--gta-valid-bg-img);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #7fab30;
  box-shadow: 0;
  outline: 2px dotted #7fab30;
  outline-offset: 2px;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #7fab30;
}

.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: var(--gta-select-bg-img), var(--gta-valid-bg-img);
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #7fab30;
  box-shadow: 0;
  outline: 2px dotted #7fab30;
  outline-offset: 2px;
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #7fab30;
}

.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #7fab30;
}

.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.15rem rgba(127, 171, 48, 0.5);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #7fab30;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: #D32F2F;
}

.invalid-tooltip {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.75rem;
  color: #fff;
  background-color: #D32F2F;
  border-radius: 0.5rem;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #D32F2F;
  padding-right: calc(1.5em + 0.75rem);
  background-image: var(--gta-invalid-bg-img);
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #D32F2F;
  box-shadow: 0;
  outline: 2px dotted #D32F2F;
  outline-offset: 2px;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #D32F2F;
}

.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: var(--gta-select-bg-img), var(--gta-invalid-bg-img);
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #D32F2F;
  box-shadow: 0;
  outline: 2px dotted #D32F2F;
  outline-offset: 2px;
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #D32F2F;
}

.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #D32F2F;
}

.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.15rem rgba(211, 47, 47, 0.5);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #D32F2F;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

/******** Error Msg ********************************************************************************/
.invalid-message {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: inline-block;
  font-size: 1rem;
  color: #ffffff;
  padding: 0.25rem 1rem;
  border-radius: 0.25rem;
  background-color: #D32F2F;
}

.invalid-message:before {
  margin-right: 0.5rem;
}

/******** No Validate ******************************************************************************/
.was-validated .form-control.no-validate:valid {
  border: 1px solid var(--gta-input-border-color);
  background-image: none;
}

.was-validated .form-check-input.no-validate:valid {
  border: 1px solid var(--gta-check-input-border-color);
}

.was-validated .form-check-input.no-validate:valid ~ .form-check-label.no-validate,
.form-check-input.no-validate.is-valid ~ .form-check-label.no-validate {
  color: var(--gta-body-color);
}

.was-validated .form-check-input.no-validate:focus {
  box-shadow: 0 0 0 0.15rem rgba(136, 172, 88, 0.5);
}

.was-validated .form-check-input.no-validate:checked {
  background-color: #88AC58;
  border-color: #88AC58;
}

.was-validated .form-select.no-validate:valid {
  border: 1px solid var(--gta-input-border-color);
  background-image: var(--gta-select-bg-img) !important;
  background-position: right 0.75rem center !important;
}

.was-validated .form-select.no-validate:focus,
.was-validated .form-control.no-validate:focus {
  box-shadow: var(--gta-input-focus-shadow);
}

/******** Basic *******************************************************************************/
table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 1px solid var(--gta-table-border-color);
  border-radius: 0.5rem;
  overflow: hidden;
  font-size: 0.875rem;
}

table th {
  display: none;
  font-size: 0.875rem;
}

table td {
  padding: 0.75rem 1rem;
  text-align: left;
  font-size: 0.875rem;
  vertical-align: top;
  background-color: var(--gta-table-cell-bg-color);
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--gta-table-border-color);
}

table tr td:first-child {
  background-color: var(--gta-table-header-bg-color);
  color: var(--gta-table-header-color);
  font-weight: 600;
  text-transform: uppercase;
}

table tr:last-child td:last-child {
  border-bottom: 0;
}

table td:before {
  float: left;
  width: 100%;
  color: var(--gta-table-datatitle-color);
  font-weight: 500;
  display: table-cell;
  white-space: nowrap;
  text-align: left;
  content: attr(data-title);
}

@media (min-width: 768px) {
  table th {
    display: table-cell;
    padding: 0.75rem 1rem;
    color: var(--gta-table-header-color);
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    border-bottom: 1px solid var(--gta-table-border-color);
    background-color: var(--gta-table-header-bg-color);
  }
  table td {
    float: none;
    width: auto;
    background-color: var(--gta-table-cell-bg-color);
  }
  table tr:last-child td {
    border-bottom: 0;
  }
  table tr td:first-child {
    font-weight: 500;
    text-transform: none;
    color: var(--gta-table-cell-color);
    background-color: var(--gta-table-cell-bg-color);
  }
  table td:before {
    display: none;
  }
}
/******** Nested Tables ************************************************************************/
td > table {
  border: 0;
  border-radius: 0;
  width: 100% !important;
  margin: -0.75rem -1rem -0.75rem -1rem;
}

td > table td {
  float: none !important;
  background: none !important;
  border-bottom: 0 !important;
}

td > table tr td:first-child {
  font-weight: 500;
  color: var(--gta-table-cell-color);
  text-transform: none;
}

td > table tr td:last-child {
  width: 80px !important;
}

td > table td .yes,
td > table td .no {
  text-indent: 30px !important;
  margin-top: 0 !important;
}

/******** OffCanvas  ***************************************************************************/
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: 1045;
  display: flex;
  flex-direction: column;
  max-width: 80%;
  visibility: hidden;
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.15s ease-in-out;
}

.category-gta .offcanvas {
  background-color: var(--gta-clr-section-bg-gta-100);
}

.category-fkf .offcanvas {
  background-color: var(--gta-clr-section-bg-fkf-100);
}

.category-hkf .offcanvas {
  background-color: var(--gta-clr-section-bg-hkf-100);
}

.category-rr .offcanvas {
  background-color: var(--gta-clr-section-bg-rr-100);
}

.offcanvas #menu-booking {
  border-radius: 0 !important;
}

.offcanvas-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0 0.5rem 1rem;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  color: #ffffff;
}

.offcanvas-header .btn-icon.close {
  background-color: transparent;
  color: #ffffff;
}

.offcanvas-header .btn-icon.close:before {
  font-size: 1.5rem;
}

.offcanvas-header .btn-icon.close:focus-visible {
  outline: 2px dotted #ffffff;
  outline-offset: 0;
}

.offcanvas .offcanvas-body {
  overflow-y: auto;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}

.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: 460px;
  transform: translateX(100%);
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.fade {
  transition: opacity 0.15s linear;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.6;
}

@media (min-width: 992px) {
  .offcanvas #menu-booking {
    border-radius: 0.625rem !important;
  }
  .offcanvas-header {
    display: none;
  }
  #offcanvas-menu {
    position: relative !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    visibility: visible;
    width: 100% !important;
    max-width: 100% !important;
    transform: translateX(0);
    z-index: 1000;
    border-radius: 0.625rem;
    background-color: transparent;
  }
  .offcanvas .offcanvas-body {
    overflow-y: auto;
    margin-top: 0;
  }
  #offcanvas-menu .btn-close {
    display: none;
  }
  .offcanvas-backdrop {
    opacity: 0 !important;
  }
}
.pagination {
  display: inline-flex;
  padding-left: 0;
  list-style: none;
  margin: 0;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.375rem 0.75rem;
  font-family: "hknova", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  text-decoration: none;
  background-color: #0D2961;
  border: 0 solid #0D2961;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: #ffffff;
  background-color: #1F427F;
  border-color: #1F427F;
}

.page-link:focus-visible {
  z-index: 3;
  outline: 2px dotted var(--gta-btn-outline-color);
  outline-offset: 0;
}

.page-link.active, .active > .page-link {
  z-index: 3;
  color: #ffffff;
  background-color: #1F427F;
  border-color: #1F427F;
}

.page-link.disabled, .disabled > .page-link {
  color: #ffffff;
  pointer-events: none;
  background-color: rgba(13, 41, 97, 0.5);
  border-color: #0D2961;
}

.page-item:not(:first-child) .page-link {
  margin-left: 0;
}

.page-item:first-child .page-link {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}

.page-item:last-child .page-link:before {
  font-family: "icons", sans-serif;
  font-size: 0.75em;
  font-weight: normal !important;
  content: "\e930";
}

.page-item:first-child .page-link:before {
  font-family: "icons", sans-serif;
  font-size: 0.75em;
  font-weight: normal !important;
  content: "\e931";
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --gta-dropdown-min-width: 15rem;
  --gta-dropdown-padding-x: 0;
  --gta-dropdown-padding-y: 0;
  --gta-dropdown-spacer: 1rem;
  --gta-dropdown-border-radius: 0.625rem;
  --gta-dropdown-inner-border-radius: 0.5rem;
  --gta-dropdown-divider-margin-y: 0.5rem;
  --gta-dropdown-box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.15), 0px 15px 30px -15px rgba(0, 0, 0, 0.2);
  --gta-dropdown-item-padding-x: 1rem;
  --gta-dropdown-item-padding-y: 0;
  --gta-dropdown-header-padding-x: 1rem;
  --gta-dropdown-header-padding-y: 1rem;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: var(--gta-dropdown-min-width);
  padding: var(--gta-dropdown-padding-y) var(--gta-dropdown-padding-x);
  margin: 0;
  text-align: left;
  list-style: none;
  background-color: var(--gta-dropdown-bg);
  background-clip: padding-box;
  border: 0;
  border-radius: var(--gta-dropdown-border-radius);
  box-shadow: var(--gta-dropdown-box-shadow);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--gta-dropdown-spacer);
}

.dropdown-menu-start {
  --gta-position: start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --gta-position: end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --gta-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --gta-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --gta-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --gta-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --gta-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --gta-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --gta-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --gta-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --gta-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --gta-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--gta-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--gta-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--gta-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--gta-dropdown-item-padding-y) var(--gta-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--gta-dropdown-header-padding-y) var(--gta-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 1.15rem;
  font-family: "hknova", sans-serif;
  font-weight: 600;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--gta-dropdown-item-padding-y) var(--gta-dropdown-item-padding-x);
}

.dropdown-scrollable {
  max-height: 200px;
  overflow: hidden;
  overflow-y: auto;
}

/******** Custom **********************************************************************/
.dropdown-header .account-agency,
.dropdown-header .account-num {
  font-size: 0.75rem;
  text-align: left;
}

.dropdown-header .account-agency {
  border-top: 1px solid var(--gta-menu-account-item-bg);
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  font-weight: 600;
}

.dropdown-body {
  display: block;
  width: 100%;
  padding: 0 1rem 1rem 1rem;
}

.dropdown-body p {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  font-size: 1rem;
}

.dropdown-row {
  display: block;
  width: 100%;
  padding: 0 0 1rem 0;
}

.dropdown-content-form {
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: var(--gta-gutter-x);
  padding-left: var(--gta-gutter-x);
}

.dropdown-content-form.bg {
  background-color: var(--gta-form-bg);
}

.dropdown-content-form:first-child {
  border-radius: var(--gta-dropdown-inner-border-radius) var(--gta-dropdown-inner-border-radius) 0 0;
}

/******** Article Variants **************************************************************/
.variant-selector {
  width: 100%;
  padding: 1.5rem 1.5rem 3rem 1.5rem;
}

/******** Category Filter **************************************************************/
.dropdown-filter {
  position: relative;
  width: 150px;
  background-color: var(--gta-body-bg-color);
  padding: 0.5rem 0 0 1rem;
  border-top-left-radius: 0.625rem;
}

.dropdown-filter .dropdown-menu {
  padding: 0.5rem 1rem;
}

.dropdown-filter .dropdown-menu a {
  font-weight: 500;
  color: var(--gta-dropdown-link-color);
  display: block;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  text-decoration: none;
}

.dropdown-filter .dropdown-menu a:hover {
  color: var(--gta-dropdown-link-hover-color);
}

.list-group {
  --gta-list-group-border-width: 1px;
  --gta-list-group-border-radius: 0.625rem;
  --gta-list-group-item-padding-x: 1rem;
  --gta-list-group-item-padding-y: 0.5rem;
  font-family: "hknova", sans-serif;
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
  border-radius: var(--gta-list-group-border-radius);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--gta-list-group-item-padding-y) var(--gta-list-group-item-padding-x);
  text-decoration: none;
  background-color: transparent;
  border-width: var(--gta-list-group-border-width);
  border-style: solid;
  border-color: var(--gta-list-group-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: var(--gta-list-group-border-width) 0 0;
  padding: var(--gta-list-group-item-padding-y) 0;
  background-color: transparent;
}

.list-group-flush > .list-group-item:first-child {
  border-top-width: 0;
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-action {
  width: 100%;
  color: var(--gta-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:hover,
.list-group-item-action:focus {
  z-index: 1;
  color: var(--gta-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--gta-list-group-action-hover-bg);
}

.list-group-item-action:active {
  color: var(--gta-list-group-action-active-color);
  background-color: var(--gta-list-group-action-active-bg);
}

.list-group-item.active {
  color: var(--gta-list-group-active-color);
  background-color: var(--gta-list-group-action-active-bg);
}

/******** Custom *************************************************************************/
.list-list-group {
  list-style: none;
  margin: 0;
}

.list-list-group .list-group {
  margin: 0;
}

.list-list-group li {
  margin-bottom: 0.5rem;
}

.list-group-item .min-h {
  min-height: 3rem;
}

/******** List Group Price *************************************************************************/
.list-group-item .price-txt,
.list-group-item .price-del,
.list-group-item .price {
  font-weight: 400;
  margin-right: 0.5rem;
}

.list-group-item .price-row {
  order: 0;
  width: 100%;
}

.list-group-item .badge-row {
  order: 1;
  width: 100%;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}

@media (min-width: 576px) {
  .list-group-item .price-row > * {
    margin-right: 0;
    margin-left: 0.5rem;
  }
  .list-group-item .price-row {
    order: 1;
    justify-content: flex-end;
  }
  .list-group-item .badge-row {
    order: 0;
  }
}
/******** List Group Titles ***************************************************************/
.list-group-title {
  font-family: "hknova", sans-serif;
  font-weight: 700;
}

.list-group-subtitle {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
}

.list-group-datatitle {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  text-wrap: balance;
}

/******** List Group Colors ***************************************************************/
.category-gta .list-group-item {
  border-color: var(--gta-clr-card-bg-gta-white);
}

.category-gta #menu-booking .list-group-item {
  border-color: var(--gta-list-group-border-dark-color-gta);
}

.category-gta .list-group-item.bg {
  background-color: var(--gta-clr-section-bg-gta-500);
  border-color: var(--gta-clr-card-bg-gta-white) !important;
}

.category-gta .list-group-title,
.category-gta .list-group-subtitle {
  color: var(--gta-clr-headline-gta) !important;
}

.category-fkf .list-group-item {
  border-color: var(--gta-clr-card-bg-fkf-white);
}

.category-fkf #menu-booking .list-group-item {
  border-color: var(--gta-list-group-border-dark-color-fkf);
}

.category-fkf .list-group-item.bg {
  background-color: var(--gta-clr-section-bg-fkf-500);
  border-color: var(--gta-clr-card-bg-fkf-white) !important;
}

.category-fkf .list-group-title,
.category-fkf .list-group-subtitle {
  color: var(--gta-clr-headline-fkf) !important;
}

.category-hkf .list-group-item {
  border-color: var(--gta-clr-card-bg-hkf-white);
}

.category-hkf #menu-booking .list-group-item {
  border-color: var(--gta-list-group-border-dark-color-hkf);
}

.category-hkf .list-group-item.bg {
  background-color: var(--gta-clr-section-bg-hkf-500);
  border-color: var(--gta-clr-card-bg-hkf-white) !important;
}

.category-hkf .list-group-title,
.category-hkf .list-group-subtitle {
  color: var(--gta-clr-headline-hkf) !important;
}

.category-rr .list-group-item {
  border-color: var(--gta-clr-card-bg-rr-white);
}

.category-rr #menu-booking .list-group-item {
  border-color: var(--gta-list-group-border-dark-color-rr);
}

.category-rr .list-group-item.bg {
  background-color: var(--gta-clr-section-bg-rr-500);
  border-color: var(--gta-clr-card-bg-rr-white) !important;
}

.category-rr .list-group-title,
.category-rr .list-group-subtitle {
  color: var(--gta-clr-headline-rr) !important;
}

/******** List Group Arrow ***************************************************************/
.list-group-scrollable {
  max-height: 200px;
  overflow-y: scroll;
}

.list-group-item-action.arrow > div {
  padding-left: calc(var(--gta-list-group-item-padding-x) * 0.25);
}

.list-group-item-action.arrow > div > div {
  padding: calc(var(--gta-list-group-item-padding-y) * 0.25);
}

.list-group-item-action.arrow > div > div:last-child {
  position: relative;
  padding-right: calc(var(--gta-list-group-item-padding-x) * 3);
}

.list-group-item-action.arrow:after {
  font-family: "icons", sans-serif;
  content: "\e92a";
  font-size: 1rem;
  color: var(--gta-clr-grey);
  position: absolute;
  top: 50%;
  right: var(--gta-list-group-item-padding-x);
  transform: translateY(-50%);
}

.list-group.list-group-dates {
  font-weight: 500;
  font-size: 0.875rem;
}

.list-group.list-group-dates > .list-group-item {
  padding: calc(var(--gta-list-group-item-padding-y) * 0.5) 0;
}

.list-group-item.icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.list-group-item.icon:before {
  margin-right: 0.5rem;
}

/******** List Group Type Pill ***************************************************************/
.list-group-type-pill {
  display: inline-flex;
  align-items: center;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  margin-bottom: 0.5rem;
  border: 1px solid var(--gta-clr-grey);
  color: var(--gta-clr-grey);
}

/******** List Group Type ***************************************************************/
.list-group-type {
  text-decoration: none;
}

.category-gta a.list-group-type:hover .list-group-item {
  background-color: transparent !important;
  border-color: var(--gta-clr-section-bg-gta-500) !important;
}

.category-fkf a.list-group-type:hover .list-group-item {
  background-color: transparent !important;
  border-color: var(--gta-clr-section-bg-fkf-500) !important;
}

.category-hkf a.list-group-type:hover .list-group-item {
  background-color: transparent !important;
  border-color: var(--gta-clr-section-bg-hkf-500) !important;
}

.category-rr a.list-group-type:hover .list-group-item {
  background-color: transparent !important;
  border-color: var(--gta-clr-section-bg-rr-500) !important;
}

.list-group-type:before {
  content: "";
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  bottom: 1px;
  width: 5px;
  z-index: 1;
  border-top-left-radius: var(--gta-list-group-border-radius);
  border-bottom-left-radius: var(--gta-list-group-border-radius);
}

.type-buchung:before {
  background-color: #88AC58;
}

.type-anfrage:before {
  background-color: #4F7A2A;
}

.type-storno:before {
  background-color: #B71C1C;
}

.type-option:before {
  background-color: #F0A30A;
}

.type-active:before {
  background-color: #88AC58;
}

.type-inactive:before {
  background-color: #B71C1C;
}

/******** List Group Actions ***************************************************************/
.list-group-actions {
  display: flex;
  flex-direction: row;
}

.list-group-actions span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--gta-clr-grey);
  margin-left: 0.5rem;
  border-radius: 1.5rem;
  border: 1px solid var(--gta-clr-grey);
}

.list-group-actions span.disabled {
  opacity: 0.4;
}

.modal {
  --gta-modal-zindex: 1055;
  --gta-modal-width: 600px;
  --gta-modal-padding: 1rem;
  --gta-modal-margin: 0.938rem;
  --gta-modal-border-color: transparent;
  --gta-modal-border-width: 0;
  --gta-modal-border-radius: 0.625rem;
  --gta-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --gta-modal-inner-border-radius: 0.5rem;
  --gta-modal-header-padding-x: 1rem;
  --gta-modal-header-padding-y: 1rem;
  --gta-modal-header-padding: 1rem 0 1rem 0;
  --gta-modal-header-border-width: 0;
  --gta-modal-title-line-height: 1.5;
  --gta-modal-footer-gap: 0.938rem;
  --gta-modal-footer-border-width: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--gta-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--gta-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--gta-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--gta-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: var(--gta-modal-border-width) solid var(--gta-modal-border-color);
  border-radius: var(--gta-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --gta-modal-backdrop-zindex: 1050;
  --gta-backdrop-bg: #17181B;
  --gta-backdrop-opacity: 0.6;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--gta-modal-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--gta-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--gta-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: var(--gta-modal-header-padding);
  border-bottom: var(--gta-modal-header-border-width) solid var(--gta-modal-header-border-color);
  border-top-left-radius: var(--gta-modal-inner-border-radius);
  border-top-right-radius: var(--gta-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--gta-modal-header-padding-y) * 0.5) calc(var(--gta-modal-header-padding-x) * 0.5);
}

.modal-subtitle {
  font-family: "hknova", sans-serif;
  font-weight: 500;
  display: flex;
  margin-bottom: 0.25rem;
  align-self: flex-start;
}

.modal-title {
  display: flex;
  margin-bottom: 1rem;
  align-self: flex-start;
}

.modal-image {
  border-top-right-radius: var(--gta-modal-border-radius);
  border-top-left-radius: var(--gta-modal-border-radius);
  overflow: hidden;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--gta-modal-padding);
  background-color: var(--gta-modal-bg);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: calc(var(--gta-modal-padding) - var(--gta-modal-footer-gap) * 0.5);
  background-color: var(--gta-modal-footer-bg);
  border-top: var(--gta-modal-footer-border-width) solid var(--gta-modal-footer-border-color);
  border-bottom-right-radius: var(--gta-modal-inner-border-radius);
  border-bottom-left-radius: var(--gta-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--gta-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --gta-modal-margin: 1.75rem;
  }
  .modal-dialog {
    max-width: var(--gta-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --gta-modal-width: 300px ;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --gta-modal-width: 800px ;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --gta-modal-width: 1140px ;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
/******** Custom *************************************************************************/
.modal-addon .modal-body {
  border-bottom-right-radius: var(--gta-modal-inner-border-radius);
  border-bottom-left-radius: var(--gta-modal-inner-border-radius);
}

.modal-account .modal-body {
  border-top-right-radius: var(--gta-modal-inner-border-radius);
  border-top-left-radius: var(--gta-modal-inner-border-radius);
  border-bottom-right-radius: var(--gta-modal-inner-border-radius);
  border-bottom-left-radius: var(--gta-modal-inner-border-radius);
}

.modal-subheader {
  position: relative;
  flex: 1 1 auto;
  border-top-right-radius: var(--gta-modal-inner-border-radius);
  border-top-left-radius: var(--gta-modal-inner-border-radius);
  padding: var(--gta-modal-padding);
  background-color: var(--gta-modal-bg);
}

.modal-account .modal-subheader + .modal-body {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: var(--gta-modal-inner-border-radius);
  border-bottom-left-radius: var(--gta-modal-inner-border-radius);
}

.modal-account:has(.modal-footer) .modal-body {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.modal-account .modal-footer {
  border-top: 1px solid var(--gta-clr-gta-400);
}

.modal-account .modal-title {
  color: var(--gta-clr-headline-gta);
}

.modal-subheader {
  font-family: "hknova", sans-serif;
}

@media (min-width: 768px) {
  .modal-addon .modal-body,
  .modal-account .modal-body {
    padding: 2rem;
  }
  .modal-account .modal-subheader {
    padding: 2rem 2rem 1rem 2rem;
  }
  .modal-account .modal-subheader + .modal-body {
    padding: 0 2rem 2rem 2rem;
  }
}
.modal-addon .modal-price {
  padding-top: 1rem;
  margin-top: 2rem;
  text-align: right;
  border-top: 1px solid var(--gta-clr-item-border-color);
}

.modal-form .modal-body {
  border-top-right-radius: var(--gta-modal-border-radius);
  border-top-left-radius: var(--gta-modal-border-radius);
  padding-bottom: 0;
}

#system-message-container {
  position: fixed;
  top: calc(var(--gta-header-height) + 7px);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 600px;
  z-index: 1030;
}

@keyframes joomla-alert-fade-in {
  0% {
    opacity: 0;
  }
}
@keyframes joomla-alert-fade-out {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  joomla-alert {
    animation-duration: 1ms !important;
  }
}
#system-message-container joomla-alert {
  font-family: "hknova", sans-serif;
  font-weight: 400;
  inline-size: 100%;
  min-inline-size: 16rem;
  color: var(--alert-accent-color);
  background-color: var(--alert-bg-color);
  border: 0;
  border-radius: 0.625rem;
  margin-block-end: 1rem;
  padding: 0;
  transition: opacity 0.15s linear;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: var(--gta-menu-box-shadow);
}

#system-message-container joomla-alert[type=success],
#system-message-container joomla-alert[type=message] {
  --alert-accent-color:var(--gta-alert-success-text-color);
  --alert-bg-color:var(--gta-alert-success-background-color);
  --alert-heading-bg:var(--gta-alert-success-heading-color);
  --alert-link-color:var(--gta-alert-success-link-color);
}

#system-message-container joomla-alert[type=success] a,
#system-message-container joomla-alert[type=message] a {
  color: var(--gta-alert-success-text-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#system-message-container joomla-alert[type=info],
#system-message-container joomla-alert[type=notice] {
  --alert-accent-color:var(--gta-alert-info-text-color);
  --alert-bg-color:var(--gta-alert-info-background-color);
  --alert-heading-bg:var(--gta-alert-info-heading-color);
  --alert-link-color:var(--gta-alert-info-link-color);
}

#system-message-container joomla-alert[type=info] a,
#system-message-container joomla-alert[type=notice] a {
  color: var(--gta-alert-info-text-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#system-message-container joomla-alert[type=warning] {
  --alert-accent-color:var(--gta-alert-warning-text-color);
  --alert-bg-color:var(--gta-alert-warning-background-color);
  --alert-heading-bg:var(--gta-alert-warning-heading-color);
  --alert-link-color:var(--gta-alert-warning-link-color);
}

#system-message-container joomla-alert[type=warning] a {
  color: var(--gta-alert-warning-text-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#system-message-container joomla-alert[type=error],
#system-message-container joomla-alert[type=danger] {
  --alert-accent-color:var(--gta-alert-danger-text-color);
  --alert-bg-color:var(--gta-alert-danger-background-color);
  --alert-heading-bg:var(--gta-alert-danger-heading-color);
  --alert-link-color:var(--gta-alert-danger-link-color);
}

#system-message-container joomla-alert[type=error] a,
#system-message-container joomla-alert[type=danger] a {
  color: var(--gta-alert-danger-text-color);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#system-message-container joomla-alert .alert-heading {
  color: #fff;
  background: var(--alert-heading-bg);
  flex-direction: column;
  place-content: center;
  padding: 0.8rem;
  line-height: normal;
  display: flex;
}

#system-message-container joomla-alert .alert-heading .message:before,
#system-message-container joomla-alert .alert-heading .success:before {
  content: "";
  background-image: var(--gta-alert-success-bg-img);
  background-size: 100%;
  block-size: 1em;
  inline-size: 1em;
  display: inline-block;
}

#system-message-container joomla-alert .alert-heading .notice:before,
#system-message-container joomla-alert .alert-heading .info:before {
  content: "";
  background-image: var(--gta-alert-info-bg-img);
  background-size: 100%;
  block-size: 1em;
  inline-size: 1em;
  display: inline-block;
}

#system-message-container joomla-alert .alert-heading .warning:before {
  content: "";
  background-image: var(--gta-alert-warning-bg-img);
  background-size: 100%;
  block-size: 1em;
  inline-size: 1em;
  display: inline-block;
}

#system-message-container joomla-alert .alert-heading .error:before,
#system-message-container joomla-alert .alert-heading .danger:before {
  content: "";
  background-image: var(--gta-alert-danger-bg-img);
  background-size: 100%;
  block-size: 1em;
  inline-size: 1em;
  display: inline-block;
}

#system-message-container joomla-alert .alert-wrapper {
  inline-size: 100%;
}

#system-message-container joomla-alert .alert-link {
  color: var(--states-link-color);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#system-message-container joomla-alert .joomla-alert--close,
#system-message-container joomla-alert .joomla-alert-button--close {
  color: var(--alert-accent-color);
  text-shadow: none;
  opacity: 1;
  background: 0 0;
  border: 0;
  padding: 0.75rem 0.8rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  position: absolute;
  inset-block-start: 0;
  inset-inline-end: 0;
}

#system-message-container joomla-alert .joomla-alert--close:hover,
#system-message-container joomla-alert .joomla-alert--close:focus,
#system-message-container joomla-alert .joomla-alert-button--close:hover,
#system-message-container joomla-alert .joomla-alert-button--close:focus {
  cursor: pointer;
  opacity: 0.75;
  text-decoration: none;
}

#system-message-container joomla-alert div {
  font-size: 1rem;
}

#system-message-container joomla-alert div .alert-message {
  padding: 0.75rem 0.75rem;
  padding-inline-end: 2rem;
}

#system-message-container joomla-alert div .alert-message:not(:first-of-type) {
  border-block-start: 1px solid var(--alert-heading-bg);
}

#maintaince {
  color: #ffffff;
  background-color: #3f719e;
  padding: 1.5rem 0 1.5rem 0;
  margin-top: calc(var(--be-main-top-space) * -1);
  margin-bottom: var(--be-main-top-space);
}

#maintaince .maintaince-heading {
  margin-bottom: 1rem;
  font-weight: 600;
  text-align: center;
}

#maintaince .wrapper {
  --gta-gutter-x: 1.5rem;
  --gta-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--gta-gutter-x) * 1);
  padding-left: calc(var(--gta-gutter-x) * 1);
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

@media (min-width: 1200px) {
  #maintaince .wrapper {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  #maintaince .wrapper {
    max-width: 1320px;
  }
}
.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

.animate {
  -webkit-animation-duration: var(--gta-animate-duration);
  animation-duration: var(--gta-animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes animate-nav-dropdown {
  0% {
    top: calc(var(--gta-header-height) + 17px);
    opacity: 0;
  }
  100% {
    top: calc(var(--gta-header-height) + 7px);
    opacity: 1;
  }
}
.animate-nav-dropdown {
  -webkit-animation-name: animate-header-dropdown;
  animation-name: animate-nav-dropdown;
}

@keyframes animate-header-dropdown {
  0% {
    top: calc(var(--gta-header-height) + 17px);
    opacity: 0;
  }
  100% {
    top: calc(var(--gta-header-height) + 7px);
    opacity: 1;
  }
}
.animate-header-dropdown {
  -webkit-animation-name: animate-header-dropdown;
  animation-name: animate-header-dropdown;
}

@keyframes animate-menu-dropdown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 992px) {
  @keyframes animate-menu-dropdown {
    0% {
      top: calc(var(--gta-header-height) + 17px);
      opacity: 0;
    }
    100% {
      top: calc(var(--gta-header-height) + 7px);
      opacity: 1;
    }
  }
  .animate-nav-dropdown {
    -webkit-animation-name: no-preference;
    animation-name: no-preference;
  }
}
.animate-menu-dropdown {
  -webkit-animation-name: animate-menu-dropdown;
  animation-name: animate-menu-dropdown;
}

/******** Loader *************************************************************************/
#loader-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  overflow: hidden;
  z-index: 1090;
}

#loader-top:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background: var(--gta-clr-rr-300);
  animation: load-progress 10s forwards;
}

@keyframes load-progress {
  0% {
    width: 0%;
    animation-timing-function: cubic-bezier(0.2, 0.9, 0.1, 1); /* schnell */
  }
  50% { /* 5s */
    width: 80%;
    animation-timing-function: cubic-bezier(0.1, 0.2, 0.05, 1); /* abbremsen */
  }
  100% {
    width: 90%;
  }
}
@keyframes load-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
@keyframes pulsate {
  0%, to {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
#spotlight {
  position: fixed;
  top: -1px;
  bottom: -1px;
  width: 100%;
  z-index: 99999;
  color: #ffffff;
  background-color: rgba(23, 24, 27, 0.95);
  opacity: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: opacity 0.2s ease-out;
  font-family: "hknova", sans-serif;
  font-size: 16px;
  font-weight: 700;
  contain: strict;
  touch-action: none;
  pointer-events: none;
}

#spotlight.show {
  opacity: 1;
  transition: none;
  pointer-events: auto;
}

.spl-footer,
.spl-header {
  background-color: transparent;
}

#spotlight .contain,
#spotlight .cover {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

#spotlight .contain {
  object-fit: contain;
}

#spotlight .autofit {
  object-fit: none;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  transition: none;
}

.spl-scene,
.spl-spinner,
.spl-track {
  width: 100%;
  height: 100%;
  position: absolute;
}

.spl-track {
  contain: strict;
}

.spl-spinner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 42px;
  opacity: 0;
}

.spl-spinner.spin {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzgiIGhlaWdodD0iMzgiIHZpZXdCb3g9IjAgMCAzOCAzOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMwMDAiPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2Utb3BhY2l0eT0iLjY1Ij48Y2lyY2xlIHN0cm9rZS1vcGFjaXR5PSIuMTUiIGN4PSIxOCIgY3k9IjE4IiByPSIxOCIvPjxwYXRoIGQ9Ik0zNiAxOGMwLTkuOTQtOC4wNi0xOC0xOC0xOCI+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMTggMTgiIHRvPSIzNjAgMTggMTgiIGR1cj0iMXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIi8+PC9wYXRoPjwvZz48L2c+PC9zdmc+);
  transition: opacity 0.2s linear 0.25s;
  opacity: 1;
}

.spl-spinner.error {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMyIiB3aWR0aD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTYsMUExNSwxNSwwLDEsMCwzMSwxNiwxNSwxNSwwLDAsMCwxNiwxWm0wLDJhMTMsMTMsMCwwLDEsOC40NSwzLjE0TDYuMTQsMjQuNDVBMTMsMTMsMCwwLDEsMTYsM1ptMCwyNmExMywxMywwLDAsMS04LjQ1LTMuMTRMMjUuODYsNy41NUExMywxMywwLDAsMSwxNiwyOVoiIGlkPSJiYW5fc2lnbl9jcm9zc2VkX2NpcmNsZSIvPjwvc3ZnPg==);
  background-size: 128px;
  transition: none;
  opacity: 0.5;
}

.spl-scene {
  transition: transform 0.65s cubic-bezier(0.1, 1, 0.1, 1);
  contain: layout size;
  will-change: transform;
}

.spl-pane > * {
  position: absolute;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  margin: 0;
  padding: 0;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1), opacity 0.65s ease;
  contain: layout style;
  will-change: transform, opacity;
  visibility: hidden;
}

.spl-header,
.spl-pane,
.spl-progress {
  position: absolute;
  top: 0;
}

.spl-pane {
  width: 100%;
  height: 100%;
  transition: transform 0.65s cubic-bezier(0.3, 1, 0.3, 1);
  contain: layout size;
  will-change: transform, contents;
}

.spl-header {
  width: 100%;
  height: 50px;
  text-align: right;
  transform: translateY(-100px);
  transition: transform 0.35s ease;
  overflow: hidden;
  will-change: transform;
}

#spotlight.menu .spl-footer,
#spotlight.menu .spl-header,
.spl-footer:hover,
.spl-header:hover {
  transform: translateY(0);
}

.spl-header div {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  width: 50px;
  height: 50px;
  opacity: 1;
  background-color: transparent;
}

.spl-header div:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 50%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 50%;
  background-color: #ffffff;
}

.spl-progress {
  width: 100%;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.45);
  transform: translateX(-100%);
  transition: transform linear;
}

.spl-footer,
.spl-next,
.spl-prev {
  position: absolute;
  transition: transform 0.35s ease;
  will-change: transform;
}

.spl-footer {
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 20px;
  padding: 20px 20px 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  text-align: left;
  font-size: 15px;
  font-weight: 400;
  transform: translateY(100%);
}

.spl-title {
  font-size: 1.15rem;
  font-family: "hknova", sans-serif;
  font-weight: 500;
  color: #ffffff;
}

.spl-button,
.spl-description,
.spl-title {
  margin-bottom: 20px;
}

.spl-button {
  display: inline-block;
  background: #fff;
  color: #000;
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
}

.spl-next,
.spl-page ~ *,
.spl-prev {
  background-position: center;
  background-repeat: no-repeat;
}

.spl-page {
  float: left;
  width: auto;
  line-height: 50px;
}

.spl-page ~ * {
  background-size: 21px;
  float: right;
}

.spl-fullscreen:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9Ii0xIC0xIDI2IDI2IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggM0g1YTIgMiAwIDAgMC0yIDJ2M20xOCAwVjVhMiAyIDAgMCAwLTItMmgtM20wIDE4aDNhMiAyIDAgMCAwIDItMnYtM00zIDE2djNhMiAyIDAgMCAwIDIgMmgzIi8+PC9zdmc+);
}

.spl-fullscreen.on:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyLjUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik04IDN2M2EyIDIgMCAwIDEtMiAySDNtMTggMGgtM2EyIDIgMCAwIDEtMi0yVjNtMCAxOHYtM2EyIDIgMCAwIDEgMi0yaDNNMyAxNmgzYTIgMiAwIDAgMSAyIDJ2MyIvPjwvc3ZnPg==);
}

.spl-autofit:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjMDAwIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9Ijk2cHgiIHZpZXdCb3g9IjAgMCA5NiA5NiIgd2lkdGg9Ijk2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIiBmaWxsPSIjMDAwIiBkPSJNNzEuMzExLDgwQzY5LjY3LDg0LjY2LDY1LjIzLDg4LDYwLDg4SDIwYy02LjYzLDAtMTItNS4zNy0xMi0xMlYzNmMwLTUuMjMsMy4zNC05LjY3LDgtMTEuMzExVjc2YzAsMi4yMSwxLjc5LDQsNCw0SDcxLjMxMSAgeiIvPjxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDkwIDUwIDUwKSIgZmlsbD0iI2ZmZiIgZD0iTTc2LDhIMzZjLTYuNjMsMC0xMiw1LjM3LTEyLDEydjQwYzAsNi42Myw1LjM3LDEyLDEyLDEyaDQwYzYuNjMsMCwxMi01LjM3LDEyLTEyVjIwQzg4LDEzLjM3LDgyLjYzLDgsNzYsOHogTTgwLDYwICBjMCwyLjIxLTEuNzksNC00LDRIMzZjLTIuMjEsMC00LTEuNzktNC00VjIwYzAtMi4yMSwxLjc5LTQsNC00aDQwYzIuMjEsMCw0LDEuNzksNCw0VjYweiIvPjwvc3ZnPg==);
}

.spl-zoom-in:before,
.spl-zoom-out:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjgiIHgyPSIxNCIgeTE9IjExIiB5Mj0iMTEiLz48L3N2Zz4=);
}

.spl-zoom-in:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMSIgY3k9IjExIiByPSI4Ii8+PGxpbmUgeDE9IjIxIiB4Mj0iMTYuNjUiIHkxPSIyMSIgeTI9IjE2LjY1Ii8+PGxpbmUgeDE9IjExIiB4Mj0iMTEiIHkxPSI4IiB5Mj0iMTQiLz48bGluZSB4MT0iOCIgeDI9IjE0IiB5MT0iMTEiIHkyPSIxMSIvPjwvc3ZnPg==);
}

.spl-download:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNDEuNzMycHgiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE0MS43MzIgMTQxLjczMiIgd2lkdGg9IjE0MS43MzJweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIj48cGF0aCBkPSJNMTIwLjY3NCwxMjUuMTM4SDIwLjc5M3YxNi41OTRoOTkuODgxVjEyNS4xMzh6IE0xMTkuMDE5LDU4Ljc3NmMtMi41NjEtMi41NjItNi43MTYtMi41NjItOS4yNzUsMEw3Ny4yMSw5MS4zMTJWNi41NjIgICBDNzcuMjEsMi45MzYsNzQuMjY5LDAsNzAuNjQ4LDBjLTMuNjI0LDAtNi41NiwyLjkzNy02LjU2LDYuNTYzdjg0Ljc1TDMxLjk5Miw1OS4yMThjLTIuNTYyLTIuNTY0LTYuNzE1LTIuNTY0LTkuMjc3LDAgICBjLTIuNTY1LDIuNTYyLTIuNTY1LDYuNzE2LDAsOS4yNzlsNDMuMjk0LDQzLjI5M2MwLjE1LDAuMTU0LDAuMzE0LDAuMjk5LDAuNDgxLDAuNDM4YzAuMDc2LDAuMDYyLDAuMTU1LDAuMTEzLDAuMjM0LDAuMTc2ICAgYzAuMDk0LDAuMDY1LDAuMTg2LDAuMTQyLDAuMjc5LDAuMjA2YzAuMDk3LDAuMDYzLDAuMTkyLDAuMTE0LDAuMjg2LDAuMTc0YzAuMDg4LDAuMDU0LDAuMTc0LDAuMTA1LDAuMjY1LDAuMTUzICAgYzAuMSwwLjA1NiwwLjE5OSwwLjEsMC4yOTgsMC4xNDdjMC4wOTcsMC4wNDUsMC4xOSwwLjA5MSwwLjI4MywwLjEzMmMwLjA5OCwwLjA0LDAuMTk2LDAuMDcyLDAuMjk1LDAuMTA1ICAgYzAuMTA0LDAuMDM4LDAuMjA3LDAuMDc4LDAuMzEyLDAuMTA5YzAuMTAxLDAuMDMsMC4xOTcsMC4wNTIsMC4yOTcsMC4wNzdjMC4xMDgsMC4wMjMsMC4yMTQsMC4wNTgsMC4zMjQsMC4wNzggICBjMC4xMTUsMC4wMjEsMC4yMzEsMC4wMzMsMC4zNDYsMC4wNTRjMC4wOTcsMC4wMTUsMC4xOTIsMC4wMzIsMC4yODksMC4wNDJjMC40MywwLjA0MiwwLjg2NSwwLjA0MiwxLjI5NSwwICAgYzAuMS0wLjAxLDAuMTkxLTAuMDI3LDAuMjg5LTAuMDQyYzAuMTE0LTAuMDIxLDAuMjMzLTAuMDI5LDAuMzQ0LTAuMDU0YzAuMTA5LTAuMDIxLDAuMjE3LTAuMDU1LDAuMzI0LTAuMDc4ICAgYzAuMTAyLTAuMDI1LDAuMTk5LTAuMDQ3LDAuMjk5LTAuMDc3YzAuMTA1LTAuMDMxLDAuMjA3LTAuMDcxLDAuMzEyLTAuMTA5YzAuMTAyLTAuMDMsMC4xOTUtMC4wNjIsMC4yOTUtMC4xMDUgICBjMC4wOTYtMC4wNDEsMC4xOTEtMC4wODcsMC4yODMtMC4xMzJjMC4xLTAuMDQ4LDAuMTk5LTAuMDkyLDAuMjk3LTAuMTQ3YzAuMDkxLTAuMDQ4LDAuMTc3LTAuMTA0LDAuMjY0LTAuMTUzICAgYzAuMDk4LTAuMDYsMC4xOTMtMC4xMSwwLjI4Ny0wLjE3NGMwLjA5Ni0wLjA2NCwwLjE4OS0wLjE0MSwwLjI4MS0wLjIwNmMwLjA3Ni0wLjA2MiwwLjE1Ni0wLjExMywwLjIzMy0wLjE3NiAgIGMwLjI0OS0wLjIwNCwwLjQ3OS0wLjQzNywwLjY5NC0wLjY3YzAuMDc2LTAuMDY3LDAuMTU0LTAuMTMxLDAuMjI5LTAuMjAzbDQzLjI5NC00My4yOTYgICBDMTIxLjU4MSw2NS40OTEsMTIxLjU4MSw2MS4zMzcsMTE5LjAxOSw1OC43NzYiLz48L2c+PC9zdmc+);
}

.spl-theme:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBoZWlnaHQ9IjI0cHgiIHZlcnNpb249IjEuMiIgdmlld0JveD0iMiAyIDIwIDIwIiB3aWR0aD0iMjRweCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIj48cGF0aCBkPSJNMTIsNGMtNC40MTgsMC04LDMuNTgyLTgsOHMzLjU4Miw4LDgsOHM4LTMuNTgyLDgtOFMxNi40MTgsNCwxMiw0eiBNMTIsMThjLTMuMzE0LDAtNi0yLjY4Ni02LTZzMi42ODYtNiw2LTZzNiwyLjY4Niw2LDYgUzE1LjMxNCwxOCwxMiwxOHoiLz48cGF0aCBkPSJNMTIsN3YxMGMyLjc1NywwLDUtMi4yNDMsNS01UzE0Ljc1Nyw3LDEyLDd6Ii8+PC9nPjwvc3ZnPg==);
}

.spl-play:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxwb2x5Z29uIGZpbGw9IiNmZmYiIHBvaW50cz0iMTAgOCAxNiAxMiAxMCAxNiAxMCA4Ii8+PC9zdmc+);
}

.spl-play.on:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSItMC41IC0wLjUgMjUgMjUiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIvPjxsaW5lIHgxPSIxMCIgeDI9IjEwIiB5MT0iMTUiIHkyPSI5Ii8+PGxpbmUgeDE9IjE0IiB4Mj0iMTQiIHkxPSIxNSIgeTI9IjkiLz48L3N2Zz4=);
  animation: pulsate 1s ease infinite;
}

.spl-close:before {
  -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==);
  mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiB2aWV3Qm94PSIyIDIgMjAgMjAiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bGluZSB4MT0iMTgiIHgyPSI2IiB5MT0iNiIgeTI9IjE4Ii8+PGxpbmUgeDE9IjYiIHgyPSIxOCIgeTE9IjYiIHkyPSIxOCIvPjwvc3ZnPg==);
}

.spl-next,
.spl-prev {
  top: 50%;
  width: 50px;
  height: 50px;
  opacity: 1;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -25px;
  transform: translateX(-100px);
}

.spl-next:before,
.spl-prev:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 50%;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 50%;
  background-color: #ffffff;
  -webkit-mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTM2NS43MTQgODc3LjcxNHYtMjkyLjU3MWg2NTIuNDM0bDIuMTk0LTE0Ny4wMTdoLTY1NC42Mjl2LTI5MS44NGwtMzY1LjcxNCAzNjUuNzE0eiI+PC9wYXRoPgo8L3N2Zz4K);
  mask-image: url(data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMjQiIGhlaWdodD0iMTAyNCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCI+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTM2NS43MTQgODc3LjcxNHYtMjkyLjU3MWg2NTIuNDM0bDIuMTk0LTE0Ny4wMTdoLTY1NC42Mjl2LTI5MS44NGwtMzY1LjcxNCAzNjUuNzE0eiI+PC9wYXRoPgo8L3N2Zz4K);
}

.spl-prev {
  left: 20px;
}

.spl-next {
  left: auto;
  right: 20px;
  transform: translateX(100px) scaleX(-1);
}

#spotlight.menu .spl-prev {
  transform: translateX(0);
}

#spotlight.menu .spl-next {
  transform: translateX(0) scaleX(-1);
}

@media (hover: hover) {
  .spl-page ~ div {
    cursor: pointer;
    transition: background-color 0.2s ease;
  }
  .spl-next:hover,
  .spl-page ~ div:hover,
  .spl-prev:hover {
    background-color: #3C4043;
  }
}
@media (max-width: 500px) {
  .spl-header div {
    width: 44px;
  }
  .spl-footer .spl-title {
    font-size: 20px;
  }
  .spl-footer {
    font-size: 14px;
  }
  .spl-next,
  .spl-prev {
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    background-size: 15px 15px;
  }
  .spl-spinner {
    background-size: 30px 30px;
  }
}
.hide-scrollbars {
  overflow: hidden !important;
}

/*# sourceMappingURL=structure.css.map */