@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Light.eot');
    src: url('../font/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNeue-Light.woff2') format('woff2'),
        url('../font/HelveticaNeue-Light.woff') format('woff'),
        url('../font/HelveticaNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Medium.eot');
    src: url('../font/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../font/HelveticaNeue-Medium.woff') format('woff'),
        url('../font/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../font/HelveticaNeue-Bold.eot');
    src: url('../font/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../font/HelveticaNeue-Bold.woff') format('woff'),
        url('../font/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.breadcrumb-holder {
    position: relative;
    bottom: 0;
    padding: 10px 0;
    width: 100%;
    background: #fafafa;
    margin-top: 12px;
}

/* Style added for the accordion */
.accessible-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    top: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.faq-block {
    position: relative;
    padding: 60px 0;
    background: #e8e8e8;
    ;
}

.faq-block .container {
    max-width: 1152px;
}

.faq-items {
    margin-top: 25px;
}

.faq-item {
    margin-bottom: 15px;
}

.faq-item__header {
    position: relative;
    padding: 15px 50px 15px 15px;
    background: #eeeeee;
}

.faq-item__title {
    font-size: 22px;
    margin-bottom: 0;
    color: #404041;
    padding-right: 20px;

}

.faq-item__toggle {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 0;
    border: 0;
    margin: 0;
    background: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-align: right;
}

.faq-item__toggle-icon {
    width: 11px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='20' viewBox='0 0 11 20' fill='none'%3E%3Cpath id='>' d='M0.292893 0.292893C0.653377 -0.0675907 1.22061 -0.0953203 1.6129 0.209705L1.70711 0.292893L10.7071 9.29289C11.0676 9.65338 11.0953 10.2206 10.7903 10.6129L10.7071 10.7071L1.70711 19.7071C1.31658 20.0976 0.683418 20.0976 0.292893 19.7071C-0.0675907 19.3466 -0.0953203 18.7794 0.209705 18.3871L0.292893 18.2929L8.585 10L0.292893 1.70711C-0.0675907 1.34662 -0.0953203 0.779392 0.209705 0.387101L0.292893 0.292893Z' fill='%23000000'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    display: inline-block;
    vertical-align: middle;
    right: 25px;
    top: 20px;
    position: absolute;
    transform: rotate(90deg);
}

.faq-item.active .faq-item__toggle-icon {
    transform: rotate(-90deg);
}

.faq-item.active .faq-item__header {
    padding-bottom: 11px;
}

.faq-item__body {
    display: none;
    padding: 25px 25px 25px 15px;
    font-size: 16px;
    line-height: 1.4375;
    color: #404041;
    background-color: #eee;
}

.faq-item__body ul li {
    list-style: disc;
    margin-left: 16px;
}

/* Footer New Style */
#footer {
    padding-bottom: 3rem;
}

.footer__primary {
    width: 150px;
    padding: 0 25px;
}

.footer__col-secondary {
    width: calc(100% - 500px);
    padding: 0 100px;
}

.footer__col-tertiary {
    width: 350px;
    padding: 0 25px;
}

.footer__col-secondary .footer-links {
    column-count: 5;
    column-gap: 20px;
}

#footer .footer__col-secondary .footer-links li {
    margin: 0 0 8px;
    display: block;
}

.related-news {
    /*margin-top: 70px;*/
    background: #e8e8e8;
    padding: 50px 0;
}

.related-news .related-news__main-heading {
    text-align: center;
    margin-bottom: 25px;
}

.related-news__items {}

.related-news__items .slick-prev,
.related-news__items .slick-next {
    height: 30px;
    width: 30px;
    z-index: 5;
}

.related-news__items .slick-prev:before,
.related-news__items .slick-next:before {
    color: #b9bab5;
    font-size: 30px;
}

.related-news__items .slick-prev {
    left: -35px;
}

.related-news__items .slick-next {
    right: -35px;
}

.single-post main#main {
    padding-top: 0;
}

.single-post .article-header {
    padding-top: 5rem;
}

.other-expertise-block {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color: #f2f2f2;
    position: relative;
    float: left;
    width: 100%;
}

.other-expertise-block .container {
    max-width: 1320px;
    padding-left: 32px;
    padding-right: 32px;
}

.other-expertise-block .container>h2 {
    text-align: center;
}

.other-expertise__lists {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -20px;
}

.other-expertise__list-item {
    width: 33.33%;
    padding: 0 20px;
    margin-bottom: 25px;
}

.other-expertise__list-item h3 {
    margin: 0;
    font-size: 18px !important;
}

