body{
    padding: 0;
    margin: 0;
    --main-color: #ffc800;
    --scn-color: #086f50;
    /*--scn-color: darkgreen;*/
    --acn-color: #8c0222;
    --main-color-light: #f3ece8;
    --scn-color-light: #bfc7dc;
    --main-color-dark: #b99a67;
    --scn-color-dark: #0c1a42;
}

.bg-main-color{ background-color: var(--main-color) !important;}
.bg-scn-color{ background-color: var(--scn-color) !important;}
.bg-acn-color{ background-color: var(--acn-color) !important;}
.bg-main-color-light{ background-color: var(--main-color-light) !important;}
.bg-scn-color-light{ background-color: var(--scn-color-light) !important;}
.bg-acn-color-light{ background-color: var(--acn-color) !important;}
.bg-main-color-dark{ background-color: var(--main-color-dark) !important;}
.bg-scn-color-dark{ background-color: var(--scn-color-dark) !important;}
.bg-acn-color-dark{ background-color: var(--acn-color) !important;}

.text-main-color{ color: var(--main-color) !important;}
.text-scn-color{ color: var(--scn-color) !important;}
.text-acn-color{ color: var(--acn-color) !important;}
.text-main-color-light{ color: var(--main-color-light) !important;}
.text-scn-color-light{ color: var(--scn-color) !important;}
.text-acn-color-light{ color: var(--acn-color) !important;}
.text-main-color-dark{ color: var(--main-color) !important;}
.text-scn-color-dark{ color: var(--scn-color) !important;}
.text-acn-color-dark{ color: var(--acn-color) !important;}

.bg-fluid{
    width: 95dvw !important;
    margin-inline: auto;
    max-width: 1280px;
}

