.bg-brand {
    --tw-bg-opacity: 1;
    background-color: #FE8100;
}

.text-brand {
    color: #FE8100 !important;
}

.bg-secondary-100 {
    background-color: #141c2d !important;
}

.box-shdow {
    box-shadow: 6px 6px 12px #b8b9be, -6px -6px 12px #fff !important;
}

.b-radious {
    border-radius: 35px;
}

.btn-brand {
    border: solid 1px #FE8100;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
    background: #fff;
    color: #FE8100;
}

.btn-brand:hover {
    border: solid 1px #FE8100;
    background: #FE8100;
    color: #fff;
}

.btn-fb {
    border: solid 2px #1877F2;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
    background: #fff;
    color: #1877F2;
}

.btn-email {
    border: solid 2px #DB4437;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
    background: #fff;
    color: #DB4437;
}

.btn-apple {
    border: solid 2px #000;
    box-shadow: 3px 3px 6px #b8b9be, -3px -3px 6px #fff;
    background: #fff;
    color: #000;
}

.btn-fb:hover {
    border: solid 2px #1877F2;
    background: #1877F2;
    color: #fff;
}

.btn-email:hover {
    border: solid 2px #DB4437;
    background: #DB4437;
    color: #fff;
}

.btn-apple:hover {
    border: solid 2px #000;
    background: #000;
    color: #fff;
}

.text-white {
    color: #fff !important;
}

#site__sidebar a {
    color: #fff;
}

.text-black {
    color: #000 !important;
}

.col-brands a {
    color: #000 !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-down {
    animation: fadeInDown 0.4s ease-in-out;
}

#alert-success {
    position: absolute;
    z-index: 999;
    width: fit-content;
}

.col-alert {
    justify-content: end;
    width: 100%;
    display: flex;
}

.text-green-800 {
    color: green;
}

#avatar-alert {
    position: absolute;
    z-index: 999;
    width: max-content;
}