.swiper__nav {
    display: flex;
    flex-flow: row;
    gap: 7px;
    justify-content: center
}

@media screen and (min-width:1360px) {
    .swiper__nav {
        justify-content: flex-end
    }
}

.swiper__next,
.swiper__prev {
    align-items: center;
    background-color: var(--wp--preset--color--dark);
    cursor: pointer;
    display: flex;
    height: 43px;
    justify-content: center;
    width: 43px
}

.swiper__next svg,
.swiper__prev svg {
    height: 17px;
    width: 22px
}

.swiper__next svg path,
.swiper__prev svg path {
    fill: var(--wp--preset--color--light)
}

.product-finder {
    background-color: var(--wp--preset--color--dark);
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 115px 0 40px;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 240
}

@media screen and (max-width:1199px) {
    .product-finder {
        overflow-y: scroll
    }
}

@media screen and (min-width:1800px) {
    .product-finder {
        padding-top: 160px
    }
}

.product-finder .product-finder-mobile-close {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    color: var(--wp--preset--color--light);
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 5px 10px;
    position: relative
}

@media screen and (min-width:1024px) {
    .product-finder .product-finder-mobile-close {
        display: none
    }
}

.product-finder .product-finder-mobile-close:before {
    background-color: var(--wp--preset--color--light);
    bottom: 6px;
    content: "";
    height: 1px;
    left: 10px;
    position: absolute;
    transition: width .3s ease;
    width: calc(100% - 20px)
}

.product-finder__list {
    display: grid;
    gap: 16px 25px;
    grid-template-columns: repeat(1, 1fr)
}

@media screen and (min-width:768px) {
    .product-finder__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media screen and (min-width:1200px) {
    .product-finder__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

.product-finder__footer {
    margin-top: clamp(1.5625rem, 1.0416666667rem + 1.7361111111vw, 3.125rem);
    text-align: center
}

.product-finder__footer .wp-block-heading.has-medium-font-size {
    margin-bottom: 10px
}

.product-finder__footer a:not(.btn) {
    position: relative;
    transition: color .2s linear
}

.product-finder__footer a:not(.btn):before {
    background-color: var(--wp--preset--color--light);
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    transition: background-color .2s linear;
    width: 100%
}

.product-finder__footer a:not(.btn):hover {
    color: var(--wp--preset--color--secondary)
}

.product-finder__footer a:not(.btn):hover:before {
    background-color: var(--wp--preset--color--secondary)
}

.product-finder .category-card {
    display: flex;
    flex-flow: row
}

.product-finder .category-card__image {
    display: block;
    height: 100%;
    max-width: 127px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 22.133%
}

.product-finder .category-card__content {
    align-items: flex-start;
    background-color: var(--wp--preset--color--light);
    display: flex;
    flex: 1;
    flex-flow: column;
    justify-content: center;
    padding: 15px clamp(1.5625rem, 1.25rem + 1.0416666667vw, 2.5rem);
    transition: background-color .2s linear;
    width: 77.867%
}

.product-finder .category-card__heading {
    font-size: 40px;
    font-size: clamp(1.5625rem, 1.25rem + 1.0416666667vw, 2.5rem);
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .product-finder .category-card__heading {
        font-size: clamp(1.5625rem, -.1080336427rem + 3.4802784223vw, 2.5rem)
    }
}

@media screen and (min-width:1200px) {
    .product-finder .category-card__heading {
        font-size: clamp(1.5625rem, 0rem + 2.0833333333vw, 2.5rem)
    }
}

.product-finder .category-card__count {
    font-size: clamp(.875rem, .75rem + .4166666667vw, 1.25rem);
    position: relative
}

.product-finder .category-card__count:before {
    background-color: var(--wp--preset--color--dark);
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transition: width .3s ease;
    width: 0
}

.product-finder .category-card:hover .category-card__content {
    background-color: var(--wp--preset--color--secondary)
}

.product-finder .category-card:hover .category-card__count:before {
    width: 100%
}

.gform_wrapper input[type=date],
.gform_wrapper input[type=email],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper input[type=search],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper select,
.gform_wrapper textarea {
    -webkit-appearance: none;
    background: var(--wp--preset--color--light);
    border: none;
    border-radius: 0;
    color: var(--wp--preset--color--dark);
    display: block;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    padding: 18px 27px 17px;
    transition: all .15s linear;
    width: 100%
}

@media screen and (max-width:641px) {

    .gform_wrapper input[type=date],
    .gform_wrapper input[type=email],
    .gform_wrapper input[type=number],
    .gform_wrapper input[type=password],
    .gform_wrapper input[type=search],
    .gform_wrapper input[type=tel],
    .gform_wrapper input[type=text],
    .gform_wrapper input[type=url],
    .gform_wrapper select,
    .gform_wrapper textarea {
        padding: 11px 16px 10px
    }
}

.gform_wrapper input[type=date]::-webkit-input-placeholder,
.gform_wrapper input[type=email]::-webkit-input-placeholder,
.gform_wrapper input[type=number]::-webkit-input-placeholder,
.gform_wrapper input[type=password]::-webkit-input-placeholder,
.gform_wrapper input[type=search]::-webkit-input-placeholder,
.gform_wrapper input[type=tel]::-webkit-input-placeholder,
.gform_wrapper input[type=text]::-webkit-input-placeholder,
.gform_wrapper input[type=url]::-webkit-input-placeholder,
.gform_wrapper select::-webkit-input-placeholder,
.gform_wrapper textarea::-webkit-input-placeholder {
    color: var(--wp--preset--color--dark)
}

.gform_wrapper input[type=date]::-moz-placeholder,
.gform_wrapper input[type=email]::-moz-placeholder,
.gform_wrapper input[type=number]::-moz-placeholder,
.gform_wrapper input[type=password]::-moz-placeholder,
.gform_wrapper input[type=search]::-moz-placeholder,
.gform_wrapper input[type=tel]::-moz-placeholder,
.gform_wrapper input[type=text]::-moz-placeholder,
.gform_wrapper input[type=url]::-moz-placeholder,
.gform_wrapper select::-moz-placeholder,
.gform_wrapper textarea::-moz-placeholder {
    color: var(--wp--preset--color--dark)
}

.gform_wrapper input[type=date]:-ms-input-placeholder,
.gform_wrapper input[type=email]:-ms-input-placeholder,
.gform_wrapper input[type=number]:-ms-input-placeholder,
.gform_wrapper input[type=password]:-ms-input-placeholder,
.gform_wrapper input[type=search]:-ms-input-placeholder,
.gform_wrapper input[type=tel]:-ms-input-placeholder,
.gform_wrapper input[type=text]:-ms-input-placeholder,
.gform_wrapper input[type=url]:-ms-input-placeholder,
.gform_wrapper select:-ms-input-placeholder,
.gform_wrapper textarea:-ms-input-placeholder {
    color: var(--wp--preset--color--dark)
}

.gform_wrapper input[type=date]:-webkit-autofill,
.gform_wrapper input[type=date]:-webkit-autofill:focus,
.gform_wrapper input[type=date]:-webkit-autofill:hover,
.gform_wrapper input[type=email]:-webkit-autofill,
.gform_wrapper input[type=email]:-webkit-autofill:focus,
.gform_wrapper input[type=email]:-webkit-autofill:hover,
.gform_wrapper input[type=number]:-webkit-autofill,
.gform_wrapper input[type=number]:-webkit-autofill:focus,
.gform_wrapper input[type=number]:-webkit-autofill:hover,
.gform_wrapper input[type=password]:-webkit-autofill,
.gform_wrapper input[type=password]:-webkit-autofill:focus,
.gform_wrapper input[type=password]:-webkit-autofill:hover,
.gform_wrapper input[type=search]:-webkit-autofill,
.gform_wrapper input[type=search]:-webkit-autofill:focus,
.gform_wrapper input[type=search]:-webkit-autofill:hover,
.gform_wrapper input[type=tel]:-webkit-autofill,
.gform_wrapper input[type=tel]:-webkit-autofill:focus,
.gform_wrapper input[type=tel]:-webkit-autofill:hover,
.gform_wrapper input[type=text]:-webkit-autofill,
.gform_wrapper input[type=text]:-webkit-autofill:focus,
.gform_wrapper input[type=text]:-webkit-autofill:hover,
.gform_wrapper input[type=url]:-webkit-autofill,
.gform_wrapper input[type=url]:-webkit-autofill:focus,
.gform_wrapper input[type=url]:-webkit-autofill:hover,
.gform_wrapper select:-webkit-autofill,
.gform_wrapper select:-webkit-autofill:focus,
.gform_wrapper select:-webkit-autofill:hover,
.gform_wrapper textarea:-webkit-autofill,
.gform_wrapper textarea:-webkit-autofill:focus,
.gform_wrapper textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--wp--preset--color--dark);
    background: none;
    -webkit-box-shadow: 0 0 0 1000px var(--wp--preset--color--light) inset;
    -webkit-transition: none;
    transition: none
}

