/* =====================================
* Header
======================================== */

#primary-navigation-overlay {
    backdrop-filter: blur(8px)
}

.budi-gradient-top {
    width: 100%;
    max-width: 1100px;
    min-height: 750px;
    position: absolute;
    top: -215px;
    left: 0;
    right: 0;
    margin-inline: auto;
    background: linear-gradient(270deg, rgba(97, 189, 175, 0.18) 0%, rgba(38, 183, 205, 0.18) 50%, rgba(51, 138, 202, 0.18) 100%);
    filter: blur(250px);
}

body.budi-popup-menu-open #primary-navigation-overlay {
    opacity: 1;
    visibility: visible;
}

header.simplistic-header {
    width: 100%;
    max-width: 100%;
    height: auto;
    z-index: 9999;
    transition: all 0.3s ease;
    position: relative;
    top: 0;
    padding: 0 !important;
    background-color: transparent;
}

body.admin-bar header.simplistic-header {
    top: 32px;
}

header.simplistic-header .budi-hamburger-menu-button {
    background-color: transparent !important;
    gap: 6px;
}

header.simplistic-header .budi-hamburger-menu-button .line {
    width: 25px;
    height: 2px;
    background-color: #ffffff;
    transition: all 0.3s ease;
    transform-origin: center;
}

/* Hamburger to X animation */
header.simplistic-header .budi-hamburger-menu-button.active .line:nth-child(1) {
    transform: translateY(9px) rotate(45deg);
}

header.simplistic-header .budi-hamburger-menu-button.active .line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

header.simplistic-header .budi-hamburger-menu-button.active .line:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

header.simplistic-header .simplistic-header-inner {
    padding: 56px 0;
    transition: all 0.3s ease;
    z-index: 100;
}

header.simplistic-header img.logo {
    transition: all 0.3s ease;
}

.budi-simplistic-header-menu__wrapper .main-menu {
    gap: var(--header-menu-gap, 20px);
    justify-content: var(--header-menu-alignment, center);
}

@media screen and (max-width: 1100px) {
    .budi-simplistic-header-menu__wrapper .main-menu {
        column-gap: 30px;
    }
}

.budi-simplistic-header-menu__wrapper .main-menu a {
    color: #ffffff;
    transition: all 0.3s ease;
}

.budi-simplistic-header-menu__wrapper .main-menu a:hover {
    /* Use white color and subtle white glow for emphasis */
    color: #fff;
    text-shadow: 0 1px 0px rgba(255, 255, 255, 0.6);
}

/* Header Scrolled */
body.budi-scrolled .simplistic-header {
    background-color: var(--body-background-color);
    box-shadow: 0px 0px 21px 3px rgba(255, 255, 255, 0.1);
}

body.budi-scrolled .simplistic-header .simplistic-header-inner {
    padding-block: 18px;
}

body.budi-scrolled .simplistic-header img.logo {
    max-width: 110px;
}

body.budi-scrolled .simplistic-header .budi-simplistic-header-menu__wrapper .main-menu a {
    font-size: 16px;
}

body.budi-scrolled .simplistic-header .simplistic-cta a.btn {
    font-size: 16px !important;
    padding-block: 13px !important;
}

@media screen and (max-width: 767px) {
    header.simplistic-header .simplistic-header-inner {
        padding: 30px 0;
    }

    header.simplistic-header img.logo {
        max-width: 101px;
    }

    body.budi-scrolled .simplistic-header img.logo {
        max-width: 90px;
    }
}


/* Mobile Popup Menu
============================================ */

.budi-simplistic-popup-menu__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--header-height, 0px));
    background-color: rgba(0, 0, 0, 0);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);;
}

.budi-simplistic-popup-menu__wrapper.show {
    opacity: 1;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.budi-simplistic-popup-menu__inner {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding-top: 80px;
    background-color: var(--body-background-color);
    transform: translateX(100%);
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow-y: auto;
    margin: 0;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.1);
}

body.admin-bar .budi-simplistic-popup-menu__inner {
    padding-top: 112px;
}

.budi-simplistic-popup-menu__wrapper.show .budi-simplistic-popup-menu__inner {
    transform: translateX(0);
}


.budi-simplistic-popup-menu__content {
    padding: 48px 20px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s;
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--header-height, 0px));
    min-height: calc(100vh - var(--header-height, 0px));
}

.budi-simplistic-popup-menu__wrapper.show .budi-simplistic-popup-menu__content {
    opacity: 1;
    transform: translateY(0);
}

.budi-popup-menu {
    margin-bottom: auto;
    text-align: center;
    flex: 1;
}

