:root {
    --vz-blue: #3577f1;
    --vz-indigo: #4b38b3;
    --vz-purple: #6559cc;
    --vz-pink: #f672a7;
    --vz-red: #f06548;
    --vz-orange: #f1963b;
    --vz-yellow: #ffbe0b;
    --vz-green: #45cb85;
    --vz-teal: #02a8b5;
    --vz-cyan: #299cdb;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #f3f6f9;
    --vz-gray-200: #eff2f7;
    --vz-gray-300: #e9ebec;
    --vz-gray-400: #ced4da;
    --vz-gray-500: #adb5bd;
    --vz-gray-600: #878a99;
    --vz-gray-700: #495057;
    --vz-gray-800: #343a40;
    --vz-gray-900: #212529;
    --vz-primary: #4b38b3;
    --vz-secondary: #3577f1;
    --vz-success: #45cb85;
    --vz-info: #299cdb;
    --vz-warning: #ffbe0b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 75, 56, 179;
    --vz-secondary-rgb: 53, 119, 241;
    --vz-success-rgb: 69, 203, 133;
    --vz-info-rgb: 41, 156, 219;
    --vz-warning-rgb: 255, 190, 11;
    --vz-danger-rgb: 240, 101, 72;
    --vz-light-rgb: 243, 246, 249;
    --vz-dark-rgb: 33, 37, 41;
    --vz-white-rgb: 255, 255, 255;
    --vz-black-rgb: 0, 0, 0;
    --vz-body-color-rgb: 33, 37, 41;
    --vz-body-bg-rgb: 242, 242, 247;
    --vz-font-sans-serif: "Inter", sans-serif;
    --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: 0.8125rem;
    --vz-body-font-weight: 400;
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-bg: #f2f2f7;
}

.badge {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge:empty {
    display: none;
}

.bg-primary {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-primary-rgb), var(--vz-bg-opacity)) !important;
}
.bg-secondary {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-secondary-rgb), var(--vz-bg-opacity)) !important;
}
.bg-success {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-success-rgb), var(--vz-bg-opacity)) !important;
}
.bg-info {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-info-rgb), var(--vz-bg-opacity)) !important;
}
.bg-warning {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-warning-rgb), var(--vz-bg-opacity)) !important;
}
.bg-danger {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-danger-rgb), var(--vz-bg-opacity)) !important;
}
.bg-light {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-light-rgb), var(--vz-bg-opacity)) !important;
}
.bg-dark {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-dark-rgb), var(--vz-bg-opacity)) !important;
}
.bg-black {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-black-rgb), var(--vz-bg-opacity)) !important;
}
.bg-white {
    --vz-bg-opacity: 1;
    background-color: rgba(var(--vz-white-rgb), var(--vz-bg-opacity)) !important;
}

.bg-soft-primary {
    background-color: rgba(75, 56, 179, .18) !important
}

.bg-soft-secondary {
    background-color: rgba(53, 119, 241, .18) !important
}

.bg-soft-success {
    background-color: rgba(69, 203, 133, .18) !important
}

.bg-soft-info {
    background-color: rgba(41, 156, 219, .18) !important
}

.bg-soft-warning {
    background-color: rgba(255, 190, 11, .18) !important
}

.bg-soft-danger {
    background-color: rgba(240, 101, 72, .18) !important
}

.bg-soft-light {
    background-color: rgba(243, 246, 249, .18) !important
}

.bg-soft-dark {
    background-color: rgba(33, 37, 41, .18) !important
}

.bg-soft-dark {
    background-color: rgba(var(--vz-dark-rgb), .18) !important
}

.bg-soft-light {
    background-color: rgba(var(--vz-light-rgb), .18) !important
}

.badge-outline-primary {
    color: #4b38b3;
    border: 1px solid #4b38b3;
    background-color: transparent
}

.badge-outline-secondary {
    color: #3577f1;
    border: 1px solid #3577f1;
    background-color: transparent
}

.badge-outline-success {
    color: #45cb85;
    border: 1px solid #45cb85;
    background-color: transparent
}

.badge-outline-info {
    color: #299cdb;
    border: 1px solid #299cdb;
    background-color: transparent
}

.badge-outline-warning {
    color: #ffbe0b;
    border: 1px solid #ffbe0b;
    background-color: transparent
}

.badge-outline-danger {
    color: #f06548;
    border: 1px solid #f06548;
    background-color: transparent
}

.badge-outline-light {
    color: #f3f6f9;
    border: 1px solid #f3f6f9;
    background-color: transparent
}

.badge-outline-dark {
    color: #212529;
    border: 1px solid #212529;
    background-color: transparent
}

.badge-outline {
    background-color: var(--vz-card-bg);
    border: 1px solid
}

.badge-soft-primary {
    color: #4b38b3;
    background-color: rgba(75, 56, 179, .1)
}

