/*font-family: "Font Awesome 6 Pro";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")

*/

@font-face {
    font-family: "Font Awesome 6 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../font/v6.2.0/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")
}
@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../font/v6.2.0/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")
}
@font-face {
    font-family: "Font Awesome 6 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url(../font/v6.2.0/fa-duotone-900.woff2) format("woff2"),url(../webfonts/fa-duotone-900.ttf) format("truetype")
}

.fa-classic,.fa-light,.fa-regular,.fa-solid,.fa-thin,.fal,.far,.fas,.fat {
    font-family: "Font Awesome 6 Pro";
}

.fa-brands,.fab {
    font-family: "Font Awesome 6 Brands";
}

.fa-classic.fa-duotone,.fa-duotone,.fad {
    font-family: "Font Awesome 6 Duotone";
}
/*
.fa-sharp,.fass {
    font-family: "Font Awesome 6 Sharp"
}*/
/* ******************** */

.fs-1 {
    font-size: 2.5rem!important;
}
.fs-2 {
    font-size: 2rem!important;
}
.fs-3 {
    font-size: 1.75rem!important;
}
.fs-4 {
    font-size: 1.5rem!important;
}
.fs-5 {
    font-size: 1.25rem!important;
}
.fs-6 {
    font-size: 1rem!important;
}
.fs-7 {
    font-size: 0.75rem!important;
}
.fs-8 {
    font-size: 0.5rem!important;
}

.fw-bolder {
    font-weight: bolder!important;
}
.fw-bold {
    font-weight: bold!important;
}



.gradbg-lime {
color: #fff;
background: linear-gradient(40deg, #DEE885, #577B00) !important;
}
.gradbg-lime2 {
color: #fff;
background: linear-gradient(40deg, #152100, #C4DE00) !important;
}

.gradbg-messenger {
color: #fff;
background: linear-gradient(40deg, #2270b1, #4fb5dd) !important;
}

.gradbg-zalo {
color: #fff;
background: linear-gradient(40deg, #4fb5dd, #2270b1) !important;
}

.gradbg-chat {
color: #fff;
background: linear-gradient(0deg, #d0eefd, #0180c7) !important;
}

.gradbg-subcriber {
color: #fff;
background: linear-gradient(0deg, #ff6ec4, #7873f5) !important;
}

.gradbg-store {
color: #fff;
background: linear-gradient(40deg, #303f9f, #45cafc) !important;
}

.gradbg-light-blue {
color: #fff;
background: linear-gradient(40deg, #638390, #7ad4ff) !important;
}

.gradbg-indigo {
color: #fff;
background: linear-gradient(40deg, #303f9f, #45cafc) !important;
}

.gradbg-purple {
color: #fff;
background: linear-gradient(40deg, #502775, #d1c3ff) !important;
}

.gradbg-red {
color: #fff;
background: linear-gradient(40deg, #6d091e, #ff6347) !important;
}

.gradbg-orange {
color: #fff;
background: linear-gradient(40deg, #ce5403, #ffbc8f) !important;
}

.gradbg-yellow {
color: #fff;
background: linear-gradient(40deg, #9e6e07, #fff124) !important;
}

.gradbg-cyan {
color: #fff;
background: linear-gradient(40deg, #5b81a5, #19e4ff) !important;
}

.gradbg-light-green {
color: #fff;
background: linear-gradient(40deg, #107b19, #49de00) !important;
}

.gradbg-dark-green {
color: #fff;
background: linear-gradient(40deg, #163805, #76a015) !important;
}

.gradbg-brown {
color: #fff;
background: linear-gradient(40deg, #963d00, #b38b70) !important;
}

.gradbg-dark-brown {
color: #fff;
background: linear-gradient(40deg, #231000, #ca8c00) !important;
}

.gradbg-grey {
color: #fff;
background: linear-gradient(40deg, #2e2c2c, #cec2c2) !important;
}
.gradbg-dark-grey {
color: #fff;
background: linear-gradient(40deg, #242424, #767676) !important;
}
.gradbg-light-grey {
color: #fff;
background: linear-gradient(40deg, #aaaaaa, #ffffff) !important;
}



.c-primary {
color: #4285f4 !important;
}

.c-secondary {
color: #a6c !important;
}

.c-success {
color: #99B900 !important;
}

.c-dark-lime {
color: #667a00 !important;
}

.c-info {
color: #33b5e5 !important;
}

.c-warning {
color: #fb3 !important;
}

.c-danger {
color: #ff3547 !important;
}

.c-white {
color: #ffffff !important;
}
.c-grey {
color: #696969 !important;
}

.bc-deep-blue {
background: #0085bf !important;
}

.bc-deep-lime {
background: #99B900 !important;
}

.bc-deep-lime-trans {
background: rgba(153, 185, 0, 0.85) !important;
}

.bc-light-blue {
background: #edfcff !important;
}

.bc-white {
background: #fff !important;
}

.bc-danger {
background: #ff3547 !important;
}

.bc-active {
background: #73f1ff !important
}
.bc-inactive {
background: #b4dade !important
}
.bc-pending {
background: #d8d8d8 !important;
}
.bc-dead {
background: #636363 !important;
}

.w-5 {
    width: 5%!important;
}
.w-10 {
    width: 10%!important;
}
.w-15 {
    width: 15%!important;
}
.w-20 {
    width: 20%!important;
}
.w-25 {
    width: 25%!important;
}
.w-30 {
    width: 30%!important;
}
.w-33 {
    width: 33%!important;
}
.w-35 {
    width: 35%!important;
}
.w-40 {
    width: 40%!important;
}
.w-45 {
    width: 45%!important;
}
.w-50 {
    width: 50%!important;
}
.w-55 {
    width: 55%!important;
}
.w-60 {
    width: 60%!important;
}
.w-65 {
    width: 65%!important;
}
.w-66 {
    width: 66%!important;
}
.w-70 {
    width: 70%!important;
}
.w-75 {
    width: 75%!important;
}
.w-80 {
    width: 80%!important;
}
.w-85 {
    width: 85%!important;
}
.w-90 {
    width: 90%!important;
}
.w-95 {
    width: 95%!important;
}
.w-99 {
    width: 99%!important;
}
.w-100 {
    width: 100%!important;
}