@charset "UTF-8";
/* CSS Document */

/* Navbar Section */
.navbar img,
.navbar .nav-item,
.navbar .btn-outside-popup,
.navbar-toggler {
    opacity: 1;
    animation: none !important;
}

/* Header Section */
.header-section {
    position: relative;
    width: 100%;
    height: 25dvh;
    background-color: var(--color-primary-bg);
}

.header-section .d-flex {
    width: 100%;
    height: 100%;
}

/* Third Party Section */
.third-party-section {
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary-bg);
    padding: var(--space-xl) 0;
}

.third-party-section .third-party-content {
    width: 100%;
    height: 100%;
}

.third-party-section .third-party-content h4,
.third-party-section .third-party-content p {
    margin-bottom: var(--space-xs);
}

.third-party-section .third-party-content ol {
    margin-top: var(--space-xxs);
}

.third-party-section .third-party-content li {
    margin-bottom: var(--space-xxs);
}

.third-party-section .third-party-content a {
    color: var(--color-primary-text);
}

.third-party-section .third-party-content a:hover {
    color: var(--color-primary);
}

@media screen and (max-width: 767.98px) {
    
    .third-party-section .third-party-content {
        padding: 0 var(--space-s);
    }
}