/*@font-face {
    font-family: 'Poppins Regular';
    src: url(../fonts/Poppins-Regular.ttf);
}

@font-face {
    font-family: 'Poppins Bold';
    src: url(../fonts/Poppins-Bold.ttf);
}*/

@font-face {
    font-family: 'Poppins Regular';
    src: url(../fonts/Redtone-Regular.ttf);
}

@font-face {
    font-family: 'Poppins Bold';
    src: url(../fonts/Redtone-Bold.ttf);
}

@font-face {
    font-family: 'Poppins SemiBold';
    src: url(../fonts/Poppins-SemiBold.ttf);
}


@font-face {
    font-family: 'Poppins ExtraBold';
    src: url(../fonts/Poppins-ExtraBold.ttf);
}

@font-face {
    font-family: 'Poppins Black';
    src: url(../fonts/Poppins-Black.ttf);
}

@font-face {
    font-family: 'Poppins Medium';
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: 'Poppins Light';
    src: url(../fonts/Poppins-Light.ttf);
}

.bold-10,
.bold-12,
.bold-14,
.bold-16,
.bold-18,
.bold-20,
.bold-24,
.bold-32,
.bold-40,
.bold-48,
.bold-56,
.black-button {
    font-family: "Poppins Bold";
}

.regular-10,
.regular-12,
.regular-14,
.regular-16,
.regular-18 {
    font-family: "Poppins Regular";
}

.regular-10,
.bold-10 {
    font-size: 0.78125vw;
}

.bold-16,
.black-button {
    font-size: 1.25vw;
}

.regular-14,
.bold-14 {
    font-size: 1.093vw;
}

.bold-18 {
    font-size: 1.40625vw;
}

.bold-20 {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
}

.bold-24 {
    font-size: 1.875vw;
    line-height: 2.5vw;
}

.bold-32 {
    font-size: 2.5vw;
}

.bold-40 {
    font-size: 3.125vw;
    line-height: 3.75vw;
    letter-spacing: -0.0390625vw;
}

.bold-48 {
    font-size: 3.75vw;
    line-height: 4.8vw;
}

.bold-56 {
    font-size: 4.2vw;
    line-height: 4.9vw;
    letter-spacing: -0.07vw;
}

.bold-12,
.regular-12 {
    font-size: 0.9375vw;
    line-height: 1.25vw;
}

.regular-16 {
    font-size: 1.25vw;
    line-height: 1.875vw;
}

.regular-18 {
    font-size: 1.40625vw;
}

@media (max-width: 768px) {

    .resp-text .bold-10,
    .resp-text .regular-10,
    .resp-text.bold-10,
    .resp-text.regular-10 {
        font-size: 2.5641vw;
    }

    .resp-text .bold-12,
    .resp-text .regular-12,
    .resp-text.bold-12,
    .resp-text.regular-12 {
        font-size: 3.0769vw;
        line-height: 4vw;
    }

    .resp-text .bold-14,
    .resp-text .regular-14,
    .resp-text.bold-14,
    .resp-text.regular-14 {
        font-size: 3.5897vw;
        line-height: 5.128vw;
    }

    .resp-text .bold-16,
    .resp-text .regular-16,
    .resp-text.bold-16,
    .resp-text.regular-16 {
        font-size: 4.1025vw;
        line-height: 6.1538vw;
    }

    .resp-text .bold-18,
    .resp-text .regular-18,
    .resp-text.bold-18,
    .resp-text.regular-18 {
        font-size: 4.4vw;
        line-height: 6.15vw;
    }

    .resp-text .bold-20,
    .resp-text .regular-20,
    .resp-text.bold-20,
    .resp-text.regular-20 {
        font-size: 5.128vw;
        line-height: 7.17vw;
    }

    .resp-text .bold-24,
    .resp-text .regular-24,
    .resp-text.bold-24,
    .resp-text.regular-24 {
        font-size: 6.1538vw;
        line-height: 6.205vw;
    }

    .resp-text .bold-32,
    .resp-text .regular-32,
    .resp-text.bold-32,
    .resp-text.regular-32 {
        font-size: 8.2051vw;
    }

    .resp-text .bold-40,
    .resp-text .regular-40,
    .resp-text.bold-40,
    .resp-text.regular-40 {
        font-size: 10.2564vw;
        line-height: 12.30vw;
    }

    .resp-text .bold-48,
    .resp-text .regular-48,
    .resp-text.bold-48,
    .resp-text.regular-48 {
        font-size: 11vw;
        line-height: 10vw;
    }

    .resp-text .bold-56,
    .resp-text .regular-56,
    .resp-text.bold-56,
    .resp-text.regular-56 {
        font-size: 12.6vw;
        line-height: 12.30vw;
    }
}

.gray {
    color: var(--gray);
    height: 1.4vw;
}

.gray2 {
    color: var(--gray2);
}