/* General Content with More or Less features */
.general-content {
    position: relative;
    padding: 60px 0;
    background: #fff;
}

.general-content .container {
    max-width: 1152px;
}

.general-content *+h2 {
    margin-top: 50px;
}

.general-content *+h3 {
    margin-top: 35px;
}

.general-content__main-title {
    font-size: 2.45rem;
}

.general-content .entry-content {
    font-size: 16px;
    line-height: 1.4375;
}

.general-content .entry-content a {
    text-decoration: underline;
    color: #3b5d5c;
    font-weight: 700;
}

.general-content .entry-content a:hover,
.general-content .entry-content a:focus {
    color: #fbb122;
}

.general-content .entry-content ul,
.general-content .entry-content ol {
    margin-bottom: 16px;
    padding-left: 24px;
}

.general-content .entry-content ul li,
.general-content .entry-content ol li {
    margin-bottom: 5px;
}

.general-content .entry-content ul li {
    list-style-type: disc;
}

.general-content .entry-content ol li {
    list-style-type: decimal;
}

.general-content__content-additional {
    display: none;
    margin-top: 50px;
}

.general-content__link-holder {
    margin-top: 40px;
}

.general-content__more {
    font-family: "ChamberlainsBold", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    color: #3b5d5c;
    transition: all .2s ease;
}

.general-content__more:hover {
    color: #95d5d2;
}

.general-content__more i {
    margin-left: 5px;
    position: relative;
    top: 4px;
}

.expand .general-content__more {}

/* Style added for the online wills payment */
#main .create-will-form li.gfield--type-stripe_creditcard .StripeElement {
    background-color: #fff;
    height: 60px;
    padding: 20px 10px;
    margin-bottom: 20px;
    border: 1px solid rgba(65, 64, 66, 0.4);
    transition: border 0.3s ease;
}

body #main .create-will-form li.gfield--type-coupon input.gf_coupon_code {
    width: 321px !important;
    float: left;
}

body #main .create-will-form li.gfield--type-coupon .ginput_container input[type="button"] {
    width: 181px !important;
    float: left !important;
    height: 61px !important;
    border-radius: 0;
    border: 1px solid rgba(65, 64, 66, 0.4);
    background: #fff;
    font-weight: 600;
    margin-left: 8px !important;
    margin-top: 0 !important;
}

#main .create-will-form li.gfield--type-total {
    width: 50%;
    float: left;
    background: #fbb122;
    height: 100px;
    display: flex;
    padding: 26px 0px 30px 24px;
    margin-top: 40px !important;
}

#main .create-will-form li.gfield--type-total span {
    color: #414042;
    font-weight: 600;
    font-size: 40px;
    line-height: 44px;
    font-family: "ChamberlainsMedium";
}

/* Style End for the Online Wills Payment */
.download-btns .download-you-wills--generated {
    position: relative;
    padding-left: 64px;
}

.download-btns .download-you-wills--generated:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E09A7391C-432C-4DCF-8494-D5E3B04005E4%3C/title%3E%3Cg id='Desktop' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Your-Documents-(Dashboard-Home)-(1920)' transform='translate(-540.000000, -432.000000)'%3E%3Crect fill='%23FFFFFF' x='0' y='0' width='1920' height='1289'%3E%3C/rect%3E%3Cg id='Content' transform='translate(520.000000, 344.000000)'%3E%3Cg id='Download-Your-Wills' transform='translate(0.000000, 68.000000)'%3E%3Crect id='Background' fill='%23191919' x='0' y='0' width='250' height='60'%3E%3C/rect%3E%3Cg id='Icons-/-Arrows-/-Right' transform='translate(20.000000, 20.000000)' fill='%23FFFFFF'%3E%3Cpath d='M9.50909091,16.1545455 L4.05454545,11.6090909 L5.21818182,10.2090909 L9.18181818,13.5090909 L9.18181818,0 L11,0 L11,13.5090909 L14.9636364,10.2090909 L16.1272727,11.6090909 L10.6727273,16.1545455 C10.3356536,16.4353031 9.8461646,16.4353031 9.50909091,16.1545455 Z M17.3636364,12.7272727 L17.3636364,17.2727273 C17.3636364,17.7748043 16.9566225,18.1818182 16.4545455,18.1818182 L3.72727273,18.1818182 C3.22519568,18.1818182 2.81818182,17.7748043 2.81818182,17.2727273 L2.81818182,12.7272727 L1,12.7272727 L1,17.2727273 C1,18.7789584 2.22104159,20 3.72727273,20 L16.4545455,20 C17.9607766,20 19.1818182,18.7789584 19.1818182,17.2727273 L19.1818182,12.7272727 L17.3636364,12.7272727 Z' id='Download'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    height: 20px;
    width: 20px;
    position: absolute;
    left: 22px;
    top: 50%;
    margin-top: -10px;

}

