:root {
    --font-size-base: 16px;
    --font-size-h0: min(max(28px, calc(2.25rem + (60 - 28) * ((100vw - 768px) / (1200 - 768)))), 60px);
    --font-size-h1: min(max(28px, calc(2.25rem + (50 - 28) * ((100vw - 768px) / (1200 - 768)))), 50px);
    --font-size-h2: min(max(28px, calc(2rem + (30 - 28) * ((100vw - 768px) / (1200 - 768)))), 30px);
    --font-size-h3: min(max(25px, calc(1.5625rem + (30 - 25) * ((100vw - 768px) / (1200 - 768)))), 30px);
    --font-size-h4: 18px;
    --font-size-h5: 16px;
    --font-size-title: 14px;
    --font-size-lead-in: 18px;
    --font-size-error : 12px;
    --color-text: #1D1D1D;
    --color-text-light: #FF7A00;
    --color-grey: #9E9E9E;
    --color-button: #FF7A00;
    --color-white: #fff;
    --font-family-base: 'Plus Jakarta Sans', sans-serif;
    --font-family-heading: 'Dela Gothic One', sans-serif;
}
* {
    box-sizing: border-box;
}

html h1,html .h1, html h2,html .h2, html h3,html .h3, body h4,body .h4, html h5,html .h5, html h6,html .h6 {
    font-weight: 400;
    margin-bottom: var(--font-size-base);
    color: var(--color-text);
    letter-spacing: 0;
}
html, html body{
    overflow-x: hidden;
    width: 100% !important;

}
html, html body,
html p, html .p, html li, html textarea, html input, html select {
    font-size: var(--font-size-base);
    font-family: var(--font-family-base);
    line-height: 1.75;
    letter-spacing: 0;
    color: var(--color-text);
}
html p, html .p, html li, html textarea, html input, html select {
    margin-bottom: var(--font-size-base);
}

html p, html .p{
    margin-bottom: 20px;
}

html .h0 {
    font-family: var(--font-family-heading);
    font-size: var(--font-size-h0);
    min-height: 0vw;
    line-height: 1.16666666667;
}

html h1,html .h1 {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h1);
    min-height: 0vw;
    line-height: 1.2;
}

html h2,html .h2 {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h2);
    min-height: 0vw;
    line-height: 1.33333333333;
}

html h3,html .h3 {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h3);
    min-height: 0vw;
    line-height: 1.33333333333;
}

html h4,html .h4 {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h4);
    line-height: 1.55555555555;
    font-weight: 700;
}

html h5,html .h5 {
    font-family: var(--font-family-base);
    font-size: var(--font-size-h5);
    line-height: 1.75;
    font-weight: 700;
}

.lead-in-bold{
    font-size: var(--font-size-lead-in);
    line-height: 1.55555555556;
    font-weight: 700;
}

.lead-in-regular,
.lead-in-regular *{
    font-size: var(--font-size-lead-in);
    line-height: 1.66666666667;
    font-weight: 400;
}

.remark{
    font-size: var(--font-size-title);
    line-height: 1.71428571429;
}

.body-bold{
    font-weight: 700;
    line-height: 1.75;
}

