/* NOTE: FOR FRONT PAGES
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.profile-sub-info .card-body {
    padding: 3rem 2.3rem 1.5rem 2.3rem;
}

/* START FOOTER */
.landing-footer {
    --bs-footer-text: #fff;
    --bs-footer-bottom-text: #d3d4dc;
    --bs-footer-bottom-bg: #282c3e;
    --bs-footer-top-bg: #241d31;
    --bs-bg-opacity: 1;
    font-family: 'Roboto';
}

.landing-footer .footer-top {
    padding-block: 2.5rem 0.75rem;
    border-top-left-radius: 3.75rem;
    border-top-right-radius: 3.75rem;
    background-color: #2f324a !important;
}

.z-1 {
    z-index: 1 !important;
}

.landing-footer .footer-top .footer-bg {
    object-position: center;
}

.banner-bg-img {
    position: absolute;
    block-size: 100%;
    inline-size: 100%;
    inset-block-start: 0;
    inset-inline-start: 0;
    object-fit: cover;
    object-position: left;
}

.z-n1 {
    z-index: -1 !important;
}

.app-brand-link {
    display: flex;
    align-items: center;
}

.landing-footer .footer-link {
    transition: all .2s ease-in-out;
}

.landing-footer .footer-link,
.landing-footer .footer-text {
    color: var(--bs-footer-text);
    opacity: .78;
}

.landing-footer .footer-title {
    color: var(--bs-footer-text);
    opacity: .92;
}

.landing-footer .footer-bottom {
    background-color: var(--bs-footer-bottom-bg);
}

@media (max-width: 575.98px) {
    .fn-sidebar-modal .modal-dialog {
        width: 90% !important;
    }
}

@media (max-width: 575.98px) {

    .footer-top .container,
    .footer-bottom .container {
        max-width: fit-content;
    }
}

@media (min-width: 992px) {
    .landing-footer .footer-logo-description {
        max-inline-size: 385px;
    }

    .g-lg-10,
    .gy-lg-10 {
        --bs-gutter-y: 2.5rem;
    }
}

@media (min-width: 992px) {

    .g-lg-10,
    .gx-lg-10 {
        --bs-gutter-x: 2.5rem;
    }
}

/* END FOOTER */

@media (min-width: 768px) {

    .current-mobile-menu-title,
    .current-mobile-menu-title-row {
        display: none;
    }
}

@media (max-width: 767px) {
    .custom-profile-header-nav .navbar-light {
        display: block;
        padding: 0;
    }
}