:root{
    --color-light-gray: #EEEEEE;
    --color-red: #C84238;
    --color-red-new: #FC1754;
    --color-blue: #0096C3;

    --color-text-black: #1D262C;

    --color-green: #0BAE87;

    --font-family-roboto: "Roboto", sans-serif;
    --font-family-roboto-black: "Roboto-Black", sans-serif;
    --font-family-roboto-regular: "Roboto-Regular", sans-serif;
    --font-family-roboto-medium: "Roboto-Medium", sans-serif;
    --font-family-roboto-bold: "Roboto-Bold", sans-serif;
    --font-family-monsterrat-regular: "Monsterrat-Regular", sans-serif;

    --fs-section-title:clamp(1.9rem, 5.556vw, 5rem); /* 80px */
    --lh-section-title:clamp(5.5625rem, 13.125vw, 11.8125rem);
    --fs-pararaph:clamp(1.0625rem, 1.458vw, 1.3125rem);
    --lh-paragraph:clamp(1.375, 1.944vw, 1.75rem);

    --section-max-width: 1920px;
    --section-padding: 5%;
}

html{
    font: inherit;
}

.new-section-title-wrapper{
    padding: 50px 0px;
}

.new-section-title{
    font-family: var(--font-family-roboto-regular);
    font-size: var(--fs-section-title);
    /* line-height: var(--lh-section-title); */
    text-transform: uppercase;
    color: var(--color-text-black);
    font-weight: 400;
}

.new-paragraph-style{
    font-family: var(--font-family-roboto);
    font-size: var(--fs-pararaph);
    line-height: var(--lh-paragraph);
    color: var(--color-text-black);
}

.red-title{
    font-size: clamp(0.875rem, 1.25vw, 1.125rem);
    font-family: var(--font-family-roboto-regular);
    text-transform: uppercase;
    color: var(--color-red-new);
    letter-spacing: 3.6px;
}

.inner-subtitle{
    font-size: clamp(0.875rem, 1.25vw, 1.125rem);
    font-family: var(--font-family-roboto-regular);
    text-transform: uppercase;
    color: #000000;
    letter-spacing: 3.6px;
}

.inner-title{
    font-size:clamp(1.5625rem, 2.431vw, 2.1875rem);
    font-family: var(--font-family-roboto);
    text-transform: capitalize;
}

.red-span-text{
    color: var(--color-red-new);
}

.blue-span-text{
    color: var(--color-blue);
}