.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.my-4 {
    margin-top: 1rem;
    /* 10px */
    margin-bottom: 1rem;
    /* 10px */
}

.my-5 {
    margin-top: 1.25rem;
    /* 10px */
    margin-bottom: 1.25rem;
    /* 10px */
}

.my-6 {
    margin-top: 1.5rem;
    /* 10px */
    margin-bottom: 1.5rem;
    /* 10px */
}

.my-7 {
    margin-top: 1.75rem;
    /* 10px */
    margin-bottom: 1.75rem;
    /* 10px */
}

.my-8 {
    margin-top: 2rem;
    /* 10px */
    margin-bottom: 2rem;
    /* 10px */
}

.my-12 {
    margin-top: 3rem;
    /* 10px */
    margin-bottom: 3rem;
    /* 10px */
}

.text-sm {
    font-size: 0.875rem;
    /* 14px */
    line-height: 1.25rem;
    /* 20px */
}

.text-base {
    font-size: 1rem;
    /* 16px */
    line-height: 1.5rem;
    /* 24px */

}

.text-lg {
    font-size: 1.125rem;
    /* 18px */
    line-height: 1.75rem;
    /* 28px */
}

.text-xl {
    font-size: 1.25rem;
    /* 20px */
    line-height: 1.75rem;
    /* 28px */

}

.text-2xl {
    font-size: 1.5rem;
    /* 24px */
    line-height: 2rem;
    /* 32px */
}

.text-3xl {
    font-size: 1.875rem;
    /* 30px */
    line-height: 2.25rem;
    /* 36px */
}



img.bordered{
    border: 1px solid var(--saral-main-blue);
    padding: 1rem;
}

img.bordered.dense{
    padding: 0.5rem;
}

.text-saral{
    color:var(--saral-main-blue)
}

.bg-contain{
    background-size: contain;
}