/*background-color*/
.bg-instagram {
    background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
}

.bg-primary {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
}

.bg-secondary {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
}

.bg-success {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
}

.bg-info {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
}

.bg-warning {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
}

.bg-danger {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
}

.bg-light {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
}

.bg-dark {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
}

.bg-facebook {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
}

.bg-google-plus {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
}

.bg-twitter {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
}

.bg-linkedin {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
}

.bg-youtube {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
}

.bg-github {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
}

.bg-body {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
}

.bg-black {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
}

.bg-100 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
}

.bg-200 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
}

.bg-300 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
}

.bg-400 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
}

.bg-500 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
}

.bg-600 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
}

.bg-700 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
}

.bg-800 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
}

.bg-900 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
}

.bg-1000 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
}

.bg-1100 {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
}

.bg-white {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
}

.bg-transparent {
    --falcon-bg-opacity: 1;
    background-color: rgba(0,0,0,0) !important
}

.bg-opacity-10 {
    --falcon-bg-opacity: 0.1
}

.bg-opacity-25 {
    --falcon-bg-opacity: 0.25
}

.bg-opacity-50 {
    --falcon-bg-opacity: 0.5
}

.bg-opacity-75 {
    --falcon-bg-opacity: 0.75
}

.bg-opacity-100 {
    --falcon-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--falcon-gradient) !important
}

.bg-soft-primary, .fc-timegrid .event-bg-soft-primary {
    background-color: var(--falcon-soft-primary) !important
}

.bg-soft-secondary, .fc-timegrid .event-bg-soft-secondary {
    background-color: var(--falcon-soft-secondary) !important
}

.bg-soft-success, .fc-timegrid .event-bg-soft-success {
    background-color: var(--falcon-soft-success) !important
}

.bg-soft-info, .fc-timegrid .event-bg-soft-info {
    background-color: var(--falcon-soft-info) !important
}

.bg-soft-warning, .fc-timegrid .event-bg-soft-warning {
    background-color: var(--falcon-soft-warning) !important
}

.bg-soft-danger, .fc-timegrid .event-bg-soft-danger {
    background-color: var(--falcon-soft-danger) !important
}

.bg-soft-light, .fc-timegrid .event-bg-soft-light {
    background-color: var(--falcon-soft-light) !important
}

.bg-soft-dark, .fc-timegrid .event-bg-soft-dark {
    background-color: var(--falcon-soft-dark) !important
}
/*background-color-hover*/
.bg-primary-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
}

.bg-secondary-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
}

.bg-success-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
}

.bg-info-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
}

.bg-warning-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
}

.bg-danger-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
}

.bg-light-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
}

.bg-dark-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
}

.bg-facebook-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
}

.bg-google-plus-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
}

.bg-twitter-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
}

.bg-linkedin-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
}

.bg-youtube-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
}

.bg-github-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
}

.bg-body-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
}

.bg-black-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
}

.bg-100-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
}

.bg-200-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
}

.bg-300-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
}

.bg-400-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
}

.bg-500-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
}

.bg-600-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
}

.bg-700-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
}

.bg-800-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
}

.bg-900-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
}

.bg-1000-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
}

.bg-1100-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
}

.bg-white-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
}

.bg-transparent-hover:hover {
    --falcon-bg-opacity: 1;
    background-color: rgba(0,0,0,0) !important
}

.bg-opacity-10-hover:hover {
    --falcon-bg-opacity: 0.1
}

.bg-opacity-25-hover:hover {
    --falcon-bg-opacity: 0.25
}

.bg-opacity-50-hover:hover {
    --falcon-bg-opacity: 0.5
}

.bg-opacity-75-hover:hover {
    --falcon-bg-opacity: 0.75
}

.bg-opacity-100-hover:hover {
    --falcon-bg-opacity: 1
}

.bg-gradient-hover:hover {
    background-image: var(--falcon-gradient) !important
}