.gform_wrapper input[type=date]:focus,
.gform_wrapper input[type=email]:focus,
.gform_wrapper input[type=number]:focus,
.gform_wrapper input[type=password]:focus,
.gform_wrapper input[type=search]:focus,
.gform_wrapper input[type=tel]:focus,
.gform_wrapper input[type=text]:focus,
.gform_wrapper input[type=url]:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
    outline: none
}

.gform_wrapper input[type=search]::-webkit-search-cancel-button,
.gform_wrapper input[type=search]::-webkit-search-decoration,
.gform_wrapper input[type=search]::-webkit-search-results-button,
.gform_wrapper input[type=search]::-webkit-search-results-decoration {
    display: none
}

.gform_wrapper textarea {
    max-height: 240px;
    max-width: 100%;
    min-height: 150px;
    resize: vertical
}

@media screen and (max-width:641px) {
    .gform_wrapper select {
        line-height: 2;
        min-height: 32px
    }
}

.gform_wrapper select::-ms-expand {
    display: none
}

.gform_wrapper .gform_title {
    color: var(--wp--preset--color--light);
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(2.1875rem, 1.6666666667rem + 1.7361111111vw, 3.75rem);
    font-style: normal;
    font-weight: 500;
    line-height: clamp(2.5rem, 1.875rem + 2.0833333333vw, 4.375rem)
}

.gform_wrapper .gform_description {
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    margin: 0
}

.gform_wrapper .gform_description,
.gform_wrapper .gform_required_legend {
    color: var(--wp--preset--color--light);
    font-family: Inter Tight, sans-serif
}

.gform_wrapper .gform_required_legend {
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.gform_wrapper .gfield.gsection:not(:first-child) {
    margin-top: 50px
}

.gform_wrapper .gsection_title {
    font-optical-sizing: auto;
    font-size: clamp(1.875rem, 1.6666666667rem + .6944444444vw, 2.5rem);
    font-style: normal;
    font-weight: 500;
    line-height: clamp(2.1875rem, 1.875rem + 1.0416666667vw, 3.125rem)
}

.gform_wrapper .gsection_description,
.gform_wrapper .gsection_title {
    color: var(--wp--preset--color--light);
    font-family: Inter Tight, sans-serif
}

.gform_wrapper .gsection_description {
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    margin-top: 10px
}

.gform_wrapper select {
    padding-right: 65px
}

@media screen and (max-width:641px) {
    .gform_wrapper select {
        padding-right: 50px
    }
}

.gform_wrapper .gform_next_button,
.gform_wrapper .gform_previous_button,
.gform_wrapper input[type=submit] {
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--wp--preset--color--dark);
    border: 1px solid var(--wp--preset--color--dark);
    border-radius: 0;
    color: var(--wp--preset--color--light);
    cursor: pointer;
    display: inline-flex;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 20px;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    transition: all .2s linear
}

