/* =========================================
   RAMPNOW HELP CENTER FOOTER
========================================= */

.rnFooter {
    width: 100%;
    box-sizing: border-box;

    background: #0b0c0e !important;

    padding: 72px 84px 28px;

    font-family: inherit;
}


/* =========================================
   TOP SECTION
========================================= */

.rnFooterTop {
    width: 100%;

    display: grid;

    grid-template-columns: 1.35fr 1fr 1fr 1fr 1fr;

    column-gap: 70px;

    align-items: flex-start;
}


/* =========================================
   BRAND
========================================= */

.rnFooterBrand {
    display: flex;
    flex-direction: column;

    align-items: flex-start !important;

    text-align: left !important;
}


.rnFooterLogo {
    display: block;

    margin: 0 0 24px 0;

    padding: 0;

    text-decoration: none !important;

    background: transparent !important;
}


.rnFooterLogoImage {
    display: block;

    width: auto;

    height: auto;

    max-width: 185px;

    max-height: 45px;

    object-fit: contain;

    background: transparent !important;

    /* Convert existing grey logo to white */
    filter: brightness(0) invert(1) !important;
}


/* =========================================
   TAGLINE
========================================= */

.rnTagline {
    display: block !important;

    width: auto !important;

    white-space: nowrap !important;

    text-align: left !important;

    align-self: flex-start !important;

    margin: 0 0 22px 0;

    padding: 0;

    color: #9b9da5 !important;

    font-size: 16px !important;

    font-weight: 400;

    line-height: 1.4;
}


/* =========================================
   COPYRIGHT
========================================= */

.rnCopyright {
    margin: 0;

    padding: 0;

    color: #7f828a !important;

    font-size: 15px !important;

    font-weight: 400;

    line-height: 1.5;

    text-align: left !important;
}


/* =========================================
   FOOTER COLUMNS
========================================= */

.rnFooterColumn {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    text-align: left;
}


/* COLUMN TITLES */

.rnFooterTitle {
    margin: 0 0 24px 0;

    padding: 0;

    color: #f1f1f1 !important;

    font-size: 16px !important;

    font-weight: 600;

    line-height: 1.4;
}


/* COLUMN LINKS */

.rnFooterColumn a {
    display: block;

    margin: 0 0 20px 0;

    padding: 0;

    color: #9a9ca4 !important;

    font-size: 16px !important;

    font-weight: 400;

    line-height: 1.4;

    text-align: left !important;

    text-decoration: none !important;
}


.rnFooterColumn a:hover {
    color: #ffffff !important;
}


/* =========================================
   DIVIDER
========================================= */

.rnFooterDivider {
    width: 100%;

    height: 1px;

    background: #24262b !important;

    margin: 75px 0 32px;
}


/* =========================================
   LEGAL LINKS
========================================= */

.rnFooterLegal {
    display: flex;

    align-items: center;

    gap: 30px;

    margin: 0 0 40px 0;

    text-align: left !important;
}


.rnFooterLegal a {
    color: #92959d !important;

    font-size: 15px !important;

    font-weight: 400;

    text-decoration: none !important;
}


.rnFooterLegal a:hover {
    color: #ffffff !important;
}


/* =========================================
   DISCLAIMER
========================================= */

.rnFooterDisclaimer {
    max-width: 1180px;

    color: #777b84 !important;

    font-size: 14px !important;

    font-weight: 400;

    line-height: 1.65;

    letter-spacing: 0;

    text-align: left !important;
}


/* =========================================
   TABLET
========================================= */

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

    .rnFooter {
        padding: 60px 45px 30px;
    }


    .rnFooterTop {
        grid-template-columns: repeat(3, 1fr);

        column-gap: 45px;

        row-gap: 55px;
    }


    .rnFooterBrand {
        grid-column: span 3;
    }

}


/* =========================================
   MOBILE
========================================= */

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

    .rnFooter {
        padding: 45px 25px 30px;
    }


    .rnFooterTop {
        grid-template-columns: repeat(2, 1fr);

        column-gap: 25px;

        row-gap: 45px;
    }


    .rnFooterBrand {
        grid-column: span 2;
    }


    .rnFooterLogoImage {
        max-width: 160px;

        max-height: 40px;
    }


    .rnTagline {
        white-space: normal !important;

        font-size: 15px !important;
    }


    .rnCopyright {
        font-size: 14px !important;
    }


    .rnFooterTitle {
        font-size: 15px !important;

        margin-bottom: 18px;
    }


    .rnFooterColumn a {
        font-size: 15px !important;

        margin-bottom: 16px;
    }


    .rnFooterDivider {
        margin: 50px 0 28px;
    }


    .rnFooterLegal {
        gap: 20px;

        margin-bottom: 28px;
    }


    .rnFooterLegal a {
        font-size: 14px !important;
    }


    .rnFooterDisclaimer {
        font-size: 13px !important;

        line-height: 1.6;
    }

}