* {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    text-decoration: none;
    border: none;
    outline: none;
    scroll-behavior: smooth;
    font-family: 'Roboto', sans-serif;
}

a,
a:hover {
    text-decoration: none;
}

.d-f-center {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.d-f-between {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.d-f-around {
    display: flex !important;
    align-items: center !important;
    justify-content: space-around !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-dark-green {
    color: #008000 !important
}

.text-08 {
    font-size: 0.8rem;
}

.text-09 {
    font-size: 0.9rem;
}

.text-10 {
    font-size: 1rem;
}

.text-11 {
    font-size: 1.1rem;
}

.text-12 {
    font-size: 1.2rem;
}

.text-15 {
    font-size: 1.5rem;
}

.text-20 {
    font-size: 2rem;
}

#pro_loader img {
    height: 6rem;
}

.front_pro_ord_img {
    height: auto;
    width: auto;
    max-width: 7rem;
    border: 0;
    vertical-align: middle;
    max-height: 5rem;
}

.scr_sot_img {
    height: auto;
    max-width: 7rem;
    max-height: 10rem;
    border: 0;
    vertical-align: middle;
}

.scr_sot_div {
    border-radius: 0.6rem;
}