@media screen and (min-width:1024px) {

    .gform_wrapper .gform_next_button,
    .gform_wrapper .gform_previous_button,
    .gform_wrapper input[type=submit] {
        font-size: 17px;
        height: 50px
    }
}

@media screen and (max-width:641px) {

    .gform_wrapper .gform_next_button,
    .gform_wrapper .gform_previous_button,
    .gform_wrapper input[type=submit] {
        padding: 0 20px
    }
}

@media (hover:hover) {

    .gform_wrapper .gform_next_button:hover,
    .gform_wrapper .gform_previous_button:hover,
    .gform_wrapper input[type=submit]:hover {
        background-color: var(--wp--preset--color--light);
        border-color: var(--wp--preset--color--dark);
        color: var(--wp--preset--color--dark)
    }
}

.gform_wrapper .gform_fields {
    grid-row-gap: 10px !important
}

.gform_wrapper .gfield:not(:last-child) {
    margin-bottom: 10px !important
}

@media screen and (max-width:641px) {
    .gform_wrapper .gfield:not(:last-child) {
        margin-bottom: 5px !important
    }
}

.gform_wrapper .gfield .gfield_description {
    color: var(--wp--preset--color--light);
    display: block;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    margin-bottom: 10px
}

.gform_wrapper .gfield.field_description_below .gfield_description {
    margin-bottom: 0;
    margin-top: 10px
}

.gform_wrapper .gfield .gfield_label,
.gform_wrapper .gfield .gform-field-label {
    color: var(--wp--preset--color--light);
    display: block;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    margin-bottom: 10px
}

.gform_wrapper .gfield .gfield_label>.gfield_required,
.gform_wrapper .gfield .gform-field-label>.gfield_required {
    display: inline-block;
    height: 20px;
    margin-left: 3px;
    overflow: hidden;
    position: relative;
    text-indent: 100%;
    vertical-align: text-top;
    white-space: nowrap;
    width: 8px
}

.gform_wrapper .gfield .gfield_label>.gfield_required:before,
.gform_wrapper .gfield .gform-field-label>.gfield_required:before {
    content: "*";
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    width: 8px
}

.gform_wrapper .gfield .gfield_label>.gfield_required .gfield_required_text,
.gform_wrapper .gfield .gform-field-label>.gfield_required .gfield_required_text,
.gform_wrapper .gfield.hidden_label .gfield_label {
    display: none
}

.gform_wrapper .gfield .gfield_radio {
    display: flex;
    flex-flow: row;
    gap: 10px
}

.gform_wrapper .gfield .ginput_complex {
    display: flex;
    flex-flow: row wrap;
    gap: 18px
}

@media screen and (max-width:767px) {
    .gform_wrapper .gfield .ginput_complex {
        gap: 32px
    }
}

.gform_wrapper .gfield .gfield_radio .gchoice {
    min-width: 130px
}

.gform_wrapper .gfield .gform-grid-col {
    flex: 1
}

@media screen and (max-width:767px) {
    .gform_wrapper .gfield .gform-grid-col {
        flex: none;
        width: 100%
    }
}

.gform_wrapper .gfield .gf_clear {
    display: none
}

.gform_wrapper .gfield .ginput_container_select {
    position: relative
}

.gform_wrapper .gfield .ginput_container_select:after {
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid var(--wp--preset--color--dark);
    content: "";
    height: 0;
    position: absolute;
    right: 25px;
    top: clamp(1.4375rem, 1.3333333333rem + .3472222222vw, 1.75rem);
    width: 0
}

@media screen and (max-width:641px) {
    .gform_wrapper .gfield .ginput_container_select:after {
        border-width: 9px;
        right: 16px
    }
}

.gform_wrapper .gfield .ginput_container_fileupload {
    overflow: hidden
}

.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_area {
    background-color: var(--wp--preset--color--light);
    border: 2px dashed var(--wp--preset--color--grey);
    border-radius: 8px;
    padding: 30px;
    text-align: center
}

.gform_wrapper .gfield .ginput_container_fileupload .gform_drop_instructions {
    color: var(--wp--preset--color--light);
    display: block;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 10px
}

.gform_wrapper .gfield .ginput_container_fileupload .gform_button_select_files {
    align-items: center;
    -webkit-appearance: none;
    background-color: var(--wp--preset--color--dark);
    border: 1px solid var(--wp--preset--color--dark);
    border-radius: 0;
    color: var(--wp--preset--color--light);
    cursor: pointer;
    display: inline-flex;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    gap: 20px;
    height: 40px;
    justify-content: center;
    overflow: hidden;
    padding: 0 30px;
    position: relative;
    transition: all .2s linear
}

@media screen and (min-width:1024px) {
    .gform_wrapper .gfield .ginput_container_fileupload .gform_button_select_files {
        font-size: 17px;
        height: 50px
    }
}

@media screen and (max-width:641px) {
    .gform_wrapper .gfield .ginput_container_fileupload .gform_button_select_files {
        padding: 0 20px
    }
}

.gform_wrapper .gfield .ginput_container_fileupload input[type=file] {
    margin-bottom: 10px;
    width: 100%
}

.gform_wrapper .gfield .ginput_container_fileupload .gfield_description {
    margin-bottom: 0;
    margin-top: 10px
}

.gform_wrapper .gfield .ginput_preview_list {
    color: var(--wp--preset--color--light);
    margin-top: 10px
}

