/*text color */
.text-red {
    color: #d4060e;
}
.text-red-hover:hover {
    color: #d4060e !important;
}
.text-primary {
    --falcon-text-opacity: 1;
    color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted {
    --falcon-text-opacity: 1;
    color: #9da9bb !important
}

.text-black-50 {
    --falcon-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50 {
    --falcon-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset {
    --falcon-text-opacity: 1;
    color: inherit !important
}
/* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.text-muted-hover:hover {
    --falcon-text-opacity: 1;
    color: #9da9bb !important
}

.text-black-50-hover:hover {
    --falcon-text-opacity: 1;
    color: rgba(0,0,0,.5) !important
}

.text-white-50-hover:hover {
    --falcon-text-opacity: 1;
    color: rgba(255,255,255,.5) !important
}

.text-reset-hover:hover {
    --falcon-text-opacity: 1;
    color: inherit !important
}

/* text-bg-color*/
.text-bg-primary-hover:hover {
    color: #fff !important;
    background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-secondary-hover:hover {
    color: #fff !important;
    background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-success-hover:hover {
    color: #fff !important;
    background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-info-hover:hover {
    color: #fff !important;
    background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-warning-hover:hover {
    color: #fff !important;
    background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-danger-hover:hover {
    color: #fff !important;
    background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-light-hover:hover {
    color: #4d5969 !important;
    background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
}

.text-bg-dark-hover:hover {
    color: #fff !important;
    background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
}
/*text-bg-color-hover*/

/*text-opacity */
.text-opacity-25 {
    --falcon-text-opacity: 0.25
}

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

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

.text-opacity-100 {
    --falcon-text-opacity: 1
}
/*text-opacity-hover */
.text-opacity-25-hover:hover {
    --falcon-text-opacity: 0.25
}

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

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

.text-opacity-100-hover:hover {
    --falcon-text-opacity: 1
}
@media (min-width:425px) {
    /*text color */
    .text-xs-red {
        color: #d4060e;
    }

    .text-xs-red-hover:hover {
        color: #d4060e;
    }
    .text-xs-primary {
        --falcon-text-opacity: 1;
        color: rgba(var(--falcon-primary-rgb), var(--falcon-text-opacity)) !important
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xs-muted {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-xs-black-50 {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-xs-white-50 {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-xs-reset {
        --falcon-text-opacity: 1;
        color: inherit !important
    }
    /* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xs-muted-hover:hover {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-xs-black-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-xs-white-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-xs-reset-hover:hover {
        --falcon-text-opacity: 1;
        color: inherit !important
    }

    /* text-bg-color*/
    .text-xs-bg-primary-hover:hover {
        color: #fff !important;
        background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-secondary-hover:hover {
        color: #fff !important;
        background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-success-hover:hover {
        color: #fff !important;
        background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-info-hover:hover {
        color: #fff !important;
        background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-warning-hover:hover {
        color: #fff !important;
        background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-danger-hover:hover {
        color: #fff !important;
        background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-light-hover:hover {
        color: #4d5969 !important;
        background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xs-bg-dark-hover:hover {
        color: #fff !important;
        background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
    }
    /*text-bg-color-hover*/

    /*text-opacity */
    .text-xs-opacity-25 {
        --falcon-text-opacity: 0.25
    }

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

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

    .text-xs-opacity-100 {
        --falcon-text-opacity: 1
    }
    /*text-opacity-hover */
    .text-xs-opacity-25-hover:hover {
        --falcon-text-opacity: 0.25
    }

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

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

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

}

@media (min-width:576px) {
    /*text color */
    .text-sm-red {
        color: #d4060e;
    }

    .text-sm-red-hover:hover {
        color: #d4060e;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-sm-muted {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-sm-black-50 {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-sm-white-50 {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-sm-reset {
        --falcon-text-opacity: 1;
        color: inherit !important
    }
    /* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-sm-muted-hover:hover {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-sm-black-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-sm-white-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-sm-reset-hover:hover {
        --falcon-text-opacity: 1;
        color: inherit !important
    }

    /* text-bg-color*/
    .text-sm-bg-primary-hover:hover {
        color: #fff !important;
        background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-secondary-hover:hover {
        color: #fff !important;
        background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-success-hover:hover {
        color: #fff !important;
        background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-info-hover:hover {
        color: #fff !important;
        background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-warning-hover:hover {
        color: #fff !important;
        background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-danger-hover:hover {
        color: #fff !important;
        background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-light-hover:hover {
        color: #4d5969 !important;
        background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-sm-bg-dark-hover:hover {
        color: #fff !important;
        background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
    }
    /*text-bg-color-hover*/

    /*text-opacity */
    .text-sm-opacity-25 {
        --falcon-text-opacity: 0.25
    }

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

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

    .text-sm-opacity-100 {
        --falcon-text-opacity: 1
    }
    /*text-opacity-hover */
    .text-sm-opacity-25-hover:hover {
        --falcon-text-opacity: 0.25
    }

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

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

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

}

@media (min-width:768px) {
    /*text color */
    .text-md-red {
        color: #d4060e;
    }

    .text-md-red-hover:hover {
        color: #d4060e;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-md-muted {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-md-black-50 {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-md-white-50 {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-md-reset {
        --falcon-text-opacity: 1;
        color: inherit !important
    }
    /* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-md-muted-hover:hover {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-md-black-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-md-white-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-md-reset-hover:hover {
        --falcon-text-opacity: 1;
        color: inherit !important
    }

    /* text-bg-color*/
    .text-md-bg-primary-hover:hover {
        color: #fff !important;
        background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-secondary-hover:hover {
        color: #fff !important;
        background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-success-hover:hover {
        color: #fff !important;
        background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-info-hover:hover {
        color: #fff !important;
        background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-warning-hover:hover {
        color: #fff !important;
        background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-danger-hover:hover {
        color: #fff !important;
        background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-light-hover:hover {
        color: #4d5969 !important;
        background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-md-bg-dark-hover:hover {
        color: #fff !important;
        background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
    }
    /*text-bg-color-hover*/

    /*text-opacity */
    .text-md-opacity-25 {
        --falcon-text-opacity: 0.25
    }

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

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

    .text-md-opacity-100 {
        --falcon-text-opacity: 1
    }
    /*text-opacity-hover */
    .text-md-opacity-25-hover:hover {
        --falcon-text-opacity: 0.25
    }

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

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

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

}

@media (min-width:992px) {
    /*text color */
    .text-lg-red {
        color: #d4060e;
    }

    .text-lg-red-hover:hover {
        color: #d4060e;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-lg-muted {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-lg-black-50 {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-lg-white-50 {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-lg-reset {
        --falcon-text-opacity: 1;
        color: inherit !important
    }
    /* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-lg-muted-hover:hover {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-lg-black-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-lg-white-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-lg-reset-hover:hover {
        --falcon-text-opacity: 1;
        color: inherit !important
    }

    /* text-bg-color*/
    .text-lg-bg-primary-hover:hover {
        color: #fff !important;
        background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-secondary-hover:hover {
        color: #fff !important;
        background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-success-hover:hover {
        color: #fff !important;
        background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-info-hover:hover {
        color: #fff !important;
        background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-warning-hover:hover {
        color: #fff !important;
        background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-danger-hover:hover {
        color: #fff !important;
        background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-light-hover:hover {
        color: #4d5969 !important;
        background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-lg-bg-dark-hover:hover {
        color: #fff !important;
        background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
    }
    /*text-bg-color-hover*/

    /*text-opacity */
    .text-lg-opacity-25 {
        --falcon-text-opacity: 0.25
    }

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

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

    .text-lg-opacity-100 {
        --falcon-text-opacity: 1
    }
    /*text-opacity-hover */
    .text-lg-opacity-25-hover:hover {
        --falcon-text-opacity: 0.25
    }

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

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

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

}

@media (min-width:1200px) {
    /*text color */
    .text-xl-red {
        color: #d4060e;
    }

    .text-xl-red-hover:hover {
        color: #d4060e;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xl-muted {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-xl-black-50 {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-xl-white-50 {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-xl-reset {
        --falcon-text-opacity: 1;
        color: inherit !important
    }
    /* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xl-muted-hover:hover {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-xl-black-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-xl-white-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-xl-reset-hover:hover {
        --falcon-text-opacity: 1;
        color: inherit !important
    }

    /* text-bg-color*/
    .text-xl-bg-primary-hover:hover {
        color: #fff !important;
        background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-secondary-hover:hover {
        color: #fff !important;
        background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-success-hover:hover {
        color: #fff !important;
        background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-info-hover:hover {
        color: #fff !important;
        background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-warning-hover:hover {
        color: #fff !important;
        background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-danger-hover:hover {
        color: #fff !important;
        background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-light-hover:hover {
        color: #4d5969 !important;
        background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xl-bg-dark-hover:hover {
        color: #fff !important;
        background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
    }
    /*text-bg-color-hover*/

    /*text-opacity */
    .text-xl-opacity-25 {
        --falcon-text-opacity: 0.25
    }

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

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

    .text-xl-opacity-100 {
        --falcon-text-opacity: 1
    }
    /*text-opacity-hover */
    .text-xl-opacity-25-hover:hover {
        --falcon-text-opacity: 0.25
    }

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

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

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

@media (min-width: 1540px) {
    /*text color */
    .text-xxl-red {
        color: #d4060e;
    }

    .text-xxl-red-hover:hover {
        color: #d4060e;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xxl-muted {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-xxl-black-50 {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-xxl-white-50 {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-xxl-reset {
        --falcon-text-opacity: 1;
        color: inherit !important
    }
    /* hover */


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .text-xxl-muted-hover:hover {
        --falcon-text-opacity: 1;
        color: #9da9bb !important
    }

    .text-xxl-black-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(0,0,0,.5) !important
    }

    .text-xxl-white-50-hover:hover {
        --falcon-text-opacity: 1;
        color: rgba(255,255,255,.5) !important
    }

    .text-xxl-reset-hover:hover {
        --falcon-text-opacity: 1;
        color: inherit !important
    }

    /* text-bg-color*/
    .text-xxl-bg-primary-hover:hover {
        color: #fff !important;
        background-color: RGBA(44, 123, 229, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-secondary-hover:hover {
        color: #fff !important;
        background-color: RGBA(116, 129, 148, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-success-hover:hover {
        color: #fff !important;
        background-color: RGBA(0, 210, 122, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-info-hover:hover {
        color: #fff !important;
        background-color: RGBA(39, 188, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-warning-hover:hover {
        color: #fff !important;
        background-color: RGBA(245, 128, 62, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-danger-hover:hover {
        color: #fff !important;
        background-color: RGBA(230, 55, 87, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-light-hover:hover {
        color: #4d5969 !important;
        background-color: RGBA(249, 250, 253, var(--falcon-bg-opacity, 1)) !important
    }

    .text-xxl-bg-dark-hover:hover {
        color: #fff !important;
        background-color: RGBA(11, 23, 39, var(--falcon-bg-opacity, 1)) !important
    }
    /*text-bg-color-hover*/

    /*text-opacity */
    .text-xxl-opacity-25 {
        --falcon-text-opacity: 0.25
    }

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

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

    .text-xxl-opacity-100 {
        --falcon-text-opacity: 1
    }
    /*text-opacity-hover */
    .text-xxl-opacity-25-hover:hover {
        --falcon-text-opacity: 0.25
    }

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

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

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

}