.budi-popup-menu li {
    margin-bottom: 25px;
    opacity: 0;
    transform: translateX(30px);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.budi-simplistic-popup-menu__wrapper.show .budi-popup-menu li {
    opacity: 1;
    transform: translateX(0);
}

/* Reset animation when popup is closed */
.budi-simplistic-popup-menu__wrapper:not(.show) .budi-popup-menu li {
    opacity: 0;
    transform: translateX(30px);
    transition-delay: 0s;
}

.budi-popup-menu li:nth-child(1) {
    transition-delay: 0.1s;
}

.budi-popup-menu li:nth-child(2) {
    transition-delay: 0.15s;
}

.budi-popup-menu li:nth-child(3) {
    transition-delay: 0.2s;
}

.budi-popup-menu li:nth-child(4) {
    transition-delay: 0.25s;
}

.budi-popup-menu li:nth-child(5) {
    transition-delay: 0.3s;
}

.budi-popup-menu li:nth-child(6) {
    transition-delay: 0.35s;
}

.budi-popup-menu li:last-child {
    margin-bottom: 0;
}

.budi-popup-menu a {
    display: block;
    padding: 0;
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
}

.budi-popup-menu a:hover,
.budi-popup-menu a.current-menu-item {
    color: #ffffff;
}

.budi-popup-menu a.current-menu-item {
    font-weight: 600;
}

.budi-popup-menu-cta {
    margin-top: auto;
    padding-top: 20px;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.3s;
}

.budi-simplistic-popup-menu__wrapper.show .budi-popup-menu-cta {
    opacity: 1;
    transform: translateY(0);
}

/* Footer
======================================== */

footer.footer::before {
    content: '';
    width: 100%;
    left: 0;
    position: absolute;
    top: 0;
    background: linear-gradient(270deg, rgba(97, 189, 175, 0.2) 0%, rgba(38, 183, 205, 0.2) 50%, rgba(51, 138, 202, 0.2) 100%);
    filter: blur(250px);
    height: 100%;
    border-radius: 100%;
}

footer.footer .footer-divider {
    border-color: #FFFFFF26;
    margin: 45px 0 20px;
}

.footer_1:not(:last-child) {
    margin-bottom: 35px;
}

.footer_1 img {
    max-width: 135px !important;
    filter: brightness(0) invert(1);
}

#menu-footer-navigation-menu {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 0;
}

.footer_2 .budi-button-container .budi-button-image__wrapper {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_238_1765)'%3E%3Cpath d='M14.384 9.53379C16.5652 9.53379 18.3335 7.77274 18.3335 5.60039C18.3335 3.42803 16.5652 1.66699 14.384 1.66699C12.2027 1.66699 10.4344 3.42803 10.4344 5.60039C10.4344 6.60661 10.8937 7.3384 10.8937 7.3384L6.1175 12.0951C5.90318 12.3085 5.60314 12.8635 6.1175 13.3757L6.6686 13.9246C6.88291 14.1075 7.42174 14.3636 7.86262 13.9246L8.50557 13.2842C9.14851 13.9246 9.88331 13.5587 10.1589 13.1928C10.6181 12.5524 10.067 11.9121 10.067 11.9121L10.2507 11.7292C11.1325 12.6073 11.904 12.0951 12.1795 11.7292C12.6388 11.0888 12.1795 10.4485 12.1795 10.4485C11.9959 10.0826 11.6285 10.0826 12.0877 9.62528L12.6388 9.07641C13.0797 9.44231 13.9859 9.53379 14.384 9.53379Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3Cpath d='M1.6665 9.99195C1.6665 13.9243 1.6665 15.8904 2.88812 17.112C4.10973 18.3337 6.07589 18.3337 10.0082 18.3337C13.9405 18.3337 15.9067 18.3337 17.1283 17.112C18.0575 16.1828 18.2799 14.8228 18.3332 12.4945M7.5057 1.66699C5.17732 1.72023 3.81733 1.94264 2.88812 2.87185C2.07412 3.68585 1.80251 4.83043 1.71189 6.66699' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_238_1765'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

footer.footer .footer-legal {
    background: transparent;
    padding-bottom: 40px;
}

footer.footer #menu-footer-legal-menu {
    column-gap: 30px;
}

@media screen and (max-width: 767px) {
    #menu-footer-navigation-menu{
        margin-bottom: 30px;
        flex-direction: column;
        row-gap: 10px;
        align-items: flex-start;
    }

    footer.footer::before{
        top: 80px;
        height: calc(100% - 80px);
    }
}

body.error404 .outerWrap{
    background: transparent !important;
    color: #fff;
}