.gform_wrapper .gfield .ginput_preview_list .ginput_preview {
    display: flex;
    flex-flow: row wrap;
    gap: 5px 10px
}

.gform_wrapper .gfield .ginput_preview_list .dashicons {
    color: var(--wp--preset--color--light)
}

.gform_wrapper .gfield .gchoice,
.gform_wrapper .gfield .ginput_container_consent {
    flex: 1;
    position: relative
}

.gform_wrapper .gfield .gchoice:not(:last-child),
.gform_wrapper .gfield .ginput_container_consent:not(:last-child) {
    margin-bottom: 5px
}

.gform_wrapper .gfield .gchoice input[type=checkbox],
.gform_wrapper .gfield .gchoice input[type=radio],
.gform_wrapper .gfield .ginput_container_consent input[type=checkbox],
.gform_wrapper .gfield .ginput_container_consent input[type=radio] {
    height: 30px;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 30px
}

.gform_wrapper .gfield .gchoice input[type=checkbox]:focus~.input-checkbox,
.gform_wrapper .gfield .gchoice input[type=radio]:focus~.input-checkbox,
.gform_wrapper .gfield .ginput_container_consent input[type=checkbox]:focus~.input-checkbox,
.gform_wrapper .gfield .ginput_container_consent input[type=radio]:focus~.input-checkbox {
    box-shadow: 0 0 0 3px var(--wp--preset--color--grey);
    outline: 3px solid transparent
}

.gform_wrapper .gfield .gchoice input[type=checkbox]:checked~.input-checkbox:before,
.gform_wrapper .gfield .gchoice input[type=radio]:checked~.input-checkbox:before,
.gform_wrapper .gfield .ginput_container_consent input[type=checkbox]:checked~.input-checkbox:before,
.gform_wrapper .gfield .ginput_container_consent input[type=radio]:checked~.input-checkbox:before {
    opacity: 1;
    visibility: visible
}

.gform_wrapper .gfield .gchoice .input-checkbox,
.gform_wrapper .gfield .ginput_container_consent .input-checkbox {
    background: transparent;
    border: 1px solid var(--wp--preset--color--light);
    border-radius: 0;
    height: 18px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 18px
}

.gform_wrapper .gfield .gchoice .input-checkbox:before,
.gform_wrapper .gfield .ginput_container_consent .input-checkbox:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9.3' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M4.6 9.1c-.1.2-.3.2-.4.2-.2 0-.4 0-.5-.2L.3 5.7c-.4-.4-.4-.9 0-1.3L.7 4c.4-.4.9-.4 1.3 0l2.2 2.2L10 .3c.4-.4.9-.4 1.3 0l.4.4c.4.4.4.9 0 1.3L4.6 9.1z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: "";
    height: 8px;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    width: 10px
}

.gform_wrapper .gfield .gchoice .gform-field-label,
.gform_wrapper .gfield .ginput_container_consent .gform-field-label {
    color: var(--wp--preset--color--light);
    display: inline-block;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.35px;
    line-height: 18px;
    margin: 0;
    padding: 0 0 0 35px;
    text-transform: none
}

.gform_wrapper .gfield .gchoice .gchoice_other_control,
.gform_wrapper .gfield .ginput_container_consent .gchoice_other_control {
    margin-top: 20px
}

.gform_wrapper .gfield .gchoice .gchoice_other_control:disabled,
.gform_wrapper .gfield .ginput_container_consent .gchoice_other_control:disabled {
    display: none
}

.gform_wrapper .gfield--type-consent.gfield:not(:last-child) {
    margin-bottom: 0 !important
}

.gform_wrapper .gfield--type-radio .gchoice .input-checkbox {
    border-radius: 50%
}

.gform_wrapper .gfield--type-radio .gchoice .input-checkbox:before {
    background: var(--wp--preset--color--light);
    border-radius: 50%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scale(.7);
    width: 100%
}

.gform_wrapper .gfield .ginput_stripe_creditcard {
    background-color: var(--wp--preset--color--light);
    border: 2px solid var(--wp--preset--color--grey);
    padding: 22px
}

.gform_wrapper .gfield--type-time .ginput_complex {
    align-items: center
}

.gform_wrapper .gfield--type-time .gform-grid-col.hour_minute_colon {
    flex: 0
}

.gform_wrapper .gfield--type-address .gform-grid-col {
    flex: 0 0 100%
}

@media screen and (min-width:1024px) {
    .gform_wrapper .gfield--type-address .gform-grid-col {
        flex: 0 0 calc(50% - 5px)
    }
}

.gform_wrapper .gfield--type-address .gform-grid-col.ginput_full {
    flex: 0 0 100%
}

.gform_wrapper .gfield.field_sublabel_below .ginput_complex .gform-field-label {
    margin-bottom: 0;
    margin-top: 10px
}

.gform_wrapper .gfield.checkbox-btn .gfield_checkbox,
.gform_wrapper .gfield.checkbox-btn .gfield_radio {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:641px) {

    .gform_wrapper .gfield.checkbox-btn .gfield_checkbox,
    .gform_wrapper .gfield.checkbox-btn .gfield_radio {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr)
    }
}

.gform_wrapper .gfield.checkbox-btn .gfield_checkbox .gchoice,
.gform_wrapper .gfield.checkbox-btn .gfield_radio .gchoice {
    margin-bottom: 0;
    min-width: auto
}

.gform_wrapper .gfield.checkbox-btn .gfield_checkbox .gchoice .input-checkbox,
.gform_wrapper .gfield.checkbox-btn .gfield_radio .gchoice .input-checkbox {
    background-color: var(--wp--preset--color--light);
    border: none;
    border-radius: 0;
    height: 100%;
    width: 100%
}