.site-footer {
    background: #414042;
    padding: 70px 0 30px;
    position: relative;
    font-family: "Helvetica Neue", sans-serif;

    /* font-weight: 300;*/
    .container {
        max-width: 1310px;
        padding: 0 15px;
    }
}

.site-footer__inner {
    display: grid;
    grid-template-columns: 1fr 4fr 1fr 1fr;
    gap: 15px;
}

.site-footer__menu-links {
    column-count: 3;
    break-inside: avoid-column;
    gap: 15px;
}

.site-footer__links li {
    margin-bottom: 7px;
}

.site-footer__links li a {
    color: #D6D6D6;
    font-size: 13px;
    line-height: 1.2;
    display: inline-block;
    vertical-align: top;
}

.site-footer__links li.site-footer__links-alt a {
    font-weight: 700;
    color: #FBB122;
}

.site-footer__links li.site-footer__links-alt a:hover {
    opacity: 0.6;
}

.social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;

    a {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        line-height: 1;
        height: 24px;
        width: 24px;
        border-radius: 50%;
        text-align: center;
        background: #fab022;

        i {
            color: #414042;
            font-size: 18px;
            line-height: 1;

            &:before {
                vertical-align: middle;
            }
        }

        &:hover,
        &:focus {
            opacity: 0.6;
        }
    }
}

.site-footer__secondary {
    margin-top: 1.5rem;
    border-top: 1px solid #FCF3B733;
    color: #BFBFBF;
    font-size: 14px;
    padding-top: 30px;
    font-weight: 200;
}

.site-footer__secondary a {
    color: #BFBFBF;
    text-decoration: underline;
}

#main {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1700px) {
    .footer__col-secondary {
        padding: 0 40px;
    }
}

@media screen and (max-width: 1600px) {
    .footer__col-secondary .footer-links {
        column-count: 4;
    }
}

@media screen and (max-width: 1439px) {
    #footer .container {
        max-width: 1400px;
    }

    .related-news .container {
        max-width: 1400px;
    }

    .related-news__items {
        padding: 0 35px;
    }

    .related-news__items .slick-prev {
        left: 0;
    }

    .related-news__items .slick-next {
        right: 0;
    }
}

@media screen and (max-width: 1365px) {
    .footer__col-secondary .footer-links {
        column-count: 3;
    }

    #main {
        margin-bottom: 22.6rem;
    }
}

@media screen and (max-width: 1200px) {
    .footer__col-secondary {
        width: calc(100% - 150px);
    }

    .footer__col-tertiary {
        width: 100%;
        text-align: center;
        margin-top: 30px;
    }

    #main {
        margin-bottom: 30.6rem;
    }
}

@media screen and (max-width: 991px) {
    #footer {
        text-align: left;
        position: relative;
        z-index: 2;
    }

    #main {
        margin-bottom: 0;
    }
/*
    #header {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 25px 0;
    }

    .breadcrumb-holder {
        margin: 0 0 10px;
    }
*/
    .nav-main-open .breadcrumb-holder {
        display: none;
    }

    .other-expertise__list-item h3 {
        font-size: 16px !important;
    }

    .site-footer__inner {
        gap: 25px 15px;
    }

    .site-footer__logo {
        order: 1;
        grid-column: span 1;
    }

    .site-footer__media {
        order: 2;
        grid-column: span 3;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .site-footer__contact {
        order: 3;
        grid-column: span 1;
    }

    .site-footer__menu {
        order: 4;
        grid-column: span 3;
    }

    .site-footer__logo img {
        max-width: 55px;
    }

    .social-links {
        margin: 0;

        a {
            width: 40px;
            height: 40px;

            i {
                font-size: 27px;
            }
        }
    }
}

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

    .footer__col-secondary {
        width: 100%;
        padding: 0 25px;
    }

    .footer__primary {
        margin: 0;
    }

    .other-expertise__lists {
        margin: 0 -15px;
    }

    .other-expertise__list-item {
        width: 50%;
        padding: 0 15px;
        margin-bottom: 15px;
    }

    .other-expertise__list-item h3 {
        font-size: 15px !important;
    }

    .site-footer__contact {
        grid-column: span 4;
    }

    .site-footer__menu {
        order: 4;
        grid-column: span 4;
    }

    .site-footer__menu-links {
        column-count: 1;
    }

    .site-footer__media {
        justify-content: flex-end;
    }
}

