:root {
    --radius-0: 0;
    --radius-5: 5px;
    --radius-10: 10px;
    --radius-15: 15px;
    --radius-20: 20px;
    --radius-25: 25px;
    --radius-30: 30px;
}

.radius-0   { border-radius: var(--radius-0); }
.radius-5   { border-radius: var(--radius-5); }
.radius-10  { border-radius: var(--radius-10); }
.radius-15  { border-radius: var(--radius-15); }
.radius-20  { border-radius: var(--radius-20); }
.radius-25  { border-radius: var(--radius-25); }
.radius-30  { border-radius: var(--radius-30); }

.radius-top-0   { border-top-left-radius: var(--radius-0); border-top-right-radius: var(--radius-0); }
.radius-top-5   { border-top-left-radius: var(--radius-5); border-top-right-radius: var(--radius-5); }
.radius-top-10  { border-top-left-radius: var(--radius-10); border-top-right-radius: var(--radius-10); }
.radius-top-15  { border-top-left-radius: var(--radius-15); border-top-right-radius: var(--radius-15); }
.radius-top-20  { border-top-left-radius: var(--radius-20); border-top-right-radius: var(--radius-20); }
.radius-top-25  { border-top-left-radius: var(--radius-25); border-top-right-radius: var(--radius-25); }
.radius-top-30  { border-top-left-radius: var(--radius-30); border-top-right-radius: var(--radius-30); }

.radius-bottom-0   { border-bottom-left-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); }
.radius-bottom-5   { border-bottom-left-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); }
.radius-bottom-10  { border-bottom-left-radius: var(--radius-10); border-bottom-right-radius: var(--radius-10); }
.radius-bottom-15  { border-bottom-left-radius: var(--radius-15); border-bottom-right-radius: var(--radius-15); }
.radius-bottom-20  { border-bottom-left-radius: var(--radius-20); border-bottom-right-radius: var(--radius-20); }
.radius-bottom-25  { border-bottom-left-radius: var(--radius-25); border-bottom-right-radius: var(--radius-25); }
.radius-bottom-30  { border-bottom-left-radius: var(--radius-30); border-bottom-right-radius: var(--radius-30); }

.radius-left-0   { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); }
.radius-left-5   { border-top-left-radius: var(--radius-5); border-bottom-left-radius: var(--radius-5); }
.radius-left-10  { border-top-left-radius: var(--radius-10); border-bottom-left-radius: var(--radius-10); }
.radius-left-15  { border-top-left-radius: var(--radius-15); border-bottom-left-radius: var(--radius-15); }
.radius-left-20  { border-top-left-radius: var(--radius-20); border-bottom-left-radius: var(--radius-20); }
.radius-left-25  { border-top-left-radius: var(--radius-25); border-bottom-left-radius: var(--radius-25); }
.radius-left-30  { border-top-left-radius: var(--radius-30); border-bottom-left-radius: var(--radius-30); }

.radius-right-0   { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); }
.radius-right-5   { border-top-right-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); }
.radius-right-10  { border-top-right-radius: var(--radius-10); border-bottom-right-radius: var(--radius-10); }
.radius-right-15  { border-top-right-radius: var(--radius-15); border-bottom-right-radius: var(--radius-15); }
.radius-right-20  { border-top-right-radius: var(--radius-20); border-bottom-right-radius: var(--radius-20); }
.radius-right-25  { border-top-right-radius: var(--radius-25); border-bottom-right-radius: var(--radius-25); }
.radius-right-30  { border-top-right-radius: var(--radius-30); border-bottom-right-radius: var(--radius-30); }

@media (max-width: 991.98px) {
    .radius-md-0   { border-radius: var(--radius-0); }
    .radius-md-5   { border-radius: var(--radius-5); }
    .radius-md-10  { border-radius: var(--radius-10); }
    .radius-md-15  { border-radius: var(--radius-15); }
    .radius-md-20  { border-radius: var(--radius-20); }
    .radius-md-25  { border-radius: var(--radius-25); }
    .radius-md-30  { border-radius: var(--radius-30); }

    .radius-md-top-0   { border-top-left-radius: var(--radius-0); border-top-right-radius: var(--radius-0); }
    .radius-md-top-5   { border-top-left-radius: var(--radius-5); border-top-right-radius: var(--radius-5); }
    .radius-md-top-10  { border-top-left-radius: var(--radius-10); border-top-right-radius: var(--radius-10); }
    .radius-md-top-15  { border-top-left-radius: var(--radius-15); border-top-right-radius: var(--radius-15); }
    .radius-md-top-20  { border-top-left-radius: var(--radius-20); border-top-right-radius: var(--radius-20); }
    .radius-md-top-25  { border-top-left-radius: var(--radius-25); border-top-right-radius: var(--radius-25); }
    .radius-md-top-30  { border-top-left-radius: var(--radius-30); border-top-right-radius: var(--radius-30); }

    .radius-md-bottom-0   { border-bottom-left-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); }
    .radius-md-bottom-5   { border-bottom-left-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); }
    .radius-md-bottom-10  { border-bottom-left-radius: var(--radius-10); border-bottom-right-radius: var(--radius-10); }
    .radius-md-bottom-15  { border-bottom-left-radius: var(--radius-15); border-bottom-right-radius: var(--radius-15); }
    .radius-md-bottom-20  { border-bottom-left-radius: var(--radius-20); border-bottom-right-radius: var(--radius-20); }
    .radius-md-bottom-25  { border-bottom-left-radius: var(--radius-25); border-bottom-right-radius: var(--radius-25); }
    .radius-md-bottom-30  { border-bottom-left-radius: var(--radius-30); border-bottom-right-radius: var(--radius-30); }

    .radius-md-left-0   { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); }
    .radius-md-left-5   { border-top-left-radius: var(--radius-5); border-bottom-left-radius: var(--radius-5); }
    .radius-md-left-10  { border-top-left-radius: var(--radius-10); border-bottom-left-radius: var(--radius-10); }
    .radius-md-left-15  { border-top-left-radius: var(--radius-15); border-bottom-left-radius: var(--radius-15); }
    .radius-md-left-20  { border-top-left-radius: var(--radius-20); border-bottom-left-radius: var(--radius-20); }
    .radius-md-left-25  { border-top-left-radius: var(--radius-25); border-bottom-left-radius: var(--radius-25); }
    .radius-md-left-30  { border-top-left-radius: var(--radius-30); border-bottom-left-radius: var(--radius-30); }

    .radius-md-right-0   { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); }
    .radius-md-right-5   { border-top-right-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); }
    .radius-md-right-10  { border-top-right-radius: var(--radius-10); border-bottom-right-radius: var(--radius-10); }
    .radius-md-right-15  { border-top-right-radius: var(--radius-15); border-bottom-right-radius: var(--radius-15); }
    .radius-md-right-20  { border-top-right-radius: var(--radius-20); border-bottom-right-radius: var(--radius-20); }
    .radius-md-right-25  { border-top-right-radius: var(--radius-25); border-bottom-right-radius: var(--radius-25); }
    .radius-md-right-30  { border-top-right-radius: var(--radius-30); border-bottom-right-radius: var(--radius-30); }
}