.gform_wrapper .gfield.checkbox-btn .gfield_checkbox .gchoice .input-checkbox:before,
.gform_wrapper .gfield.checkbox-btn .gfield_radio .gchoice .input-checkbox:before {
    background-color: var(--wp--preset--color--secondary);
    background-image: none;
    border-radius: 0;
    height: 100%;
    left: 0;
    top: 0;
    transform: none;
    width: 100%
}

.gform_wrapper .gfield.checkbox-btn .gfield_checkbox .gchoice .gform-field-label,
.gform_wrapper .gfield.checkbox-btn .gfield_radio .gchoice .gform-field-label {
    align-items: center;
    display: inline-flex;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 500;
    height: 80px;
    justify-content: center;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    padding: 10px;
    position: relative;
    text-align: center;
    width: 100%
}

@media screen and (max-width:641px) {

    .gform_wrapper .gfield.checkbox-btn .gfield_checkbox .gchoice .gform-field-label,
    .gform_wrapper .gfield.checkbox-btn .gfield_radio .gchoice .gform-field-label {
        height: auto
    }
}

.gform_wrapper .gfield.checkbox-btn--row .gfield_checkbox,
.gform_wrapper .gfield.checkbox-btn--row .gfield_radio {
    grid-template-columns: repeat(1, 1fr)
}

.gform_wrapper .gfield_choice_all_toggle {
    -webkit-appearance: none;
    background-color: var(--wp--preset--color--light);
    border: none;
    border-radius: 0;
    color: var(--wp--preset--color--dark);
    cursor: pointer;
    display: inline-flex;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.35px;
    padding: 7px 13px;
    text-transform: uppercase
}

.gform_wrapper .gfield_list_groups {
    display: flex;
    flex-flow: column;
    gap: 10px
}

.gform_wrapper .gfield_list_group {
    align-items: center;
    display: flex;
    flex-flow: row
}

.gform_wrapper .gfield_list_group .gfield_list_group_item {
    flex: 0 0 calc(100% - 60px)
}

@media screen and (min-width:768px) {
    .gform_wrapper .gfield_list_group .gfield_list_group_item {
        flex: 0 0 calc(100% - 100px)
    }
}

.gform_wrapper .gform-grid-col.gfield_list_icons {
    align-items: center;
    display: flex;
    flex: none;
    justify-content: space-evenly;
    width: 60px
}

@media screen and (min-width:768px) {
    .gform_wrapper .gform-grid-col.gfield_list_icons {
        width: 100px
    }
}

.gform_wrapper .gform-grid-col.gfield_list_icons button {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 0;
    height: 16px;
    padding: 0;
    position: relative;
    width: 16px
}

@media screen and (min-width:768px) {
    .gform_wrapper .gform-grid-col.gfield_list_icons button {
        height: 22px;
        width: 22px
    }
}

.gform_wrapper .gform-grid-col.gfield_list_icons button:after,
.gform_wrapper .gform-grid-col.gfield_list_icons button:before {
    background-color: var(--wp--preset--color--dark);
    content: "";
    height: 4px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.gform_wrapper .gform-grid-col.gfield_list_icons button:after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.gform_wrapper .gform-grid-col.gfield_list_icons button.delete_list_item:after {
    content: none
}

.gform_wrapper .gf_progressbar_title {
    color: var(--wp--preset--color--light);
    display: none;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    margin-bottom: 10px
}

.gform_wrapper .gf_progressbar {
    background-color: #d9d9d9;
    margin-bottom: 30px;
    position: relative
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage {
    align-items: center;
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--light);
    display: flex;
    flex-flow: row;
    height: 3px;
    justify-content: flex-end
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
    color: var(--wp--preset--color--light);
    display: none;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin: 0 10px
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 {
    justify-content: flex-start
}

.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_0 span {
    color: var(--wp--preset--color--dark)
}

.gform_wrapper .gf_page_steps {
    margin-bottom: 20px
}

.gform_wrapper .gf_page_steps .gf_step {
    align-items: center;
    display: inline-flex;
    margin: 8px 32px 8px 0
}

.gform_wrapper .gf_page_steps .gf_step .gf_step_number {
    align-items: center;
    background: var(--wp--preset--color--light);
    border: none;
    border-radius: 28px;
    color: var(--wp--preset--color--dark);
    display: flex;
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 700;
    height: 56px;
    justify-content: center;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    text-align: center;
    width: 56px
}

.gform_wrapper .gf_page_steps .gf_step .gf_step_label {
    color: var(--wp--preset--color--light);
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(1rem, .9166666667rem + .2777777778vw, 1.25rem);
    font-style: normal;
    font-weight: 400;
    line-height: clamp(1.5rem, 1.375rem + .4166666667vw, 1.875rem);
    padding-left: 16px
}

.gform_wrapper .gf_page_steps .gf_step.gf_step_active .gf_step_number,
.gform_wrapper .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
    background: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--light)
}

.gform_wrapper .gf_page_steps .gf_step.gf_step_completed .gf_step_number {
    overflow: hidden;
    position: relative
}

.gform_wrapper .gf_page_steps .gf_step.gf_step_completed .gf_step_number:before {
    background: var(--wp--preset--color--dark);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9.3' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M4.6 9.1c-.1.2-.3.2-.4.2-.2 0-.4 0-.5-.2L.3 5.7c-.4-.4-.4-.9 0-1.3L.7 4c.4-.4.9-.4 1.3 0l2.2 2.2L10 .3c.4-.4.9-.4 1.3 0l.4.4c.4.4.4.9 0 1.3L4.6 9.1z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px 16px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    z-index: 2
}

.gform_wrapper .gform_page_footer {
    display: flex;
    flex-flow: row wrap;
    gap: 20px;
    justify-content: space-between;
    position: relative
}

.gform_wrapper .gform_page_footer .gform_next_button,
.gform_wrapper .gform_page_footer .gform_previous_button {
    background-color: transparent;
    color: var(--wp--preset--color--dark)
}

