[x-cloak] { display: none; }

.bg-primary
{
    background: #FA4516 !important;
}

.bg-enrich
{
    background: #184490;
}

.bg-blue
{
    background: #0852C2;
}

.text-blue
{
    color: #0852C2;
}



.bg-brand-light
{
    background: #F6F6F4;
}

.bg-brand-secondary
{
    background: #FEF4EA;
}

.bg-brand-dark-secondary
{
    background: #241C15;
}

.btn-light.bg-brand-dark-secondary:hover
{
    background: #FA4516 !important;
}

.btn-primary
{
    background: #FA4516 !important;
    border: none;
}

.btn-primary:hover
{
    background: #241C15 !important;
    border: none;
}


.text-primary
{
    color: #FA4516 !important;
}

.border-primary
{
    border-color: #FA4516 !important;
}

.btn-outline-primary
{
    border-color: #FA4516 !important;
    color: #FA4516 !important;
}

.btn-outline-primary:hover
{
    background: #FA4516 !important;
    color: #fff !important;
}



.flipped-horizontal {
    transform: scaleX(-1);
}

.flipped-vertical {
    transform: scaleY(-1);
}


.fs-6
{
    font-size: 1.1em !important;
}

.fs-7
{
    font-size: 1em !important;
}

.fs-8
{
    font-size: 0.9em !important;
}

.fs-9
{
    font-size: 0.8em !important;
}

.btn
{
    border-radius: 0px;
}

.required:after{
    content: "*";
    color: red;
    margin-left: 0.3em;
}

.blur {
    color: transparent;
    text-shadow: 0 0 8px #000;
}


.smart-pin::before {
    content: '';
    position: absolute;
    inset: -2px;
    z-index: -1;
    background: linear-gradient(270deg, #00f0ff, #00ff85, #008cff, #00f0ff);
    background-size: 600% 600%;
    border-radius: 10px;
    animation: glowingBorder 6s ease infinite;
    filter: blur(1px);
}

@keyframes glowingBorder {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}