.fertility {
    background: url("https://mamily.in/new_web_assets/images/fertility-banner.JPG")
        no-repeat center center;
    background-size: cover;
    position: relative;
}

.general-health {
    background: url("https://mamily.in/new_web_assets/images/general-health-banner.jpg")
        no-repeat center center;
    background-size: cover;
    position: relative;
}

.Menopause {
    background: url("https://mamily.in/new_web_assets/images/Perimenopause-and-Menopause-banner.jpg")
        no-repeat center center;
    background-size: cover;
    position: relative;
}

.pcos-pcod {
    background: url("https://mamily.in/new_web_assets/images/pcos-pcod-banner.jpg")
        no-repeat center center;
    background-size: cover;
    position: relative;
}

.fertility:before,
.general-health:before,
.pcos-pcod:before,
.Menopause:before {
    content: "";
    position: absolute;
    background-color: #00000091;
    opacity: 0.65;
    height: 100%;
    width: 100%;
    top: 0;
}

.womens-care-plan {
    background: url(https://mamily.in/new_web_assets/images/women-care-background-banner.jpg)
        no-repeat center center;
    background-size: cover;
    position: relative;
    height: 250px;
}

.womens-care-plan:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(255, 255, 255);
    background: linear-gradient(
        0deg,
        rgba(255, 255, 255, 1) 0%,
        rgb(255 255 255 / 80%) 50%,
        rgb(255 255 255 / 85%) 100%
    );
}
.womens-care-plan .womens-care {
    display: flex;
    height: calc(250px - 0px);
    align-items: center;
    margin: auto;
}

.plan .card .card-shape .Plan_img {
    overflow: hidden;
    width: 100%;
}
.plan .card .plan-content {
    position: absolute;
    top: 0px;
    left: 0px;
    color: white;
    width: 100%;
}

.plan .card .plan-content h3 {
    line-height: 38px;
}

.plan .card .card-shape .plan-content p .span {
    width: 210px;
    position: absolute;
    text-align: center;
}

@media (max-width: 992px) {
    .womens-care-plan {
        height: 275px;
    }
    .womens-care-plan .womens-care {
        height: calc(275px - 0px);
    }
}

@media (max-width: 525px) {
    .womens-care-plan {
        height: 150px;
    }
    .womens-care-plan .womens-care {
        height: calc(150px - 0px);
    }
}

.table-scroll {
    overflow-y: auto;
    max-height: 300px;
    box-shadow: inset 0 0 5px rgba(150, 150, 150, 0.35);
    margin: auto;
}

@media (min-width: 992px) {
    .app-modal .modal .modal-dialog {
        max-width: 40%;
    }
}

.app-modal .modal .modal-body .card .nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #1d2150 !important;
    border-color: #1d2150 !important;
}
.app-modal .modal .modal-body .card .nav-tabs .nav-link {
    color: #1d2150 !important;
    background-color: #fff !important;
    border-color: #1d2150 !important;
    width: 138px;
    text-align: left;
    font-size: 14px;
}

.app-modal .modal .modal-dialog {
    height: auto !important;
}