html {
    -webkit-tap-highlight-color: transparent;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
}

body {
    margin: 0;
    line-height: inherit;
    font-family: DM Sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

.surface-color {
    background-color: #F2F4F6;
}

.menu-bg {
    background-color: #FFFFFF;
}

.primary-color {
    color: rgba(0, 130, 101);
}

/* primary color with pulse animation */
.primary-color-pulse {
    color: rgba(0, 130, 101);
    animation: pulse 3s infinite;
}

@keyframes pulse {
    0% {
        color: rgba(0, 130, 101);
    }

    50% {
        color: rgba(0, 130, 101, 0.5);
    }

    100% {
        color: rgba(0, 130, 101);
    }
}

.primary-color:hover {
    color: rgba(0, 130, 101, 0.8);
}

.bg-primary-color {
    background-color: rgba(0, 130, 101);

    &:hover {
        background-color: rgba(0, 130, 101, 0.8);
    }
}

.primary-color2 {
    color: rgba(0, 130, 101, 0.62);
}

.primary-text-color {
    color: #293241;
}

.secondary-text-color {
    color: #83888f;
}

.custom-bg {
    background-color: #9d9fa6;
}

.text-color {
    color: #343a40;
}

.sidebar-logo-brand {
    padding: 20px 0;
    text-align: center;
    background: -webkit-linear-gradient(305deg, rgba(0, 130, 101), #748675);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.cursor-pointer {
    cursor: pointer;
}

.content-head {
    line-height: 8;
}

.header-head {
    line-height: 2 !important;
}

.header-line {
    line-height: 2 !important;
}

.header-credit-card-info {
    line-height: 0 !important;
}

.smaller {
    font-size: .650em
}

/*gradient  rgb(237, 255, 249) to rgba(0, 130, 101)*/
.gradient-bg {
    background: linear-gradient(90deg, rgb(237, 255, 249), rgba(0, 130, 101, 1));
}