p, ul, li, a{
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
i{
    font-family:  "FontAwesome", "Font Awesome 6 Free", serif !important;
}
.flex-row, .flex-column{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 7px;
}
.flex-column{
    flex-direction: column;
}

.absolute-center-top,
.absolute-center-right,
.absolute-center-bottom,
.absolute-center-left,
.absolute-top-left,
.absolute-top-right,
.absolute-bottom-left,
.absolute-bottom-right,
.absolute-center-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    z-index: 2;
}
.absolute-center-top{
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}
.absolute-center-bottom{
    top: 100%;
    left: 50%;
    transform: translate(-50%, -100%);
}
.absolute-center-left{
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
.absolute-center-right{
    top: 50%;
    left: 100%;
    transform: translate(-100%, -50%);
}

.absolute-top-left{
    top: 0;
    left: 0;
    transform: translate(0, 0);
}
.absolute-top-right{
    top: 0;
    left: 100%;
    transform: translate(-100%, 0);
}
.absolute-bottom-left{
    top: 100%;
    left: 0;
    transform: translate(0, -100%);
}
.absolute-bottom-right{
    top: 100%;
    left: 100%;
    transform: translate(-100%, -100%);
}


.gap-0-i{gap: 0 !important;}
.m-0-i{margin: 0 !important;}
.p-0-i{padding: 0 !important;}
.px-0-i{padding-inline: 0 !important;}
.py-0-i{padding-block: 0 !important;}
.mx-0-i{margin-inline: 0 !important;}
.my-0-i{margin-block: 0 !important;}
.w-auto-i{width: auto !important;}
.h-auto-i{height: auto !important;}
.w-100-i{width: 100% !important;}
.h-100-i{height: 100% !important;}
.full-vw{width: 100vw !important;}
.full-vw-2-{width: calc(100% - 2rem) !important;}
.full-vw-4-{width: calc(100% - 4rem) !important;}

@media screen and (max-width: 720px){
    .sm-full-vw-2-{width: calc(100% - 2rem) !important;}
    .sm-full-vw-1-{width: calc(100% - 10px) !important;}
}

.bg-light-green{background-color: #ddefe7;}
.bg-light-blue{background-color: #d0f2f9;}
.bg-light-orange{background-color: #fbf7e8;}
.bg-light-red{background-color: #ecdede;}






body{
    --facebook: #0165E1;
    --twitter: #1D9BF0;
    --telegram:  #229ED9;
    --instagram: #E1306C;
    --whatsapp: #28D146;
    --youtube: #FF0000;
    --snapchat: #FFFC00;
    --tiktok: #000000;
}

/************** facebook ***************/
.bg-facebook{background-color: var(--facebook);}
.color-facebook{
    color: var(--facebook);
    filter: drop-shadow(0 0 1px var(--facebook));
}
.bg-facebook:hover{color: var(--facebook);}

/************** twitter ***************/
.bg-twitter{background-color: var(--twitter);}
.color-twitter{color: var(--twitter);}
.bg-twitter:hover{color: var(--twitter);}

/************** telegram ***************/
.bg-telegram{background-color: var(--twitter);}
.color-telegram{color: var(--twitter);}
.bg-telegram:hover{color: var(--twitter);}

/************** instagram ***************/
.bg-instagram{background-color: var(--instagram);}
.color-instagram{
    color: var(--instagram) !important;
    filter: drop-shadow(0 0 1px var(--instagram));
}
.bg-instagram:hover{color: var(--instagram);}

/************** whatsapp ***************/
.bg-whatsapp{background-color: var(--whatsapp);}
.color-whatsapp{color: var(--whatsapp);}
.bg-whatsapp:hover{color: var(--whatsapp);}

/************** youtube ***************/
.bg-youtube{background-color: var(--youtube);}
.color-youtube{color: var(--youtube);}
.bg-youtube:hover{color: var(--youtube);}

/************** snapchat ***************/
.bg-snapchat{background-color: var(--snapchat);}
.color-snapchat{color: var(--snapchat);}
.bg-snapchat:hover{color: var(--snapchat);}

/************** tiktok ***************/
.bg-tiktok{background-color: var(--tiktok);}
.color-tiktok{
    color: var(--tiktok);
    /*filter: drop-shadow(0 0 1px var(--tiktok));*/
}
.bg-tiktok:hover{color: var(--tiktok);}


.bg-brand{
    border: none;
    color: white;
    font-size: 1.5rem;
    border-radius: 50%;
}

body{
    --icon-width: 30px;
}


.fa-instagram:before{
    /*height: 93% !important;*/
}

.color-twitter, .color-snapchat, .color-tiktok, .color-whatsapp{
    font-size: var(--icon-width);
    display: flex;
    justify-content: center;
    align-items: center;
}

.color-youtube{
    font-size: var(--icon-width);
    display: flex;
    justify-content: center;
    align-items: center;
    filter: drop-shadow(0 0 1px var(--youtube));
}

.color-youtube:before{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
    border-radius: 25%;
    width: 70% !important;
    height: 70% !important;
    line-height: 70%;

}

.color-brand{
    transition: transform 400ms ease;
}
.color-brand:before{
    font-size: 20px;
}
.color-brand:hover{
    filter: drop-shadow(0 0 5px orange);
}

.bg-dark-5{background-color: rgba(0, 0, 0, 0.05);}
.bg-dark-15{background-color: rgba(0, 0, 0, 0.15);}
.bg-dark-30{background-color: rgba(0, 0, 0, 0.30);}
.bg-dark-50{background-color: rgba(0, 0, 0, 0.50);}
.bg-dark-75{background-color: rgba(0, 0, 0, 0.75);}

.bg-light-5{background-color: rgba(255, 255, 255, 0.05);}
.bg-light-15{background-color: rgba(255, 255, 255, 0.15);}
.bg-light-30{background-color: rgba(255, 255, 255, 0.3);}
.bg-light-50{background-color: rgba(255, 255, 255, 0.5);}
.bg-light-75{background-color: rgba(255, 255, 255, 0.75);}