.roboto-p1-regular {
font-family: "Roboto" !important;
font-size: 18px !important;
font-weight: 400 !important; /* Regular */
}

.roboto-p1-medium {
font-family: "Roboto" !important;
font-size: 18px !important;
font-weight: 500 !important; /* Medium */
}

.roboto-p1-semibold {
font-family: "Roboto" !important;
font-size: 18px !important;
font-weight: 600 !important; /* Semibold */
}

.roboto-p2-regular {
font-family: "Roboto" !important;
font-size: 16px !important;
font-weight: 400 !important; /* Regular */
}

.roboto-p2-medium {
font-family: "Roboto" !important;
font-size: 16px !important;
font-weight: 500 !important; /* Medium */
}

.roboto-p2-semibold {
font-family: "Roboto" !important;
font-size: 16px !important;
font-weight: 600 !important; /* SemiBold */
}

.roboto-p3-regular {
font-family: "Roboto" !important;
font-size: 14px !important;
font-weight: 400 !important; /* Regular */
}

.roboto-p3-medium {
font-family: "Roboto" !important;
font-size: 14px !important;
font-weight: 500 !important; /* Medium */
}

.roboto-p3-semibold {
font-family: "Roboto" !important;
font-size: 14px !important;
font-weight: 600 !important; /* SemiBold */
}

.roboto-p4-regular {
font-family: "Roboto" !important;
font-size: 12px !important;
font-weight: 400 !important; /* Regular */
}

.roboto-p4-medium {
font-family: "Roboto" !important;
font-size: 12px !important;
font-weight: 500 !important; /* Medium */
}

.roboto-p4-semibold {
font-family: "Roboto" !important;
font-size: 12px !important;
font-weight: 600 !important; /* SemiBold */
}

.roboto-p5-regular {
font-family: "Roboto" !important;
font-size: 10px !important;
font-weight: 400 !important; /* Regular */
}

.roboto-p5-medium {
font-family: "Roboto" !important;
font-size: 10px !important;
font-weight: 500 !important; /* Medium */
}

.roboto-p5-semibold {
    font-family: "Roboto" !important;
    font-size: 10px !important;
    font-weight: 600 !important; /* SemiBold */
}