:root {
    --tan:#5D7BFC;
    --clr-primary:#FFDD49;
    --clr-theme:#1F252A;
    --clr-btn:#FFDD49;
    --red:#FF453A;
    --f4: #F1F3F5;
   
}
.hero-overlay{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a445b+0,0a445b+25,0a445b+50,0a445b+100&0+0,0.5+25,0.75+50,1+100 */
    background: linear-gradient(to bottom, rgba(5, 23, 103,0.3) 0%,rgba(5, 23, 103,0.50) 25%,rgba(5, 23, 103,0.60) 50%,rgba(5, 23, 103,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.ss6, .fc-nearby{
    background: #F6F7FC;
}
.ss9::after{
    background: rgba(0, 0, 0, 0.5);
}
.ss9-wrapper{
    background: rgba(5, 23, 103,0.5);
}
/*.footer-wrapper{
    color: #F6F7FC;
}*/
.qi-body{
    background: var(--f4);
}
.square-top{
    background: var(--clr-theme);
}
.square-bottom{
    background: var(--clr-primary);
}
.btn-primary span, .btn-primary:hover span, .btn-primary:focus span, .btn-tb, .btn-tb:hover, .btn-tb:focus{
    color: var(--blk140);
}
.btn-primary-alt span, .btn-primary-alt:hover span, .btn-primary-alt:focus span{
    color: var(--white);
}
.bg-dark {
  background: var(--clr-theme) !important;
}

@media screen and (max-width:767px){
    .site-logo{
        background: rgba(5, 23, 103,0.8);
    }
}