/******************* GLOBALS CLASSES *******************/
body{
    margin: 0;
    padding: 0;
}

div, p, span, ul, li, h1, h2, h3, h4, h5, h6{
    cursor: default; padding: 0; margin: 0;
}

i{font-family: FontAwesome, sans-serif; font-style: normal}
a{cursor: pointer; text-decoration: none; color: inherit}
li{list-style: none;}
*{-webkit-user-drag: none;}
img{-webkit-user-select: none}
.radius-md{border-radius: 6px;}

::selection{
    background: var(--acn-color);
    color: var(--sec-color-light);
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.flex-column{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.flex-auto-cards{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.flex-auto-cards>*{
    flex: 1 0 1px;
    min-width: 200px !important;
    max-width: 400px !important;
}

@media screen and (max-width: 480px) {
    .fs-sm-14{ font-size: 14px !important; }
    .fs-sm-12{ font-size: 12px !important;}
    .fs-sm-11{ font-size: 11px !important; }
    .fs-sm-10{ font-size: 10px !important; }
}

.row-gap-3{row-gap: 3px;}
.row-gap-5{row-gap: 5px;}
.row-gap-7{row-gap: 7px;}
.row-gap-10{row-gap: 10px;}
.row-gap-15{row-gap: 15px;}
.row-gap-20{row-gap: 15px;}
.row-gap-25{row-gap: 15px;}
.row-gap-30{row-gap: 30px;}
.row-gap-40{row-gap: 30px;}
.row-gap-50{row-gap: 50px;}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.scroll::-webkit-scrollbar{
    background-color: #eee;
    width: 5px;
    border-radius: 5px;
}
.scroll::-webkit-scrollbar-thumb{
    background-color: var(--sec-color);
    border-radius: 5px;
}