.primary-color {
    color: var(--vPrimary) !important;
}

.blue-color {
    color: var(--vBlue) !important;
}

.grey-color {
    color: var(--vGrey) !important;
}

.v-health-simple-btn {
    background: none;
    border: none;
}

.send-otp-btn {
    border-radius: 4px !important;
}

.line-height-32 {
    line-height: 32px !important;
}

.curved-ngx-select ::ng-deep .ngx-select__toggle {
    border-radius: 4px !important;
}

.membership-common-big-text {
    line-height: 40px !important;
    font-size: 28px !important;
    margin-top: 20px !important;
}

.send-otp-btn {
    text-transform: none !important;
    min-width: 120px;
}

.lnt-plan-summary-popup {
    padding: 0 16px;
}

.lnt-plan-summary-popup .mat-dialog-container {
    background: #f5f8f9;
}

.v-health-custom-scrollbar ::-webkit-scrollbar {
    width: 11px;
}

.v-health-custom-scrollbar ::-webkit-scrollbar-track {
    background: var(--vWhite);
}

.v-health-custom-scrollbar ::-webkit-scrollbar-thumb {
    background: var(--vLightPrimary);
    border-radius: 10px;
}

.v-health-custom-scrollbar ::-webkit-scrollbar-thumb:hover {
    background: var(--vPrimary);
}

.vertical-div-separator {
    width: 1px !important;
    min-width: 1px;
    max-width: 1px !important;
    background: var(--vLightGrey);
    margin: 0 20px;
    --bs-gutter-x: 0;
    height: 348px;
}

.vertical-dual-spaced-card {
    width: calc(50% - 20.5px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.vertical-div-video-separator {
    height: 335px !important;
    margin-top: 117px !important;
}

.vertical-doctor-card-separator {
    width: calc(32% - 20.5px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.vertical-doctor-separator {
    height: 282px;
}

.container-info .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.yes-bank-image-container {
    padding: 20px !important;
}

.premia-logo {
    height: 24px;
}

.premia-family-logo {
    height: 32px !important;
    margin-top: 3px;
}

.premia-props-family-logo {
    height: 30px !important;
    margin-top: 3px;
}

.yes-bank-logo {
    height: 31px;
}

.yes-bank-logo-divider {
    min-width: 1px;
    margin: auto 0 auto 10px;
    background: #aba9a9;
    height: 26.6px;
}

@media (max-width: 576px) {
    .premia-logo {
        height: 5vw !important;
    }

    .yes-bank-logo {
        height: 6vw !important;
    }

    .premia-props-family-logo {
        height: 5vw !important;
    }

    .yes-bank-logo-first {
        height: 4vw;
    }

    .premia-family-logo {
        height: 7vw !important;
    }

}

@media (max-width: 1200px) {
    .vertical-div-separator {
        height: 292px !important;
    }
}

@media (max-width: 991px) {
    .membership-common-big-text {
        line-height: 33px !important;
        font-size: 25px !important;
    }
}

@media (max-width: 768px) {
    .vertical-doctor-card-separator {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }

    .vertical-doctor-separator {
        display: none;
    }
}

@media (min-width: 700px) and (max-width: 768px) {
    .tablet-margin-t-16 {
        margin-top: 16px !important;
    }
}

@media (max-width: 1021px) {
    .vertical-div-video-separator {
        display: none;
    }
}

@media (max-width: 700px) {
    .mobile-margin-t-16 {
        margin-top: 16px !important;
    }

    .vertical-dual-spaced-card {
        width: 100% !important;
    }

    .vertical-div-video-separator {
        display: none !important;
    }
}


@media (max-width: 991px) {
    .membership-common-big-text {
        line-height: 33px !important;
        font-size: 25px !important;
    }
}

@media (min-width: 700px) and (max-width: 768px) {
    .tablet-margin-t-16 {
        margin-top: 16px !important;
    }
}

@media (max-width: 700px) {
    .mobile-margin-t-16 {
        margin-top: 16px !important;
    }

    .vertical-div-separator {
        display: none;
    }
}