.error{
    font-size: var(--font-size-error);
    line-height: 1.83333333333;
}
.section-title{
    font-weight: 700;
    position: relative;
    padding-bottom: 29px;
}
.section-title::after{
    content: '';
    display: inline-block;
    width: 70px;
    height: 18px;
    position: absolute;
    left: 0;
    bottom: 0px;
    background-image: url(../images/line.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.container{
    max-width: 1372px;
    margin: 0 auto;
    padding: 0 30px;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]{
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    background: transparent;
    color: var(--color-button);
    position: relative;
    display: inline-block;
    white-space: nowrap;
}
.button.white {
    color: #fff;
}
.button:after{
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 47px;
    height: 21px;
    border-radius: 50%;
    border: 2px solid currentColor;
    margin-left: 20px;
    transition: all .5s;
    position: absolute;
    top: 2px;
    right: 0;
}

.button.primary:before {
    content: '';
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3.2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    right: 20px;
    top: 8px;
    transition: all .5s;
    z-index: 4;
}
.button.primary,
.button.secondary {
    text-decoration: none;
}
.button.primary{
    padding-right: 67px;
}
.button.secondary{
    padding-right: 87px;
}
.button.secondary:before {
    content: '';
    width: 51px;
    height: 11px;
    background-image: url(../images/arrow-button-orange.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 23px;
    top: 7px;
    transition: all .5s;
}

.button.secondary.white:before {
     background-image: url(../images/arrow-button-white.svg);
}

.button.secondary:after{
    margin-left: 39px;
    width: 53px;
    height: 24px;
    margin-top: -2px;
}
.button.primary:hover:after{
    background: var(--color-button);
}
.button:hover:before {
    border-color: #fff;
}
.button.secondary:hover:before {
    right: 13px;
}
html a {
    color: var(--color-text);
    text-decoration: none;
}

html a:hover {
   color: var(--color-button);
}
body .swiper-button-next, body .swiper-button-prev, .pagination .prev, .pagination .next {
    width: 70.5px;
    height: 31.5px;
    border-radius: 50%;
    border: 2px solid var(--color-button);
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
    font-size: 0;
}

.swiper-button-next::before, .swiper-button-prev::before, .pagination .prev::before, .pagination .next::before{
    content: '';
    border: solid var(--color-button);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
        transition: all .5s;
}

.pagination .prev::before{
    transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.swiper-button-prev::before{
       transform: rotate(135deg);
       -webkit-transform: rotate(135deg);
}

.swiper-button-next:hover, .swiper-button-prev:hover, .pagination .prev:hover, .pagination .next:hover{
    background: var(--color-button);
}
.swiper-button-next:hover:before, .swiper-button-prev:hover:before, .pagination .prev:hover:before, .pagination .next:hover:before{
    border-color: #fff;
}

.page-template-default  .swiper-button-next, .page-template-default .swiper-button-prev {
    position: static;
    transform: none;
    margin: 0;
}

.page-template-default .swiper .swiper-action{
    display: flex;
    gap: 20px;
    width: 100%;
}
.swiper-action .swiper-btn svg {
    display: none;
}
.swiper-action .swiper-pagination {
    font-weight: bold;
    font-size: 16px;
    line-height: 28px;
    position: static;
    width: auto;
    margin-top: 0;
}
.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}
.page-numbers {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0;
    text-align: center;
    padding: 0 28px;
}

.page-numbers.disabled {
    pointer-events: none;
    opacity: 0.3;
}

.pagination .page-numbers:hover{
    text-decoration: none;
}

.page-numbers.current.pagination-active {
    color: var(--color-button);
}

/* .pagination {
    margin: 9px 0;
} */


@media (min-width: 1600px){
    .container{
        max-width: 1852px;
    }
}

@media (max-width: 767px){
    .swiper-action .swiper-pagination {
        font-weight: 600;
    }
html, html body, html p, html .p, html li, html textarea, html input, html select {
    line-height: 24px;
}
html .h0 {
    line-height: 1.28571428571;
}

html h1, html .h1, html h2, html .h2 {
    line-height: 1.14285714286;
}

html h3, html .h3 {
    line-height: 1.36363636364;
}

html h4, html .h4 {
    line-height: 1.44444444444;
}

html h5, html .h5 {
    line-height: 1.55555555555;
}

.lead-in-bold, .lead-in-regular {
    line-height: 1.44444444444;
}

.section-title::after{
    width: 53px;
    height: 14px;
}
}
/* =========================================
   Display Utilities (Bootstrap style)
   Reference: https://getbootstrap.com/docs/5.3/utilities/display/
   ========================================= */
/* Base display classes (apply to all screen sizes) */
.d-none {
    display: none !important;
}

.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;
}

/* Responsive breakpoints */
/* Small (≥576px) */
@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .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;
    }
}

/* Medium (≥768px) */
@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .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;
    }
}

/* Large (≥992px) */
@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .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;
    }
}

/* Extra Large (≥1200px) */
@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }

    .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;
    }
}

/* Extra Extra Large (≥1400px) */
@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important;
    }

    .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;
    }
}


@font-face {
    font-family: 'Dela Gothic One';
    src: url('../fonts/DelaGothicOne-Regular.eot');
    src: url('../fonts/DelaGothicOne-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DelaGothicOne-Regular.woff2') format('woff2'),
        url('../fonts/DelaGothicOne-Regular.woff') format('woff'),
        url('../fonts/DelaGothicOne-Regular.ttf') format('truetype'),
        url('../fonts/DelaGothicOne-Regular.svg#DelaGothicOne-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraLight.eot');
    src: url('../fonts/PlusJakartaSans-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-ExtraLight.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-ExtraLight.woff') format('woff'),
        url('../fonts/PlusJakartaSans-ExtraLight.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-ExtraLight.svg#PlusJakartaSans-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Bold.eot');
    src: url('../fonts/PlusJakartaSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Bold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Bold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Bold.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-Bold.svg#PlusJakartaSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-ExtraBold.eot');
    src: url('../fonts/PlusJakartaSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-ExtraBold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-ExtraBold.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-ExtraBold.svg#PlusJakartaSans-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Light.eot');
    src: url('../fonts/PlusJakartaSans-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Light.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Light.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Light.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-Light.svg#PlusJakartaSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Medium.eot');
    src: url('../fonts/PlusJakartaSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Medium.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Medium.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Medium.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-Medium.svg#PlusJakartaSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-SemiBold.eot');
    src: url('../fonts/PlusJakartaSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-SemiBold.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-SemiBold.woff') format('woff'),
        url('../fonts/PlusJakartaSans-SemiBold.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-SemiBold.svg#PlusJakartaSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Plus Jakarta Sans';
    src: url('../fonts/PlusJakartaSans-Regular.eot');
    src: url('../fonts/PlusJakartaSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PlusJakartaSans-Regular.woff2') format('woff2'),
        url('../fonts/PlusJakartaSans-Regular.woff') format('woff'),
        url('../fonts/PlusJakartaSans-Regular.ttf') format('truetype'),
        url('../fonts/PlusJakartaSans-Regular.svg#PlusJakartaSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}