@media screen and (max-width: 568px) {
    .related-news__items .eq-attr {
        height: auto !important;
    }

    .other-expertise__lists {
        margin: 0;
    }

    .other-expertise__list-item {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }

    .site-footer__copyright-content {
        text-align: center;
    }
}

@media screen and (max-width: 499px) {
    .footer__col-secondary .footer-links {
        column-count: 2;
        column-gap: 15px;
    }

    #footer .footer__col-secondary .footer-links li {
        margin: 0 0 5px;
    }
}

/* Style added for the Header Navigation */
header#header {
    position: sticky !important;
    top: 0;
    padding: 15px 0 17px !important;
    background-color: #414042 !important;

    >.container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
}

.header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-toggle {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    margin-right: 10px;
    color: white;
    padding: 0;
    transition: all 0.3s ease;
    margin-left: auto;

    svg {
        height: 26px;
        width: 26px;
        stroke-width: 0;
    }
}

.menu-toggle {
    --height: 2px;
    height: 34px;
    width: 38px;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    border: none;
    background-color: transparent;
    display: block;
}

.menu-toggle .menu-bar,
.menu-toggle::after,
.menu-toggle::before {
    height: var(--height);
    background-color: #ffffff;
    display: block;
    position: absolute;
    transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
    will-change: transform top bottom opacity;
    border-radius: var(--height);
    left: 4px;
    right: 4px;
}

.menu-toggle .menu-bar {
    top: 16px;
}

.menu-open .menu-toggle .menu-bar {
    opacity: 0;
    transform: rotate(135deg);
}

.menu-toggle::after,
.menu-toggle::before {
    content: '';
}

.menu-toggle::after {
    bottom: 8px;
}

.menu-open .menu-toggle::after {
    transform: rotate(225deg);
    bottom: 16px;
}

.menu-toggle::before {
    top: 8px;
}

.menu-open .menu-toggle::before {
    transform: rotate(135deg);
    top: 16px;
}

.menu-toggle--dark {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1001;
    opacity: 0;
    transition: opacity 0.2s ease;

    &::after,
    &::before,
    .menu-bar {
        background-color: #414042;
    }

    .menu-open & {
        opacity: 1;
        transition: opacity 0.4s cubic-bezier(.165, .84, .34, 1);
    }
}

body:has(.sub-menu.is-active) {
    .menu-toggle--dark {
        opacity: 0;
        pointer-events: none;
    }
}

.header__logo-c {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;

    @media screen and (max-width: 768px) {
        display: none;
    }
}

.overlay-blur {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    backdrop-filter: blur(25px);
    transition: opacity 400mscubic-bezier(.165, .84, .64, 1);
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    opacity: 0;

    .menu-open & {
        opacity: 1;
        pointer-events: auto;
    }
}

#site-title {
    font-size: 0 !important;
}