.bg-soft-primary-hover:hover, .fc-timegrid .event-bg-soft-primary-hover:hover {
    background-color: var(--falcon-soft-primary) !important
}

.bg-soft-secondary-hover:hover, .fc-timegrid .event-bg-soft-secondary-hover:hover {
    background-color: var(--falcon-soft-secondary) !important
}

.bg-soft-success-hover:hover, .fc-timegrid .event-bg-soft-success-hover:hover {
    background-color: var(--falcon-soft-success) !important
}

.bg-soft-info-hover:hover, .fc-timegrid .event-bg-soft-info-hover:hover {
    background-color: var(--falcon-soft-info) !important
}

.bg-soft-warning-hover:hover, .fc-timegrid .event-bg-soft-warning-hover:hover {
    background-color: var(--falcon-soft-warning) !important
}

.bg-soft-danger-hover:hover, .fc-timegrid .event-bg-soft-danger-hover:hover {
    background-color: var(--falcon-soft-danger) !important
}

.bg-soft-light-hover:hover, .fc-timegrid .event-bg-soft-light-hover:hover {
    background-color: var(--falcon-soft-light) !important
}

.bg-soft-dark-hover:hover, .fc-timegrid .event-bg-soft-dark-hover:hover {
    background-color: var(--falcon-soft-dark) !important
}
/**/
.bg-none {
    background: none;
}

.bg-image-1 {
    background-image: url(/assets/images/all/corner-1.png)
}

.bg-image-2 {
    background-image: url(/assets/images/all/corner-2.png)
}

.bg-image-3 {
    background-image: url(/assets/images/all/corner-3.png)
}

.bg-image-4 {
    background-image: url(/assets/images/all/corner-4.png)
}

.bg-image-5 {
    background-image: url(/assets/images/all/corner-5.png)
}

/* chưa có responsive */
.bg-date {
    background: -webkit-gradient(linear,center top,center bottom,from(rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.75)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.75) 100%);
}
.bg-snapchat {
    background-color: #eae800;
}
/*.bg-table-thead {
    background: -moz-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#fff),color-stop(47%,#f6f6f6),color-stop(100%,#ededed));
    background: -webkit-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -o-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: -ms-linear-gradient(top,#fff 0%,#f6f6f6 47%,#ededed 100%);
    background: linear-gradient(to bottom,#fff 0%,#f6f6f6 47%,#ededed 100%);
}*/

