/* Global Text Colors */
.text-recall-pink {
    color: #ED3D76;
}

.text-recall-semi-blue {
    color: rgba(219, 225, 243, 1);
}

.text-color-white {
    color: rgba(255, 255, 255, 0.5)
}

.text-recall-semi-blue-1 {
    color: rgba(219, 225, 243, 0.7);
}

.text-recall-semi-blue-2 {
    color: rgba(255, 255, 255, 0.4);
}



/* Global Background Colors */
.bg-midnight-blue {
    background: #050d19;
}


/* Global Spacing */
.sp-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.spt-25 {
    padding-top: 25px;
}

.spb-25 {
    padding-bottom: 25px;
}

.sp-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.spt-30 {
    padding-top: 30px;
}

.spb-30 {
    padding-bottom: 30px;
}

.sp-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.spt-50 {
    padding-top: 50px;
}

.spb-50 {
    padding-bottom: 50px;
}

.sp-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.spt-100 {
    padding-top: 100px;
}

.spb-100 {
    padding-bottom: 100px;
}

.container-fluid {
    padding: 0px;
}

/* Font styles */

h1,
.h1 {
    font-family: Roboto;
    font-size: 60px;
    font-weight: 700;
    line-height: 72px;
}

h2,
.h2 {
    font-family: Roboto;
    font-size: 40px;
    font-weight: 600;
    line-height: 52px;
}

h3 {
    font-family: Roboto;
    font-size: 28px;
    font-weight: 600;
    line-height: 36.4px;
}

h4, .h4 {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
}

h5 {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 28.13px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}

h6 {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

p {
    font-family: Be Vietnam Pro;
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    color: rgba(219, 225, 243, 0.7);
}


.fw-18 {
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 21.6px !important;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}


a {
    color: #fff;
    text-decoration: none;
}

.recall-footer a:hover {
    color: #ED3D76;

}

.db {
    display: block;
}

.max-900 {
    max-width: 900px;
}

.max-750 {
    max-width: 750px;
}

.heading-32 {
    font-family: Roboto;
    font-weight: 700;
    font-size: 32px;
    line-height: 38.4px;
    letter-spacing: 0%;
}

@media only screen and (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1270px;
    }
}

/* Laptops styles */

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

    h1,
    .h1 {
        font-family: Roboto;
        font-size: 48px;
        font-weight: 700;
        line-height: 55px;
    }
}

/* Tablet styles */

@media only screen and (min-width: 768px) and (max-width:1200px) {
    .db {
        display: inline;
    }

    h1,
    .h1 {
        font-size: 40px;
        font-weight: 700;
        line-height: 55px;
    }

    h5 {
        font-size: 18px;
        line-height: 20.13px;
    }

}


/* Mobile styles */

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

    /* Global Spacing */
    .sp-25 {
        padding-top: 25px;
        padding-bottom: 25px;
    }

    .spt-25 {
        padding-top: 25px;
    }

    .spb-25 {
        padding-bottom: 25px;
    }

    .sp-30 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .spt-30 {
        padding-top: 20px;
    }

    .spb-30 {
        padding-bottom: 20px;
    }

    .sp-50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .spt-50 {
        padding-top: 30px;
    }

    .spb-50 {
        padding-bottom: 30px;
    }

    .sp-100 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .spt-100 {
        padding-top: 50px;
    }

    .spb-100 {
        padding-bottom: 50px;
    }

    .db {
        display: inline;
    }

    h1,
    .h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 45px;
    }

    h5 {
        font-size: 18px;
        line-height: 20.13px;
    }

    h2,
    .h2 {
        font-size: 32px;
        line-height: 45px;
    }

    h3,
    .h3 {
        font-size: 24px;
        line-height: 30px;
    }



}