@media (min-width: 992px) {
    header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(100px);
    }

        header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a,
        header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a {
            color: var(--blue-ice);
        }

        header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown .menu-text,
        header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown .menu-text * {
            color: var(--neutral-off-white);
        }
}

@media (max-width: 991px) {
    header.sticky .navbar .navbar-brand .mobile-logo {
        visibility: hidden;
        opacity: 0;
        width: 0;
    }

    header.sticky .navbar .navbar-brand .alt-logo {
        visibility: visible;
        opacity: 1;
        width: auto;
    }

    .navbar.bg-transparent {
        background-color: var(--white) !important;
    }

    header:not(.sticky) .navbar.bg-transparent {
        background-color: transparent !important;
    }

        header:not(.sticky) .navbar.bg-transparent .navbar-toggler-line {
            background: #EEEEEE !important;
        }

    header.sticky .navbar-dark.header-light .navbar-toggler-line,
    header.sticky .header-light .navbar-toggler-line {
        background: var(--neutral-black) !important;
    }

    .navbar.navbar-dark.bg-transparent .navbar-nav .nav-link,
    .navbar.navbar-dark.bg-transparent .header-language > a {
        color: var(--neutral-black) !important;
    }

    .navbar-dark.header-light .web-mode-root {
        border-color: var(--neutral-black);
    }

        .navbar-dark.header-light .web-mode-root .mode:not(.mode-active) svg path,
        .header-reverse-scroll .web-mode .mode svg path {
            fill: var(--neutral-black) !important;
        }

    .navbar .navbar-nav .nav-link.nav-link-inner:hover::after, .sticky .navbar-dark.header-light .navbar-nav .nav-link:hover::after {
        display: none;
    }

    .navbar .navbar-nav .nav-link svg path {
        fill: var(--neutral-black);
    }

    .dropdown.open > .dropdown-menu {
        display: block;
        background-color: var(--white);
    }

    .navbar .navbar-nav .nav-item {
        width: max-content;
    }

    .simple-dropdown .dropdown-menu {
        max-width: 300px;
    }

        .simple-dropdown .dropdown-menu .dropdown .menu-text,
        .simple-dropdown .dropdown-menu .dropdown .menu-text * {
            font-size: 14px;
        }

    .nav-item.dropdown.simple-dropdown .dropdown-menu > .dropdown > a {
        padding-left: 0;
        color: var(--green);
        font-weight: 700;
    }

    .nav-item.dropdown.simple-dropdown .dropdown-menu .dropdown a {
        padding: 0;
        margin-top: 8px;
    }

    header:not(.sticky) .navbar.bg-transparent .navbar-collapse {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(100px);
    }

    header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown > a,
    header:not(.sticky) .navbar.navbar-dark .navbar-nav .simple-dropdown .dropdown-menu .dropdown:hover > a {
        color: var(--blue-ice);
    }

    header:not(.sticky) .navbar.bg-transparent .navbar-collapse .nav-link,
    header:not(.sticky) .navbar.bg-transparent .navbar-collapse .simple-dropdown .dropdown-menu .dropdown .menu-text,
    header:not(.sticky) .navbar.bg-transparent .navbar-collapse .simple-dropdown .dropdown-menu .dropdown .menu-text *,
    header:not(.sticky) .navbar.navbar-dark.bg-transparent .header-language > a {
        color: var(--neutral-off-white) !important;
    }

    header:not(.sticky) .navbar.bg-transparent .web-mode-root {
        border-color: var(--neutral-off-white);
    }

    header:not(.sticky) .navbar.bg-transparent .navbar-nav .nav-link svg path {
        fill: var(--neutral-off-white);
    }

    header:not(.sticky) .navbar.bg-transparent .web-mode-root .mode:not(.mode-active) svg path {
        fill: var(--neutral-off-white) !important;
    }

    .navbar.header-appear .navbar-collapse,
    .navbar.scrolled .navbar-collapse {
        background: var(--white) !important;
    }

    .navbar-collapse {
        background: var(--white);
    }

    .grid-3-col-elements, .grid-4-col-elements {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .lg-grid-1-col-elements {
        grid-template-columns: repeat(1, 1fr);
    }

    .stats-block-item:last-child {
        margin-bottom: 0;
    }

    .percentage-table .table-body {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .percentage-table .table-row {
        border-radius: 16px;
        gap: 5px;
        margin-bottom: 0;
    }

    .table-row .col-area,
    .table-row .col-category,
    .table-row .col-share {
        width: 100%;
        text-align: center;
        flex: unset;
    }

    .col-fund-name, .fund-name, .col-group, .group {
        width: 150px;
    }

    .col-category.font-16, .col-share.font-16, .group, .fund-name {
        font-size: 14px;
    }

    .table-body .additional-table-row:nth-child(even):not(:last-child) {
        margin-bottom: 20px;
    }

    .accordion-style-03 .panel .panel-body .accordion-image-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 72px;
        line-height: 80px;
    }

    h2 {
        font-size: 64px;
        line-height: normal;
    }

    h3 {
        font-size: 34px;
        line-height: 48px;
    }

    .text-large {
        font-size: 48px;
        line-height: 56px;
    }

    .large-text-font {
        font-size: 24px;
        line-height: 32px;
    }

    .default-text-font {
        font-size: 18px !important;
        line-height: 24px;
    }

    p {
        font-size: 18px;
    }

    .section-padding-bottom {
        padding-bottom: 80px !important;
    }

    .banner-padding-top {
        padding-top: 120px;
    }

    .project-name {
        font-size: 30px;
    }

    .project-info-description {
        font-size: 24px;
    }

    .cta-text {
        font-size: 18px;
        line-height: 24px;
    }

    footer * {
        font-size: 15px;
    }

    .cookie-consent-modal .modal-content-wrap .modal-content {
        flex-direction: column;
    }

        .cookie-consent-modal .modal-content-wrap .modal-content .modal-body {
            padding: 16px 16px 0 16px !important;
        }

        .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer {
            padding: 0 16px 16px 16px !important;
        }
}

@media (max-width: 575px) {
    .button-ghost, .button-lime, .button-navy {
        width: 100%;
    }

    .text-extra-big {
        font-size: 100px;
        line-height: 100px;
    }
}

@media (max-width: 475px) {
    h1 {
        font-size: 54px;
        line-height: 60px;
    }

    h2.hero-title {
        font-size: 40px;
        line-height: 44px;
    }

    h6 {
        font-size: 18px;
    }
}

@media (max-width: 375px) {
    .grid-3-col-elements, .grid-4-col-elements {
        grid-template-columns: repeat(1, 1fr);
    }

    .percentage-table .table-body {
        grid-template-columns: repeat(1, 1fr);
    }

    .table-3-col .table-header > div,
    .table-3-col .table-row > div,
    .table-3-col .table-row > span.fund-name {
        flex: 1 1 36%;
        font-size: 12px;
    }

    .table-3-col .table-header .col-share,
    .table-3-col .table-row .col-share {
        flex: 1 1 28%;
    }

    .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons {
        flex-wrap: wrap !important;
    }
}