@media all and (min-width: 1024px) {
    .h-lg {
        font-size: 34px;
        font-weight: bold;
        letter-spacing: 0.034em;
        line-height: 45px;
    }
    .h-md {
        font-size: 22px;
        font-weight: 400;
        letter-spacing: 0.035em;
        line-height: 35px;
    }
    .h-sm {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.035em;
        line-height: 25px;
    }
    .h-xs {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.025em;
        line-height: 30px;
    }
    .mt-6-d {
        margin-top: 6px;
    }
    .mt-12-d {
        margin-top: 12px;
    }
    .mb-12-d {
        margin-bottom: 12px;
    }
    .pt-12-d {
        padding-top: 12px;
    }
    .pb-12-d {
        padding-bottom: 12px;
    }
    .mt-24-d {
        margin-top: 24px;
    }
    .mr-24-d {
        margin-right: 24px;
    }
    .mb-24-d {
        margin-bottom: 24px;
    }
    .pt-24-d {
        padding-top: 24px;
    }
    .pb-24-d {
        padding-bottom: 24px;
    }
    .mb-32-d {
        margin-bottom: 32px;
    }
    .mt-44-d {
        margin-top: 44px;
    }
    .mb-44-d {
        margin-bottom: 44px;
    }
    .pt-44-d {
        padding-top: 44px;
    }
    .pb-44-d {
        padding-bottom: 44px;
    }
    .mb-48-d {
        margin-bottom: 48px;
    }
    .pb-58-d {
        padding-bottom: 58px;
    }
    .mb-58-d {
        margin-bottom: 58px;
    }
    .mt-58-d {
        margin-top: 58px;
    }
    .pb-85-d {
        padding-bottom: 85px;
    }
    .mb-85-d {
        margin-bottom: 85px;
    }
    .flex-column-d {
        flex-direction: column;
    }
}

@media all and (max-width: 1023px) {
    .h-lg {
        font-size: 22px;
        font-weight: bold;
        letter-spacing: 0.041em;
        line-height: 40px;
    }
    .h-md {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.019em;
        font-weight: 300;
    }
    .h-sm {
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0.035em;
        line-height: 25px;
    }
    .h-xs {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.025em;
        line-height: 20px;
    }
    .mb-6-m {
        margin-bottom: 6px;
    }
    .mt-12-m {
        margin-top: 12px;
    }
    .mb-12-m {
        margin-bottom: 12px;
    }
    .pt-12-m {
        padding-top: 12px;
    }
    .pb-12-m {
        padding-bottom: 12px;
    }
    .mt-24-m {
        margin-top: 24px;
    }
    .mb-24-m {
        margin-bottom: 24px;
    }
    .pt-24-m {
        padding-top: 24px;
    }
    .pb-24-m {
        padding-bottom: 24px;
    }
    .pb-32-m {
        padding-bottom: 32px;
    }
    .mb-32-m {
        margin-bottom: 32px;
    }
    .mt-32-m {
        margin-top: 32px;
    }
    .mt-44-m {
        margin-top: 44px;
    }
    .mb-44-m {
        margin-bottom: 44px;
    }
    .pt-44-m {
        padding-top: 44px;
    }
    .pb-44-m {
        padding-bottom: 44px;
    }
    .mb-58-m {
        margin-bottom: 58px;   
    }
    .flex-column-m {
        flex-direction: column;
    }
    .order-1-m {
        order: 1;
    }
    .order-2-m {
        order: 2;
    }
    .order-3-m {
        order: 3;
    }
    .order-4-m {
        order: 4;
    }
    .order-5-m {
        order: 5;
    }
    .order-6-m {
        order: 6;
    }
}


.mt-6 {
    margin-top: 6px;
}
.mb-6 {
    margin-bottom: 6px;
}
.mt-12 {
    margin-top: 12px;
}
.mb-12 {
    margin-bottom: 12px;
}
.pt-12 {
    padding-top: 12px;
}
.pb-12 {
    padding-bottom: 12px;
}
.mt-24 {
    margin-top: 24px;
}
.mb-24 {
    margin-bottom: 24px;
}
.pt-24 {
    padding-top: 24px;
}
.pb-24 {
    padding-bottom: 24px;
}
.mt-44 {
    margin-top: 44px;
}
.mb-44 {
    margin-bottom: 44px;
}
.pt-44 {
    padding-top: 44px;
}
.pb-44 {
    padding-bottom: 44px;
}
.mb-48 {
    margin-bottom: 48px;
}
.mb-64 {
    margin-bottom: 64px;
}

.text-grey {
    color: #6A6A6A;
}
.text-light-green {
    color: var(--light-text-color);
}
.text-blue {
    color: #0B5093;
}
.fw-300 {
    font-weight: 300;
}
.fw-400 {
    font-weight: 400 !important;
}
.lh-25 {
    line-height: 25px;
}

.d-flex {
    display: flex;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-column {
    flex-direction: column;
}
.align-self-end {
    align-self: flex-end;
}
.justify-content-between {
    justify-content: space-between !important;
}
.w-634 {
    width: 634px;
}
.border-bottom.dashed::after {
    border-bottom-style: dashed;
}

@media all and (min-width: 1024px) {
    .header-position {
        position: absolute;
        left: 9.79vw;
    }
    .fb-728-d {
        flex-basis: 728px !important;
        flex-shrink: 1.15 !important;
    }
}

@media all and (max-width: 1023px) {
    .header-position {
        position: absolute; left: 50%; transform: translateX(-50%);
    }
    .footer-position {
        position: absolute; left: 50%; transform: translateX(-50%);
        bottom: 50px;
    }
    .w-100-m {
        width: 100% !important;
    }
}