@media (max-width: 767.98px) {
    .radius-sm-0   { border-radius: var(--radius-0); }
    .radius-sm-5   { border-radius: var(--radius-5); }
    .radius-sm-10  { border-radius: var(--radius-10); }
    .radius-sm-15  { border-radius: var(--radius-15); }
    .radius-sm-20  { border-radius: var(--radius-20); }
    .radius-sm-25  { border-radius: var(--radius-25); }
    .radius-sm-30  { border-radius: var(--radius-30); }

    .radius-sm-top-0   { border-top-left-radius: var(--radius-0); border-top-right-radius: var(--radius-0); }
    .radius-sm-top-5   { border-top-left-radius: var(--radius-5); border-top-right-radius: var(--radius-5); }
    .radius-sm-top-10  { border-top-left-radius: var(--radius-10); border-top-right-radius: var(--radius-10); }
    .radius-sm-top-15  { border-top-left-radius: var(--radius-15); border-top-right-radius: var(--radius-15); }
    .radius-sm-top-20  { border-top-left-radius: var(--radius-20); border-top-right-radius: var(--radius-20); }
    .radius-sm-top-25  { border-top-left-radius: var(--radius-25); border-top-right-radius: var(--radius-25); }
    .radius-sm-top-30  { border-top-left-radius: var(--radius-30); border-top-right-radius: var(--radius-30); }

    .radius-sm-bottom-0   { border-bottom-left-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); }
    .radius-sm-bottom-5   { border-bottom-left-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); }
    .radius-sm-bottom-10  { border-bottom-left-radius: var(--radius-10); border-bottom-right-radius: var(--radius-10); }
    .radius-sm-bottom-15  { border-bottom-left-radius: var(--radius-15); border-bottom-right-radius: var(--radius-15); }
    .radius-sm-bottom-20  { border-bottom-left-radius: var(--radius-20); border-bottom-right-radius: var(--radius-20); }
    .radius-sm-bottom-25  { border-bottom-left-radius: var(--radius-25); border-bottom-right-radius: var(--radius-25); }
    .radius-sm-bottom-30  { border-bottom-left-radius: var(--radius-30); border-bottom-right-radius: var(--radius-30); }

    .radius-sm-left-0   { border-top-left-radius: var(--radius-0); border-bottom-left-radius: var(--radius-0); }
    .radius-sm-left-5   { border-top-left-radius: var(--radius-5); border-bottom-left-radius: var(--radius-5); }
    .radius-sm-left-10  { border-top-left-radius: var(--radius-10); border-bottom-left-radius: var(--radius-10); }
    .radius-sm-left-15  { border-top-left-radius: var(--radius-15); border-bottom-left-radius: var(--radius-15); }
    .radius-sm-left-20  { border-top-left-radius: var(--radius-20); border-bottom-left-radius: var(--radius-20); }
    .radius-sm-left-25  { border-top-left-radius: var(--radius-25); border-bottom-left-radius: var(--radius-25); }
    .radius-sm-left-30  { border-top-left-radius: var(--radius-30); border-bottom-left-radius: var(--radius-30); }

    .radius-sm-right-0   { border-top-right-radius: var(--radius-0); border-bottom-right-radius: var(--radius-0); }
    .radius-sm-right-5   { border-top-right-radius: var(--radius-5); border-bottom-right-radius: var(--radius-5); }
    .radius-sm-right-10  { border-top-right-radius: var(--radius-10); border-bottom-right-radius: var(--radius-10); }
    .radius-sm-right-15  { border-top-right-radius: var(--radius-15); border-bottom-right-radius: var(--radius-15); }
    .radius-sm-right-20  { border-top-right-radius: var(--radius-20); border-bottom-right-radius: var(--radius-20); }
    .radius-sm-right-25  { border-top-right-radius: var(--radius-25); border-bottom-right-radius: var(--radius-25); }
    .radius-sm-right-30  { border-top-right-radius: var(--radius-30); border-bottom-right-radius: var(--radius-30); }
}