.gform_wrapper .gform_page_footer .gform_next_button:focus,
.gform_wrapper .gform_page_footer .gform_next_button:hover,
.gform_wrapper .gform_page_footer .gform_previous_button:focus,
.gform_wrapper .gform_page_footer .gform_previous_button:hover {
    background-color: var(--wp--preset--color--dark);
    border-color: var(--wp--preset--color--dark);
    color: var(--wp--preset--color--light)
}

.gform_wrapper .gform_page_footer .gform_ajax_spinner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%)
}

.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
    margin-top: 40px
}

.gform_wrapper .gfield--type-honeypot {
    display: none
}

.gform_wrapper .gform_validation_errors {
    color: var(--wp--preset--color--dark);
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400
}

.gform_wrapper .validation_message {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    border-radius: 0;
    color: var(--wp--preset--color--dark) !important;
    margin: 10px 0;
    padding: 10px 20px
}

.gform_wrapper .validation_message--hidden-on-empty:empty {
    display: none
}

.primary-dark-texture--bg .gform_next_button,
.primary-dark-texture--bg .gform_previous_button,
.primary-dark-texture--bg input[type=submit] {
    background-color: var(--wp--preset--color--primary);
    border-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--light)
}

@media (hover:hover) {

    .primary-dark-texture--bg .gform_next_button:hover,
    .primary-dark-texture--bg .gform_previous_button:hover,
    .primary-dark-texture--bg input[type=submit]:hover {
        background-color: var(--wp--preset--color--light);
        color: var(--wp--preset--color--dark)
    }
}

.primary-dark-texture--bg .gform_validation_errors {
    color: var(--wp--preset--color--light)
}

.grey--bg .gform_wrapper .gfield .gfield_label,
.grey--bg .gform_wrapper .gfield .gform-field-label,
.light--bg .gform_wrapper .gfield .gfield_label,
.light--bg .gform_wrapper .gfield .gform-field-label {
    color: var(--wp--preset--color--dark)
}

.grey--bg .gform_wrapper .gfield .gchoice .input-checkbox,
.grey--bg .gform_wrapper .gfield .ginput_container_consent .input-checkbox,
.light--bg .gform_wrapper .gfield .gchoice .input-checkbox,
.light--bg .gform_wrapper .gfield .ginput_container_consent .input-checkbox {
    border-color: var(--wp--preset--color--dark)
}

.grey--bg .gform_wrapper .gfield .gchoice .input-checkbox:before,
.grey--bg .gform_wrapper .gfield .ginput_container_consent .input-checkbox:before,
.light--bg .gform_wrapper .gfield .gchoice .input-checkbox:before,
.light--bg .gform_wrapper .gfield .ginput_container_consent .input-checkbox:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 9.3' xml:space='preserve'%3E%3Cpath fill='%23151515' d='M4.6 9.1c-.1.2-.3.2-.4.2-.2 0-.4 0-.5-.2L.3 5.7c-.4-.4-.4-.9 0-1.3L.7 4c.4-.4.9-.4 1.3 0l2.2 2.2L10 .3c.4-.4.9-.4 1.3 0l.4.4c.4.4.4.9 0 1.3L4.6 9.1z'/%3E%3C/svg%3E")
}

.footer {
    padding-top: clamp(3rem, 1rem + 6.6666666667vw, 9rem)
}

.footer__row {
    display: grid;
    gap: 50px 30px;
    grid-template-columns: 1fr
}

@media screen and (min-width:1024px) {
    .footer__row {
        grid-template-columns: .8fr 1.2fr
    }
}

@media screen and (min-width:1360px) {
    .footer__row {
        grid-template-columns: 1.07fr .93fr
    }
}

.footer__contact {
    display: flex;
    flex-flow: column;
    gap: 40px
}

@media screen and (min-width:1024px) {
    .footer__contact {
        gap: 50px
    }
}

.footer__contact .footer-heading {
    font-size: clamp(2.1875rem, 1.875rem + 1.0416666667vw, 3.125rem);
    line-height: clamp(2.5rem, 2.0833333333rem + 1.3888888889vw, 3.75rem);
    max-width: 580px
}

.footer__contact .footer-contact-details {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: 20px 38px
}

.footer__contact .btn--transparent {
    border-color: var(--wp--preset--color--grey);
    color: var(--wp--preset--color--grey)
}

.footer__contact .btn--transparent:before {
    background-color: var(--wp--preset--color--grey)
}

.footer__contact .footer-copy {
    display: flex;
    flex-flow: column;
    gap: 10px
}

@media screen and (min-width:414px) {
    .footer__contact .footer-copy {
        align-items: center;
        flex-flow: row wrap;
        gap: 10px 30px
    }

    .footer__contact .footer-copy__item:not(:last-child) {
        position: relative
    }

    .footer__contact .footer-copy__item:not(:last-child):before {
        color: var(--wp--preset--color--grey);
        content: "|";
        font-family: proxima-nova, sans-serif;
        font-style: normal;
        font-weight: 300;
        position: absolute;
        right: -15px;
        top: 0
    }
}

.footer__contact .footer-copy a,
.footer__contact .footer-copy p {
    font-size: clamp(.75rem, .7083333333rem + .1388888889vw, .875rem);
    line-height: 1.1
}

.footer__nav {
    display: flex;
    flex-flow: row wrap;
    gap: 50px 30px
}

@media screen and (max-width:767px) {
    .footer__nav {
        max-width: 300px
    }
}

@media screen and (min-width:768px) {
    .footer__nav .footer-nav-column {
        flex: 1
    }
}

@media screen and (max-width:767px) {
    .footer__nav .footer-nav-column {
        width: calc(50% - 15px)
    }
}

.footer__nav .footer-nav-heading {
    position: relative
}

