.container-fluid {
    padding-inline: 15px;
}

/* ====== Margin ====== */
.mt-lg-16 {
    margin-top: 6rem;
}

.mt-lg-5rem {
    margin-top: 5rem;
}

.mt-lg-20 {
    margin-top: 1.25rem;
}

.-ms-12 {
    margin-left: -0.75rem;
}

.-ms-8 {
    margin-left: 0.5rem;
}

.ms-lg-18 {
    margin-left: 1.125rem;
}

.mt-lg-18 {
    margin-top: 1.125rem;
}

.mt-lg-40 {
    margin-top: 2.5rem;
}

.mt-lg-28 {
    margin-top: 1.75rem;
}

.ms-lg-2 {
    margin-left: 0.125rem;
}

.ms-lg-8 {
    margin-left: 0.5rem;
}

.ms-lg-96 {
    margin-left: 5.75rem;
}

.ms-lg-88 {
    margin-left: 5.5rem;
}

.-ms-lg-8 {
    margin-bottom: -0.5rem;
}

.mt-lg-18 {
    margin-top: 18px;
}
/* ======= Margin ====== */

/* ======= Padding ======= */
.py-8 {
    padding-block: 0.5rem;
}

.p-8 {
    padding: 8px;
}

.px-2 {
    padding-inline: 0.125rem;
}

.px-4 {
    padding-inline: 0.25rem;
}

.p-16 {
    padding: 1rem;
}

.px-16 {
    padding-inline: 0.75rem;
}

.px-20 {
    padding-inline: 1.25rem;
}

.px-lg-40 {
    padding-inline: 2.5rem;
}

.px-32 {
    padding-inline: 72px;
}

.py-16 {
    padding-block: 0.75rem;
}

.pt-lg-16 {
    padding-top: 1rem;
}

.pb-lg-16 {
    padding-bottom: 1rem;
}
.p-lg-76 {
    padding: 16px;
}

.pb-lg-24 {
    padding-bottom: 24px;
}

.pt-lg-24 {
    padding-top: 24px;
}

.pt-lg-48 {
    padding-top: 48px;
}

.pt-lg-40 {
    padding-top: 40px;
}

.pb-lg-40 {
    padding-bottom: 40px;
}

.p-lg-20 {
    padding: 20px;
}

.pb-lg-64 {
    padding-bottom: 4rem;
}

.py-lg-64 {
    padding-block: 4rem;
}

.pb-lg-32 {
    padding-bottom: 32px;
}

.py-32 {
    padding-block: 2rem;
}

.ps-lg-32 {
    padding-left: 8rem;
}

.py-2 {
    padding-block: 0.125rem;
}
/* ======= Padding ======= */

/* ======= Text ======= */
.text-h1 {
    font-size: 2.25rem;
    line-height: 54px;
    letter-spacing: -2px;
}

.text-md {
    font-size: 16px;
    line-height: 24px;
}

.text-5xl {
    font-size: 42px;
    line-height: 64px;
}

.text-38 {
    font-size: 38px;
    line-height: 52px;
}

.text-44 {
    font-size: 44px;
    line-height: 64px;
}

.text-4xl {
    font-size: 40px;
    line-height: 52px;
}

.text-32 {
    font-size: 2rem;
    line-height: 46px;
}

.text-2xl {
    font-size: 30px;
    line-height: 40px;
}

.text-semi-2xl {
    font-size: 28px;
    line-height: 42px;
}

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

.text-22 {
    font-size: 22px;
    line-height: 30px;
}

.text-xl {
    font-size: 20px;
    line-height: 24px;
}

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

.text-sm {
    font-size: 14px;
    line-height: 20px;
}

.text-xs {
    font-size: 12px;
    line-height: 16px;
}
/* ======= Text ======= */

/* ====== Color ======= */
.cod-gray{
    color: #0B0C0C;
}

.outer-space-900 {
    color: #303a42;
}

.star {
    color: #fe9200;
}

.blue-900 {
    color: #0863ce;
}

.blue-800 {
    color: #126cd7;
}

.blue-700 {
    color: #007dff;
}

.donker-700 {
    color: #01012e;
}

.chicago-600 {
    color: #5c5a5a;
}

.shaft-900 {
    color: #37363b;
}

.prussian-950 {
    color: #0c3656;
}

.bayoux-600 {
    color: #41627b;
}

.waterloo-600 {
    color: #84829a;
}

.storm-500 {
    color: #727586;
}

.masala-700 {
    color: #414141;
}

.ship-900 {
    color: #413d45;
}

.black-russian-950 {
    color: #11142d;
}

.manate-600 {
    color: #92929d;
}

.mariner-700 {
    color: #1a6ccd;
}

.mine-shaft-900 {
    color: #333333;
}

.black-500 {
    color: #171717;
}
/* ===== Color ======= */

/* ===== Background Color ====== */
.bg-blue-900 {
    background-color: #0863ce;
}

.bg-blue-800 {
    background-color: #126cd7;
}

.bg-blue-700 {
    background-color: #3087ed;
}

.bg-blue-600 {
    background-color: #007dff;
}

.bg-solitude-200 {
    background-color: #e1effc;
}

.bg-solitude-300 {
    background-color: #e8f2ff;
}

.bg-mariner-700 {
    background-color: #1a6ccd;
}

.bg-hawkes-100 {
    background-color: #d5dfff;
}

.bg-water-100 {
    background-color: #d9e9fe;
}

.gradient {
    background: #77f4f7;
    background: -webkit-linear-gradient(
        90deg,
        #77f4f7 0%,
        #1a6ccd 50%,
        #77f4f7 100%
    );
    background: linear-gradient(90deg, #77f4f7 0%, #1a6ccd 50%, #77f4f7 100%);
}

.text-gradient {
    background: -webkit-linear-gradient(#3087ed, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* ===== Background Color ====== */