.navbar-wrapper {
    background-color: #ffffff;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50vw;
    z-index: 1000;
    /* transform: translateX(100%);
    transition: transform 0.3s ease-in-out; */
    padding: 70px 70px 70px 172px;
    transform: translateX(100%);
    transition: transform 400ms cubic-bezier(.165, .84, .34, 1), opacity 400ms cubic-bezier(.165, .84, .34, 1), visibility 400ms cubic-bezier(.165, .84, .34, 1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    @media screen and (max-width: 1400px) {
        padding-left: 70px;
    }

    @media screen and (max-width: 1024px) {
        width: 60vw;
    }

    @media screen and (max-width: 768px) {
        width: 100%;
        padding: 80px 24px 40px;
    }

    .menu-open & {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }
}



.main-menu {
    max-width: 460px;
    width: 100%;

    @media screen and (max-width: 768px) {
        max-width: 100%;
    }

    li {
        border-bottom: 1px solid #D6D6D6;
        position: relative;

        &:has(> a:focus, > a:hover) {

            &::before {
                clip-path: inset(0 0% 0 0);
                transform: translateX(0);
            }
        }

        &::before {
            content: '';
            background-image: url('../img/menu-active-arrow.png');
            background-repeat: no-repeat;
            background-size: 28px;
            transition: transform 0.3s ease;
            content: "";
            top: 0px;
            left: 0;
            width: 30px;
            height: 100%;
            position: absolute;
            background-position: left center;
            clip-path: inset(0 100% 0 0);
            transition: clip-path 0.3s ease, transform 0.3s ease;
            pointer-events: none;
            transform: translateX(-10%);
        }

        a {
            font-family: "Helvetica Neue", sans-serif;
            font-size: 32px;
            text-transform: capitalize;
            color: #414042 !important;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 18px 0 20px;
            transition: padding-left 0.3s ease, color 0.3s ease;
            will-change: padding-left color;
            line-height: 1;
            font-weight: 300;
            &:hover,
            &:focus {
                padding-left: 33px;
                font-weight: 700;
                color: #414042 !important;
            }
        }
    }

    .sub-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 50vw;
        height: 100%;
        background-color: #ffffff;
        z-index: 9998;
        padding: 70px 70px 70px 172px;
        transform: translateX(100%);
        transition: transform 400ms cubic-bezier(.165, .84, .34, 1), opacity 400ms cubic-bezier(.165, .84, .34, 1), visibility 400ms cubic-bezier(.165, .84, .34, 1);
        opacity: 0;
        visibility: hidden;

        @media screen and (max-width: 1400px) {
            padding-left: 70px;
        }

        @media screen and (max-width: 1024px) {
            width: 60vw;
        }

        @media screen and (max-width: 768px) {
            width: 100%;
            padding: 80px 24px 40px;
        }

        &.is-active {
            transform: translateX(0);
            opacity: 1;
            visibility: visible;
        }

        .submenu-wrapper {
            max-width: 460px;
            width: 100%;

            @media screen and (max-width: 768px) {
                max-width: 100%;
            }
        }

        .menu-prev {
            position: absolute;
            top: 20px;
            left: 30px;
            background-color: #dddddd;
            background-image: url("../img/angle-left.png");
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: center;
            width: 55px;
            height: 36px;
            border: none;
            cursor: pointer;
            border-radius: 30px;
            opacity: .9;
            transition: opacity 0.3s ease;
            display: block;

            @media screen and (max-width: 768px) {
                right: 24px;
                left: auto;
            }

            &:hover,
            &:focus {
                opacity: 1;
            }
        }
    }
}

.submenu-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    background-color: transparent;
    border: none;
    cursor: pointer;
    width: 24px;
    height: 24px;
    transform: rotate(-270deg);
    padding: 0;

    &::after {
        content: '';
        border-bottom: 8px solid;
        border-right: 8px solid transparent;
        border-top: 0;
        border-left: 8px solid transparent;
        vertical-align: 0.255em;
        display: inline-block;
        width: 0;
        height: 0;
    }
}

#header .svg-wordmark * {
    fill: #fbb122 !important;
}


.search-popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 24px;
    transition: opacity 0.3s ease, clip-path 0.3s ease;
    opacity: 0;
    pointer-events: none;
    clip-path: inset(0 0 0 100%);

    .search-open & {
        opacity: 1;
        pointer-events: all;
        clip-path: inset(0 0 0 0);
    }
}

.search-popup__close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 34px;
    width: 38px;
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;

    &::after,
    &::before {
        content: '';
        height: 2.3px;
        background-color: #414042;
        display: block;
        position: absolute;
        transition: all 0.25s cubic-bezier(0.42, 0, 0.58, 1);
        will-change: transform top bottom opacity;
        border-radius: 2.3px;
        left: 4px;
        right: 4px;
    }

    &::after {
        transform: rotate(225deg);
        bottom: 16px;
    }

    &:before {
        transform: rotate(135deg);
        top: 16px;
    }
}

.search-form-alt {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    max-width: max(60%, 420px);
    width: 100%;
    border-bottom: 1px solid #b9bdc8;
    position: relative;
    z-index: 1;
}

.form__group {
    position: relative;
    z-index: 1;
    width: 100%;
}

.search-form-alt__label {
    display: block;
    width: 100%;
}

.search-form-alt__input {
    width: 100%;
    height: 80px;
    font-weight: 400;
    font-size: clamp(2rem, 2.5vw + 2rem, 4rem);
    line-height: 1;
    border: none;
    border-radius: 0;
    background-color: transparent;
    padding-right: clamp(2.5rem, 2.5vw + 2rem, 4rem);
    letter-spacing: 0.01em;

    &::placeholder {
        color: inherit;
    }

    &:focus {
        outline: none;
    }
}

.search-form-alt__submit {
    padding: 0;
    color: #FBB122;
    background-color: transparent;
    border: none;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    svg {
        height: clamp(2.5rem, 2.5vw + 2rem, 3.5rem);
        width: clamp(2.5rem, 2.5vw + 2rem, 3.5rem);
    }
}

header#header:has(.breadcrumb-holder) {
    padding-bottom: 0 !important;
}