.badge-outline.badge-primary {
    color: #4b38b3;
    border: 1px solid #4b38b3;
    background-color: transparent
}

.badge-label.bg-primary:before {
    border-right-color: #4b38b3
}

.badge-soft-secondary {
    color: #3577f1;
    background-color: rgba(53, 119, 241, .1)
}

.badge-outline.badge-secondary {
    color: #3577f1;
    border: 1px solid #3577f1;
    background-color: transparent
}

.badge-label.bg-secondary:before {
    border-right-color: #3577f1
}

.badge-soft-success {
    color: #45cb85;
    background-color: rgba(69, 203, 133, .1)
}

.badge-outline.badge-success {
    color: #45cb85;
    border: 1px solid #45cb85;
    background-color: transparent
}

.badge-label.bg-success:before {
    border-right-color: #45cb85
}

.badge-soft-info {
    color: #299cdb;
    background-color: rgba(41, 156, 219, .1)
}

.badge-outline.badge-info {
    color: #299cdb;
    border: 1px solid #299cdb;
    background-color: transparent
}

.badge-label.bg-info:before {
    border-right-color: #299cdb
}

.badge-soft-warning {
    color: #ffbe0b;
    background-color: rgba(255, 190, 11, .1)
}

.badge-outline.badge-warning {
    color: #ffbe0b;
    border: 1px solid #ffbe0b;
    background-color: transparent
}

.badge-label.bg-warning:before {
    border-right-color: #ffbe0b
}

.badge-soft-danger {
    color: #f06548;
    background-color: rgba(240, 101, 72, .1)
}

.badge-outline.badge-danger {
    color: #f06548;
    border: 1px solid #f06548;
    background-color: transparent
}

.badge-label.bg-danger:before {
    border-right-color: #f06548
}

.badge-soft-light {
    color: #f3f6f9;
    background-color: rgba(243, 246, 249, .1)
}

.badge-outline.badge-light {
    color: #f3f6f9;
    border: 1px solid #f3f6f9;
    background-color: transparent
}

.badge-label.bg-light:before {
    border-right-color: #f3f6f9
}

.badge-soft-dark {
    color: #212529;
    background-color: rgba(33, 37, 41, .1)
}

.badge-outline.badge-dark {
    color: #212529;
    border: 1px solid #212529;
    background-color: transparent
}

.badge-label.bg-dark:before {
    border-right-color: #212529
}

.badge-border {
    border-left: 2px solid
}

.badge-label {
    margin-left: 8px;
    position: relative
}

.badge-label:before {
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-right-color: #4b38b3;
    left: -14px;
    top: 0
}

[data-layout-mode=dark] .badge.bg-dark {
    background-color: var(--vz-light) !important
}

[data-layout-mode=dark] .badge.bg-light {
    background-color: var(--vz-dark) !important;
    color: var(--vz-light) !important
}

.badge-gradient-primary {
    background: linear-gradient(135deg, #4b38b3 0, #45cb85 100%)
}

.badge-gradient-secondary {
    background: linear-gradient(135deg, #3577f1 0, #299cdb 100%)
}

.badge-gradient-success {
    background: linear-gradient(135deg, #45cb85 0, #ffbe0b 100%)
}

.badge-gradient-danger {
    background: linear-gradient(135deg, #f06548 0, #3577f1 100%)
}

.badge-gradient-warning {
    background: linear-gradient(135deg, #ffbe0b 0, #be8b00 100%)
}

.badge-gradient-info {
    background: linear-gradient(135deg, #299cdb 0, #45cb85 100%)
}

.badge-gradient-dark {
    background: linear-gradient(135deg, #212529 0, #4b38b3 100%)
}

.project-status-area{
    position: absolute;
    top: 5px;
    right: 10px;
    z-index: 2;
    font-size: 12px;
}

.text-success{
    color: #28b075 !important;
}
.text-danger{
    color: #b02838 !important;
}
.text-warning{
    color: #c06b25 !important;
}
.text-inactive{
    color: #969696 !important;
}

.mil-cover-frame{
    border: solid 1px rgb(233, 233, 233) !important;
}

.contact-alert-success{
    background: #69eac6;
    color: #333;
    margin-top: 40px;
    padding: 30px 20px;
    border-radius: 5px;
}

.project-details-table{
    width: 100%;
}
.project-details-table tr{
    line-height: 36px;
}
.project-details-table tr td{
    font-size: 18px;
}
.project-details-table tr td:first-child{
    width: 25%;
    text-transform: uppercase;
    font-weight: 600;
}

.project-redirect{
    cursor: pointer;
}

.mt-40{
    margin-top: 40px !important;
}

.project-tags-area{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
}

.project-tag{
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 4px #ccc;
    margin-bottom: 10px;
}

.project-tag .project-tag-img-area{
    display: flex;
}

.project-tag img{
    height: 25px !important;
}
.project-tag span{
    margin-left: 5px;
    color: #333;
}