.gap-2 {
    gap: 0.5rem !important;
}

.end-0 {
    right: 0 !important;
}

.top-50 {
    top: 50% !important;
}

.position-fixed {
    position: fixed !important;
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(0.775rem + 1px) calc(1.5rem + 1px);
}

.btn.btn-flex {
    display: inline-flex;
    align-items: center;
}

.glassMorph {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 15px !important;
    box-shadow: 0 4px 30px rgb(0 0 0 / 15%) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 4px solid rgba(255, 255, 255, 0.7) !important;
}

.lh-sm {
    line-height: 1.25!important;
}

.z-index-n1 {
    z-index: -1 !important;
}

.z-index-n2 {
    z-index: -2 !important;
}

.z-index-0 {
    z-index: 0 !important;
}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.bottom-wa {
    bottom: 40px !important;
    right: 75px !important;
}

.text-gray-700 {
    color: #92929F !important;
}

.symbol.symbol-40px .symbol-label {
    width: 40px;
    height: 40px;
}

.symbol.symbol-circle, .symbol.symbol-circle > img, .symbol.symbol-circle .symbol-label {
    border-radius: 40%;
}

.symbol .symbol-label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    color: var(--kt-symbol-label-color);
    background-color: var(--kt-symbol-label-bg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 0.475rem;
}

.bg-light-success-custom {
    background-color: #DCFDFD !important;
}

.text-success-custom {
    color: #04C8C8 !important;
}