.bg-new-primary {
    background: linear-gradient(0deg,#009ab3,#001ba2);
}

.bg-new-red {
    background: linear-gradient(-45deg,#783030,#f23333);
}

.bg-new-yellow {
    background: linear-gradient(0deg,#fda315,#f39c12);
}

.bg-new-green {
    background: linear-gradient(0deg,#1dbf00,#1d8f00);
}

/* chưa có responsive */
@media (min-width:425px) {
    .bg-xs-instagram {
        background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
    }

    .bg-xs-primary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-secondary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-success {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-info {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-warning {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-danger {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-light {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-dark {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-facebook {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-google-plus {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-twitter {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-linkedin {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-youtube {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-github {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-body {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-black {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-200 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-300 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-400 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-500 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-600 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-700 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-800 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-900 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-1000 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-1100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-white {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-transparent {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-xs-opacity-10 {
        --falcon-bg-opacity: 0.1
    }

    .bg-xs-opacity-25 {
        --falcon-bg-opacity: 0.25
    }

    .bg-xs-opacity-50 {
        --falcon-bg-opacity: 0.5
    }

    .bg-xs-opacity-75 {
        --falcon-bg-opacity: 0.75
    }

    .bg-xs-opacity-100 {
        --falcon-bg-opacity: 1
    }

    .bg-xs-gradient {
        background-image: var(--falcon-gradient) !important
    }

    .bg-xs-soft-primary {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-xs-soft-secondary {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-xs-soft-success{
        background-color: var(--falcon-soft-success) !important
    }

    .bg-xs-soft-info{
        background-color: var(--falcon-soft-info) !important
    }

    .bg-xs-soft-warning {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-xs-soft-danger {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-xs-soft-light {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-xs-soft-dark {
        background-color: var(--falcon-soft-dark) !important
    }
    /*background-color-hover*/
    .bg-xs-primary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-secondary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-success-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-info-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-warning-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-danger-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-light-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-dark-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-facebook-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-google-plus-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-twitter-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-linkedin-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-youtube-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-github-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-body-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-black-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-200-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-300-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-400-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-500-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-600-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-700-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-800-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-900-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-1000-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-1100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-white-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xs-transparent-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-xs-opacity-10-hover:hover {
        --falcon-bg-opacity: 0.1
    }

    .bg-xs-opacity-25-hover:hover {
        --falcon-bg-opacity: 0.25
    }

    .bg-xs-opacity-50-hover:hover {
        --falcon-bg-opacity: 0.5
    }

    .bg-xs-opacity-75-hover:hover {
        --falcon-bg-opacity: 0.75
    }

    .bg-xs-opacity-100-hover:hover {
        --falcon-bg-opacity: 1
    }

    .bg-xs-gradient-hover:hover {
        background-image: var(--falcon-gradient) !important
    }

    .bg-xs-soft-primary-hover:hover {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-xs-soft-secondary-hover:hover {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-xs-soft-success-hover:hover {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-xs-soft-info-hover:hover {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-xs-soft-warning-hover:hover{
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-xs-soft-danger-hover:hover {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-xs-soft-light-hover:hover {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-xs-soft-dark-hover:hover {
        background-color: var(--falcon-soft-dark) !important
    }
    /**/
    .bg-xs-none {
        background: none;
    }
    .bg-xs-image-1 {
        background-image: url(/assets/images/all/corner-1.png)
    }

    .bg-xs-image-2 {
        background-image: url(/assets/images/all/corner-2.png)
    }

    .bg-xs-image-3 {
        background-image: url(/assets/images/all/corner-3.png)
    }

    .bg-xs-image-4 {
        background-image: url(/assets/images/all/corner-4.png)
    }

    .bg-xs-image-5 {
        background-image: url(/assets/images/all/corner-5.png)
    }
}

@media (min-width:576px) {
    .bg-sm-instagram {
        background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
    }

    .bg-sm-primary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-secondary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-success {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-info {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-warning {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-danger {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-light {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-dark {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-facebook {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-google-plus {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-twitter {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-linkedin {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-youtube {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-github {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-body {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-black {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-200 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-300 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-400 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-500 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-600 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-700 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-800 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-900 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-1000 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-1100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-white {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-transparent {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-sm-opacity-10 {
        --falcon-bg-opacity: 0.1
    }

    .bg-sm-opacity-25 {
        --falcon-bg-opacity: 0.25
    }

    .bg-sm-opacity-50 {
        --falcon-bg-opacity: 0.5
    }

    .bg-sm-opacity-75 {
        --falcon-bg-opacity: 0.75
    }

    .bg-sm-opacity-100 {
        --falcon-bg-opacity: 1
    }

    .bg-sm-gradient {
        background-image: var(--falcon-gradient) !important
    }

    .bg-sm-soft-primary {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-sm-soft-secondary {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-sm-soft-success {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-sm-soft-info {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-sm-soft-warning {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-sm-soft-danger {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-sm-soft-light {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-sm-soft-dark {
        background-color: var(--falcon-soft-dark) !important
    }
    /*background-color-hover*/
    .bg-sm-primary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-secondary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-success-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-info-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-warning-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-danger-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-light-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-dark-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-facebook-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-google-plus-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-twitter-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-linkedin-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-youtube-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-github-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-body-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-black-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-200-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-300-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-400-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-500-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-600-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-700-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-800-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-900-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-1000-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-1100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-white-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-sm-transparent-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-sm-opacity-10-hover:hover {
        --falcon-bg-opacity: 0.1
    }

    .bg-sm-opacity-25-hover:hover {
        --falcon-bg-opacity: 0.25
    }

    .bg-sm-opacity-50-hover:hover {
        --falcon-bg-opacity: 0.5
    }

    .bg-sm-opacity-75-hover:hover {
        --falcon-bg-opacity: 0.75
    }

    .bg-sm-opacity-100-hover:hover {
        --falcon-bg-opacity: 1
    }

    .bg-sm-gradient-hover:hover {
        background-image: var(--falcon-gradient) !important
    }

    .bg-sm-soft-primary-hover:hover {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-sm-soft-secondary-hover:hover {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-sm-soft-success-hover:hover {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-sm-soft-info-hover:hover {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-sm-soft-warning-hover:hover {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-sm-soft-danger-hover:hover {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-sm-soft-light-hover:hover {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-sm-soft-dark-hover:hover {
        background-color: var(--falcon-soft-dark) !important
    }
    /**/
    .bg-sm-none {
        background: none;
    }
    .bg-sm-image-1 {
        background-image: url(/assets/images/all/corner-1.png)
    }

    .bg-sm-image-2 {
        background-image: url(/assets/images/all/corner-2.png)
    }

    .bg-sm-image-3 {
        background-image: url(/assets/images/all/corner-3.png)
    }

    .bg-sm-image-4 {
        background-image: url(/assets/images/all/corner-4.png)
    }

    .bg-sm-image-5 {
        background-image: url(/assets/images/all/corner-5.png)
    }
}

@media (min-width:768px) {
    .bg-md-instagram {
        background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
    }

    .bg-md-primary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-secondary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-success {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-info {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-warning {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-danger {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-light {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-dark {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-facebook {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-google-plus {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-twitter {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-linkedin {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-youtube {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-github {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-body {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-black {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-200 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-300 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-400 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-500 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-600 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-700 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-800 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-900 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-1000 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-1100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-white {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-transparent {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-md-opacity-10 {
        --falcon-bg-opacity: 0.1
    }

    .bg-md-opacity-25 {
        --falcon-bg-opacity: 0.25
    }

    .bg-md-opacity-50 {
        --falcon-bg-opacity: 0.5
    }

    .bg-md-opacity-75 {
        --falcon-bg-opacity: 0.75
    }

    .bg-md-opacity-100 {
        --falcon-bg-opacity: 1
    }

    .bg-md-gradient {
        background-image: var(--falcon-gradient) !important
    }

    .bg-md-soft-primary {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-md-soft-secondary {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-md-soft-success {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-md-soft-info {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-md-soft-warning {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-md-soft-danger {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-md-soft-light {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-md-soft-dark {
        background-color: var(--falcon-soft-dark) !important
    }
    /*background-color-hover*/
    .bg-md-primary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-secondary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-success-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-info-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-warning-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-danger-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-light-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-dark-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-facebook-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-google-plus-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-twitter-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-linkedin-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-youtube-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-github-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-body-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-black-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-200-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-300-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-400-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-500-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-600-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-700-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-800-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-900-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-1000-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-1100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-white-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-md-transparent-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-md-opacity-10-hover:hover {
        --falcon-bg-opacity: 0.1
    }

    .bg-md-opacity-25-hover:hover {
        --falcon-bg-opacity: 0.25
    }

    .bg-md-opacity-50-hover:hover {
        --falcon-bg-opacity: 0.5
    }

    .bg-md-opacity-75-hover:hover {
        --falcon-bg-opacity: 0.75
    }

    .bg-md-opacity-100-hover:hover {
        --falcon-bg-opacity: 1
    }

    .bg-md-gradient-hover:hover {
        background-image: var(--falcon-gradient) !important
    }

    .bg-md-soft-primary-hover:hover {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-md-soft-secondary-hover:hover {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-md-soft-success-hover:hover {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-md-soft-info-hover:hover {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-md-soft-warning-hover:hover {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-md-soft-danger-hover:hover {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-md-soft-light-hover:hover {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-md-soft-dark-hover:hover {
        background-color: var(--falcon-soft-dark) !important
    }
    /**/
    .bg-md-none {
        background: none;
    }
    .bg-md-image-1 {
        background-image: url(/assets/images/all/corner-1.png)
    }

    .bg-md-image-2 {
        background-image: url(/assets/images/all/corner-2.png)
    }

    .bg-md-image-3 {
        background-image: url(/assets/images/all/corner-3.png)
    }

    .bg-md-image-4 {
        background-image: url(/assets/images/all/corner-4.png)
    }

    .bg-md-image-5 {
        background-image: url(/assets/images/all/corner-5.png)
    }
}

@media (min-width:992px) {
    .bg-lg-instagram {
        background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
    }

    .bg-lg-primary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-secondary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-success {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-info {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-warning {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-danger {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-light {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-dark {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-facebook {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-google-plus {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-twitter {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-linkedin {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-youtube {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-github {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-body {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-black {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-200 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-300 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-400 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-500 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-600 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-700 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-800 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-900 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-1000 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-1100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-white {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-transparent {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-lg-opacity-10 {
        --falcon-bg-opacity: 0.1
    }

    .bg-lg-opacity-25 {
        --falcon-bg-opacity: 0.25
    }

    .bg-lg-opacity-50 {
        --falcon-bg-opacity: 0.5
    }

    .bg-lg-opacity-75 {
        --falcon-bg-opacity: 0.75
    }

    .bg-lg-opacity-100 {
        --falcon-bg-opacity: 1
    }

    .bg-lg-gradient {
        background-image: var(--falcon-gradient) !important
    }

    .bg-lg-soft-primary {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-lg-soft-secondary {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-lg-soft-success {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-lg-soft-info {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-lg-soft-warning {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-lg-soft-danger {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-lg-soft-light {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-lg-soft-dark {
        background-color: var(--falcon-soft-dark) !important
    }
    /*background-color-hover*/
    .bg-lg-primary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-secondary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-success-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-info-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-warning-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-danger-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-light-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-dark-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-facebook-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-google-plus-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-twitter-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-linkedin-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-youtube-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-github-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-body-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-black-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-200-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-300-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-400-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-500-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-600-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-700-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-800-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-900-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-1000-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-1100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-white-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-lg-transparent-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-lg-opacity-10-hover:hover {
        --falcon-bg-opacity: 0.1
    }

    .bg-lg-opacity-25-hover:hover {
        --falcon-bg-opacity: 0.25
    }

    .bg-lg-opacity-50-hover:hover {
        --falcon-bg-opacity: 0.5
    }

    .bg-lg-opacity-75-hover:hover {
        --falcon-bg-opacity: 0.75
    }

    .bg-lg-opacity-100-hover:hover {
        --falcon-bg-opacity: 1
    }

    .bg-lg-gradient-hover:hover {
        background-image: var(--falcon-gradient) !important
    }

    .bg-lg-soft-primary-hover:hover {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-lg-soft-secondary-hover:hover {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-lg-soft-success-hover:hover {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-lg-soft-info-hover:hover {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-lg-soft-warning-hover:hover {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-lg-soft-danger-hover:hover {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-lg-soft-light-hover:hover {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-lg-soft-dark-hover:hover {
        background-color: var(--falcon-soft-dark) !important
    }
    .bg-lg-none {
        background: none;
    }
    .bg-lg-image-1 {
        background-image: url(/assets/images/all/corner-1.png)
    }

    .bg-lg-image-2 {
        background-image: url(/assets/images/all/corner-2.png)
    }

    .bg-lg-image-3 {
        background-image: url(/assets/images/all/corner-3.png)
    }

    .bg-lg-image-4 {
        background-image: url(/assets/images/all/corner-4.png)
    }

    .bg-lg-image-5 {
        background-image: url(/assets/images/all/corner-5.png)
    }
}

@media (min-width:1200px) {
    .bg-xl-instagram {
        background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
    }

    .bg-xl-primary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-secondary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-success {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-info {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-warning {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-danger {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-light {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-dark {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-facebook {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-google-plus {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-twitter {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-linkedin {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-youtube {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-github {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-body {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-black {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-200 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-300 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-400 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-500 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-600 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-700 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-800 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-900 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-1000 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-1100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-white {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-transparent {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-xl-opacity-10 {
        --falcon-bg-opacity: 0.1
    }

    .bg-xl-opacity-25 {
        --falcon-bg-opacity: 0.25
    }

    .bg-xl-opacity-50 {
        --falcon-bg-opacity: 0.5
    }

    .bg-xl-opacity-75 {
        --falcon-bg-opacity: 0.75
    }

    .bg-xl-opacity-100 {
        --falcon-bg-opacity: 1
    }

    .bg-xl-gradient {
        background-image: var(--falcon-gradient) !important
    }

    .bg-xl-soft-primary {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-xl-soft-secondary {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-xl-soft-success {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-xl-soft-info {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-xl-soft-warning {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-xl-soft-danger {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-xl-soft-light {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-xl-soft-dark {
        background-color: var(--falcon-soft-dark) !important
    }
    /*background-color-hover*/
    .bg-xl-primary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-secondary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-success-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-info-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-warning-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-danger-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-light-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-dark-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-facebook-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-google-plus-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-twitter-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-linkedin-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-youtube-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-github-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-body-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-black-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-200-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-300-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-400-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-500-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-600-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-700-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-800-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-900-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-1000-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-1100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-white-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xl-transparent-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-xl-opacity-10-hover:hover {
        --falcon-bg-opacity: 0.1
    }

    .bg-xl-opacity-25-hover:hover {
        --falcon-bg-opacity: 0.25
    }

    .bg-xl-opacity-50-hover:hover {
        --falcon-bg-opacity: 0.5
    }

    .bg-xl-opacity-75-hover:hover {
        --falcon-bg-opacity: 0.75
    }

    .bg-xl-opacity-100-hover:hover {
        --falcon-bg-opacity: 1
    }

    .bg-xl-gradient-hover:hover {
        background-image: var(--falcon-gradient) !important
    }

    .bg-xl-soft-primary-hover:hover {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-xl-soft-secondary-hover:hover {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-xl-soft-success-hover:hover {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-xl-soft-info-hover:hover {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-xl-soft-warning-hover:hover {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-xl-soft-danger-hover:hover {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-xl-soft-light-hover:hover {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-xl-soft-dark-hover:hover {
        background-color: var(--falcon-soft-dark) !important
    }
    /**/
    .bg-xl-none {
        background: none;
    }
    .bg-xl-image-1 {
        background-image: url(/assets/images/all/corner-1.png)
    }

    .bg-xl-image-2 {
        background-image: url(/assets/images/all/corner-2.png)
    }

    .bg-xl-image-3 {
        background-image: url(/assets/images/all/corner-3.png)
    }

    .bg-xl-image-4 {
        background-image: url(/assets/images/all/corner-4.png)
    }

    .bg-xl-image-5 {
        background-image: url(/assets/images/all/corner-5.png)
    }
}

@media (min-width:1540px) {
    .bg-xxl-instagram {
        background: linear-gradient(45deg, #aa01f7,#f78b00,#f60078, #f700b2);
    }

    .bg-xxl-primary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-secondary {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-success {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-info {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-warning {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-danger {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-light {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-dark {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-facebook {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-google-plus {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-twitter {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-linkedin {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-youtube {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-github {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-body {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-black {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-200 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-300 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-400 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-500 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-600 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-700 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-800 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-900 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-1000 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-1100 {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-white {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-transparent {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-xxl-opacity-10 {
        --falcon-bg-opacity: 0.1
    }

    .bg-xxl-opacity-25 {
        --falcon-bg-opacity: 0.25
    }

    .bg-xxl-opacity-50 {
        --falcon-bg-opacity: 0.5
    }

    .bg-xxl-opacity-75 {
        --falcon-bg-opacity: 0.75
    }

    .bg-xxl-opacity-100 {
        --falcon-bg-opacity: 1
    }

    .bg-xxl-gradient {
        background-image: var(--falcon-gradient) !important
    }

    .bg-xxl-soft-primary {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-xxl-soft-secondary {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-xxl-soft-success {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-xxl-soft-info {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-xxl-soft-warning {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-xxl-soft-danger {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-xxl-soft-light {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-xxl-soft-dark {
        background-color: var(--falcon-soft-dark) !important
    }
    /*background-color-hover*/
    .bg-xxl-primary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-primary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-secondary-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-secondary-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-success-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-success-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-info-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-info-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-warning-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-warning-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-danger-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-danger-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-light-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-light-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-dark-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-dark-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-facebook-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-facebook-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-google-plus-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-google-plus-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-twitter-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-twitter-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-linkedin-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-linkedin-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-youtube-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-youtube-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-github-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-github-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-body-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-body-bg-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-black-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-black-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-200-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-200-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-300-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-300-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-400-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-400-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-500-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-500-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-600-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-600-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-700-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-700-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-800-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-800-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-900-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-900-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-1000-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1000-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-1100-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-1100-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-white-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(var(--falcon-gray-white-rgb), var(--falcon-bg-opacity)) !important
    }

    .bg-xxl-transparent-hover:hover {
        --falcon-bg-opacity: 1;
        background-color: rgba(0,0,0,0) !important
    }

    .bg-xxl-opacity-10-hover:hover {
        --falcon-bg-opacity: 0.1
    }

    .bg-xxl-opacity-25-hover:hover {
        --falcon-bg-opacity: 0.25
    }

    .bg-xxl-opacity-50-hover:hover {
        --falcon-bg-opacity: 0.5
    }

    .bg-xxl-opacity-75-hover:hover {
        --falcon-bg-opacity: 0.75
    }

    .bg-xxl-opacity-100-hover:hover {
        --falcon-bg-opacity: 1
    }

    .bg-xxl-gradient-hover:hover {
        background-image: var(--falcon-gradient) !important
    }

    .bg-xxl-soft-primary-hover:hover {
        background-color: var(--falcon-soft-primary) !important
    }

    .bg-xxl-soft-secondary-hover:hover {
        background-color: var(--falcon-soft-secondary) !important
    }

    .bg-xxl-soft-success-hover:hover {
        background-color: var(--falcon-soft-success) !important
    }

    .bg-xxl-soft-info-hover:hover {
        background-color: var(--falcon-soft-info) !important
    }

    .bg-xxl-soft-warning-hover:hover {
        background-color: var(--falcon-soft-warning) !important
    }

    .bg-xxl-soft-danger-hover:hover {
        background-color: var(--falcon-soft-danger) !important
    }

    .bg-xxl-soft-light-hover:hover {
        background-color: var(--falcon-soft-light) !important
    }

    .bg-xxl-soft-dark-hover:hover {
        background-color: var(--falcon-soft-dark) !important
    }
    /**/
    .bg-xxl-none {
        background: none;
    }
    .bg-xxl-image-1 {
        background-image: url(/assets/images/all/corner-1.png)
    }

    .bg-xxl-image-2 {
        background-image: url(/assets/images/all/corner-2.png)
    }

    .bg-xxl-image-3 {
        background-image: url(/assets/images/all/corner-3.png)
    }

    .bg-xxl-image-4 {
        background-image: url(/assets/images/all/corner-4.png)
    }

    .bg-xxl-image-5 {
        background-image: url(/assets/images/all/corner-5.png)
    }
}