.footer__nav .footer-nav-heading:before {
    background-color: var(--wp--preset--color--light);
    content: "";
    display: inline-block;
    height: 12px;
    margin-right: 10px;
    width: 12px
}

.footer__nav .menu-item:not(:last-child) {
    margin-bottom: clamp(.625rem, .4166666667rem + .6944444444vw, 1.25rem)
}

.footer__nav .menu-item a {
    color: var(--wp--preset--color--grey);
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-size: clamp(.75rem, .6458333333rem + .3472222222vw, 1.0625rem);
    font-style: normal;
    font-weight: 400
}

.footer__nav .menu-item a:hover {
    text-decoration: underline
}

.footer__logo {
    display: flex
}

@media screen and (min-width:1024px) {
    .footer__logo {
        grid-column-end: 3;
        grid-column-start: 1;
        padding-top: 30px
    }
}

@media screen and (max-width:479px) {
    .footer__logo {
        padding-bottom: 48px
    }
}

.footer__logo .logo {
    width: 100%
}

.footer__logo .logo svg {
    height: auto;
    width: 100%
}

.footer__logo .logo svg path {
    fill: var(--wp--preset--color--light)
}

.newsletter-popup {
    align-items: center;
    background-color: hsla(0, 0%, 8%, .9);
    bottom: 0;
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    opacity: 0;
    padding: 30px;
    position: fixed;
    right: 0;
    transition: all .3s ease;
    visibility: hidden;
    width: 100%;
    z-index: 400
}

.newsletter-popup__inner {
    max-width: 1342px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .newsletter-popup__inner {
        align-items: center;
        display: grid;
        grid-template-columns: 2fr 1fr
    }
}

.newsletter-popup__close.btn {
    height: 43px;
    position: absolute;
    right: 30px;
    top: 25px
}

@media screen and (min-width:1024px) {
    .newsletter-popup__close.btn {
        right: 48px;
        top: 38px
    }
}

@media screen and (max-width:1023px) {
    .newsletter-popup__close.btn {
        border-color: var(--wp--preset--color--dark)
    }

    .newsletter-popup__close.btn,
    .newsletter-popup__close.btn span {
        color: var(--wp--preset--color--dark)
    }

    .newsletter-popup__close.btn:before {
        background-color: var(--wp--preset--color--dark)
    }
}

.newsletter-popup__content {
    padding: 90px 30px 30px;
    text-align: center
}

@media screen and (min-width:1024px) {
    .newsletter-popup__content {
        padding: 60px
    }
}

@media screen and (min-width:1360px) {
    .newsletter-popup__content {
        padding: 60px 90px
    }
}

@media screen and (max-width:479px) {
    .newsletter-popup__content {
        max-height: calc(100vh - 60px);
        overflow-y: scroll
    }
}

.newsletter-popup__content .wp-block-heading,
.newsletter-popup__content p {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px
}

@media screen and (min-width:1024px) {

    .newsletter-popup__content .wp-block-heading,
    .newsletter-popup__content p {
        max-width: 700px
    }
}

@media screen and (max-width:1023px) {
    .newsletter-popup__image {
        display: none
    }
}

.newsletter-popup__image img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.newsletter-popup .gform_wrapper input[type=date],
.newsletter-popup .gform_wrapper input[type=email],
.newsletter-popup .gform_wrapper input[type=number],
.newsletter-popup .gform_wrapper input[type=password],
.newsletter-popup .gform_wrapper input[type=search],
.newsletter-popup .gform_wrapper input[type=tel],
.newsletter-popup .gform_wrapper input[type=text],
.newsletter-popup .gform_wrapper input[type=url],
.newsletter-popup .gform_wrapper select,
.newsletter-popup .gform_wrapper textarea {
    border: 1px solid var(--wp--preset--color--dark)
}

.newsletter-popup .gform_wrapper input[type=submit] {
    background-color: var(--wp--preset--color--secondary);
    border-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--dark)
}

@media (hover:hover) {
    .newsletter-popup .gform_wrapper input[type=submit]:hover {
        background-color: var(--wp--preset--color--dark);
        border-color: var(--wp--preset--color--dark);
        color: var(--wp--preset--color--light)
    }
}

.newsletter-popup .gform_wrapper .gfield.gfield--type-consent .ginput_container_consent {
    display: inline-flex;
    text-align: left
}

.newsletter-popup.active {
    opacity: 1;
    visibility: visible
}

.popup {
    bottom: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    transition: all .3s ease;
    visibility: hidden;
    z-index: 400
}

.popup__close {
    -webkit-appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px
}

@media screen and (min-width:1024px) {
    .popup__close {
        right: 25px;
        top: 25px
    }
}

.popup__close:after,
.popup__close:before {
    background-color: var(--wp--preset--color--dark);
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    width: 30px
}

.popup__close:before {
    transform: translateX(-50%) rotate(45deg)
}

.popup__close:after {
    transform: translateX(-50%) rotate(-45deg)
}

.popup__inner {
    position: relative
}

.popup__inner.dark--bg .wp-block-heading,
.popup__inner.dark--bg p {
    color: var(--wp--preset--color--light)
}

.popup__inner.dark--bg .popup__close:after,
.popup__inner.dark--bg .popup__close:before {
    background-color: var(--wp--preset--color--light)
}

.popup__content h3.wp-block-heading.has-medium-font-size,
.popup__content h3.wp-block-heading.has-small-font-size {
    font-family: Inter Tight, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 400;
    text-transform: none
}

.popup .popup__logos {
    display: flex;
    flex-flow: row;
    gap: 40px;
    justify-content: flex-start
}

@media screen and (max-width:1023px) {
    .popup .popup__logo img {
        max-height: 150px
    }
}

