.radius-full {
    border-radius: 100%;
}

.radius-24 {
    border-radius: 24px;
}
.radius-12 {
    border-radius: 12px;
}
.z-index-2 {
    z-index: 2;
}
.z-index-3 {
    z-index: 3;
}
.z-index-1 {
    z-index: 1;
}
.w-10 {
    width: 10%;
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
.w-40 {
    width: 40%;
}
.w-50 {
    width: 50%;
}
.w-60 {
    width: 60%;
}
.w-70 {
    width: 70%;
}
.w-80 {
    width: 80%;
}
.w-90 {
    width: 90%;
}
.w-100 {
    width: 100%;
}
.h-10 {
    height: 10%;
}
.h-20 {
    height: 20%;
}
.h-30 {
    height: 30%;
}
.h-40 {
    height: 40%;
}
.h-50 {
    height: 50%;
}
.h-60 {
    height: 60%;
}
.h-70 {
    height: 70%;
}
.h-80 {
    height: 80%;
}
.h-90 {
    height: 90%;
}
.h-100 {
    height: 100%;
}
.fz-12 {
    font-size: 12px;
}
.fz-10 {
    font-size: 14px;
}

.fz-1r {
    font-size: 1rem !important; 
}

.fz-1.2r {
    font-size: 15rem !important;
}
.dark-link-hover:hover {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 700;
}
.text-dark-secondary {
    color: #373737 !important;
}
.bg-gray {
    background-color: #051C2C1F;
}

.btn-main {
    background: var(--themecolor) !important;
    color: #fff !important;
    border: none;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

.btn-main:hover {
    background: #957A11;
}

p {
    margin: 0;
    padding: 0;
}
/* sm: phone - landscape */
@media (max-width: 576px) {
}

/* md: tablet */
@media (max-width: 768px) {
}

/* lg: desktop */
@media (max-width: 992px) {
}

/* xl: wide */
@media (max-width: 1200px) {
}

/* super wide */
@media (max-width: 1440px) {
}