.popup--large {
    align-items: center;
    background-color: hsla(0, 0%, 8%, .9);
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    padding: 30px;
    width: 100%
}

.popup--large .popup__inner {
    max-width: 1342px;
    padding: 120px 30px 30px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .popup--large .popup__inner {
        padding: 150px 60px 60px
    }
}

@media screen and (max-width:479px) {
    .popup--large .popup__inner {
        max-height: calc(100vh - 60px);
        overflow-y: scroll
    }
}

.popup--large .popup__content {
    max-width: 900px
}

.popup--large .square-sm {
    background-color: var(--wp--preset--color--secondary);
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px
}

@media screen and (min-width:1024px) {
    .popup--large .square-sm {
        height: 84px;
        width: 84px
    }
}

.popup--small {
    max-width: 720px;
    width: 100%
}

@media screen and (max-width:479px) {
    .popup--small {
        max-height: calc(100vh - 60px);
        overflow-y: scroll
    }
}

.popup--small .popup__inner {
    padding: 80px 30px 30px
}

@media screen and (min-width:1024px) {
    .popup--small .popup__inner {
        padding-bottom: 60px
    }
}

.popup--small .popup__content {
    margin-left: auto;
    margin-right: auto;
    max-width: 580px
}

.popup--small .popup__logo img {
    max-height: 150px
}

.popup.active {
    opacity: 1;
    visibility: visible
}

/* ロゴ切り替え用スタイル - students10-8724 */
.header__logo .logo img {
    height: 60px;
    width: auto;
}

@media screen and (min-width: 1800px) {
    .header__logo .logo img {
        height: 80px;
    }
}

@media screen and (max-width: 1023px) {
    .header__logo .logo img {
        height: 40px;
    }
}

/* デフォルト: 黒いロゴを表示 */
.header__logo .logo-white-8724 {
    display: none;
}

.header__logo .logo-black-8724 {
    display: block;
}

/* header--light時: 白いロゴを表示、黒を非表示 */
.header--light .header__logo .logo-black-8724 {
    display: none;
}

.header--light .header__logo .logo-white-8724 {
    display: block;
}

/* sticky時（スクロール時）は黒いロゴを表示、白を非表示 */
body:not(.nav-is-active):not(.nav-anim-active):not(.product-finder-is-active):not(.product-finder-anim-active) .header--sticky.header--light .header__logo .logo-white-8724 {
    display: none;
}

body:not(.nav-is-active):not(.nav-anim-active):not(.product-finder-is-active):not(.product-finder-anim-active) .header--sticky.header--light .header__logo .logo-black-8724 {
    display: block;
}

/* フッターロゴのスタイル */
.footer__logo .logo img {
    height: auto;
    width: 100%;
    max-width: 300px;
}

@media screen and (max-width: 767px) {
    .footer__logo .logo img {
        max-width: 200px;
    }
}

/* フッターロゴを上に配置 */
.footer-logo-top-8724 {
    margin-bottom: 30px;
}

.footer-logo-top-8724 .logo img {
    max-width: 250px;
}

@media screen and (max-width: 767px) {
    .footer-logo-top-8724 .logo img {
        max-width: 180px;
    }
}

/* フッターコピーライトの下余白 */
.footer .footer-copy {
    padding-bottom: 40px;
}

@media screen and (max-width: 767px) {
    .footer .footer-copy {
        padding-bottom: 60px;
    }
    
    .footer .container--1800 {
        margin-bottom: 30px;
    }
}

/* コース紹介ボタンに展開アイコン追加 */
.product-finder-toggle::after,
.product-finder-mobile-open::after {
    content: "+";
    margin-left: 8px;
    font-size: 1.2em;
    font-weight: 300;
    transition: transform 0.3s ease;
}

.product-finder-is-active .product-finder-toggle::after,
.product-finder-is-active .product-finder-mobile-open::after {
    transform: rotate(45deg);
}

/* 動画ヒーローセクション */
.hero-video-8724 {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 600px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.hero-video__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-video__bg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-video__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.hero-video__content {
    position: relative;
    z-index: 2;
    padding: 0 30px;
}

.hero-video__content h1 {
    margin-bottom: 20px;
}

.hero-video__content .sp-only {
    display: none;
}

@media screen and (max-width: 767px) {
    .hero-video-8724 {
        min-height: 500px;
        height: 80vh;
    }
    
    .hero-video__content .sp-only {
        display: inline;
    }
}

.hero-video-8724 .square-icons {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 2;
}

/* 地図セクション */
.map-section-8724 {
    width: 100%;
    line-height: 0;
}

.map-section-8724 iframe {
    width: 100%;
    height: 400px;
    filter: grayscale(100%);
    transition: filter 0.3s ease;
}

.map-section-8724 iframe:hover {
    filter: grayscale(0%);
}

@media screen and (max-width: 767px) {
    .map-section-8724 iframe {
        height: 300px;
    }
}

/* お知らせセクション背景 */
.featured-news.primary-texture--bg {
    background-color: #1a2744;
}

/* 選ばれる理由カード画像付き */
.text-card-with-image-9182 {
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: hidden;
}

.text-card__image-9182 {
    width: 100%;
    height: 180px;
    overflow: hidden;
}

.text-card__image-9182 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.text-card-with-image-9182:hover .text-card__image-9182 img {
    transform: scale(1.05);
}

.text-card__content-9182 {
    padding: 30px 30px 20px;
    flex: 1;
}

.text-card-with-image-9182 .btn {
    margin: 0 30px 30px;
}

@media screen and (max-width: 767px) {
    .text-card__image-9182 {
        height: 150px;
    }
    
    .text-card__content-9182 {
        padding: 20px 20px 15px;
    }
    
    .text-card-with-image-9182 .btn {
        margin: 0 20px 20px;
    }
}

/*# sourceMappingURL=main.css.map*/