/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2026 | 06:44:56 */
/* =========================================================
   MEDHA CHECKLIST ONLY
   ALL CSS IS SCOPED TO .medha-checklist-app
========================================================= */

.medha-checklist-app {
    width: 100%;
    box-sizing: border-box;
    color: #07145f;
    font-family: Inter, sans-serif;
}

.medha-checklist-app *,
.medha-checklist-app *::before,
.medha-checklist-app *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN PANEL
========================================================= */

.medha-checklist-app .medha-checklist-panel {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
	padding: 54px 24px 70px;
}




/* =========================================================
   HEADING
========================================================= */

.medha-checklist-app .medha-checklist-heading {
    margin-bottom: 20px;
}

.medha-checklist-app .medha-heading-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 60px;
}

.medha-checklist-app .medha-heading-row > div:first-child {
    flex: 1;
    min-width: 0;
}

.medha-checklist-app .medha-checklist-heading h1,
.medha-checklist-app .medha-checklist-heading h1:hover,
.medha-checklist-app .medha-checklist-heading h1:focus {
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    color: #00145c !important;
    font-size: 42px !important;
    line-height: 1.2 !important;
    font-weight: 400 !important;
    letter-spacing: -0.8px !important;
    text-transform: none !important;
}

.medha-checklist-app .medha-checklist-heading p {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 700px;
    color: #59709d !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
}


/* =========================================================
   BADGE
========================================================= */

.medha-checklist-app .medha-badge {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 14px;
    margin-bottom: 17px;
    border-radius: 20px;
    background: #fff0ef !important;
    color: #ef3f3f !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}


/* =========================================================
   PROGRESS CARD
========================================================= */

.medha-checklist-app .medha-progress-card {
    flex: 0 0 330px;
    width: 330px;
    padding: 27px 24px;
    background: #ffffff !important;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(20, 42, 100, 0.08);
}

.medha-checklist-app .medha-progress-card > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.medha-checklist-app .medha-progress-card strong {
    color: #00145c !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.medha-checklist-app .medha-progress-card strong:last-child {
    color: #050B52 !important;
}

.medha-checklist-app .medha-progress-bar {
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 10px;
    background: #e8ebf7 !important;
}

.medha-checklist-app .medha-progress-fill {
    height: 100%;
    border-radius: 10px;
    background: #050B52 !important;
    transition: width 0.3s ease;
}

.medha-checklist-app .medha-progress-card small {
    display: block;
    margin-top: 14px;
    color: #7d8eae !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

.medha-tab.is-active {
    background: #050B52 !important;
    color: #fff;
    box-shadow: 0 8px 20px rgba(19, 40, 232, .25);
}

.medha-checklist-tabs .medha-tab:hover {
    background: #050B52 !important;
    background-color: #050B52 !important;
    color: #fff !important;
}

/* =========================================================
   CONTROLS
========================================================= */

.medha-checklist-app .medha-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0 0 14px;
	margin-top:20px;
}

.medha-checklist-app .medha-controls button,
.medha-checklist-app .medha-controls button:hover,
.medha-checklist-app .medha-controls button:focus {
    min-height: 36px;
    padding: 0 13px;
    border: 0 !important;
    border-radius: 9px;
    background: #eef1fa !important;
    color: #00145c !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    cursor: pointer;
}

.medha-checklist-app .medha-controls button:hover {
    background: #e5e9f8 !important;
}

.medha-checklist-app .medha-controls button:last-child {
    background: #fff2f1 !important;
    color: #ef6464 !important;
}


/* =========================================================
   SECTIONS
========================================================= */

.medha-checklist-app .medha-sections {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.medha-checklist-app .medha-section {
    width: 100%;
    background: #ffffff !important;
    border: 1px solid #dfe5f5;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(25, 45, 100, 0.04);
}


/* =========================================================
   SECTION HEADER
========================================================= */

.medha-checklist-app button.medha-section-header,
.medha-checklist-app button.medha-section-header:hover,
.medha-checklist-app button.medha-section-header:focus,
.medha-checklist-app button.medha-section-header:active {
    width: 100%;
    min-height: 92px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 20px 24px !important;
    background: #ffffff !important;
    color: #00145c !important;
    border: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   SECTION NUMBER
========================================================= */

.medha-checklist-app .medha-section-number {
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #eef1ff !important;
    color: #050B52 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
}


/* =========================================================
   SECTION TEXT
========================================================= */

.medha-checklist-app .medha-section-heading {
    flex: 1;
    min-width: 0;
}

.medha-checklist-app .medha-section-title,
.medha-checklist-app .medha-section-title:hover {
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    color: #00145c !important;
    font-size: 16px !important;
    line-height: 1.3 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    text-transform: none !important;
}

.medha-checklist-app .medha-section-description,
.medha-checklist-app .medha-section-description:hover {
    margin: 0 !important;
    padding: 0 !important;
    color: #50699a !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    letter-spacing: 0 !important;
    word-spacing: normal !important;
    text-transform: none !important;
}


.medha-question input:checked {
    background: #050B52 !important;
    border-color: #050B52 !important;
}


/* =========================================================
   SECTION COUNT
========================================================= */

.medha-checklist-app .medha-section-count {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 32px;
    padding: 0 10px;
    border-radius: 99px;
    background: #eef1ff !important;
    color: #050B52 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}


/* =========================================================
   SECTION ARROW
========================================================= */

.medha-checklist-app .medha-section-arrow {
    width: 22px;
    min-width: 22px;
    color: #00145c !important;
    font-size: 14px !important;
}


/* =========================================================
   SECTION BODY
========================================================= */

.medha-checklist-app .medha-section-body {
    background: #ffffff !important;
    padding: 0 24px 20px !important;
}


/* =========================================================
   CHECKLIST ITEMS
========================================================= */

.medha-checklist-app .medha-checklist-items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.medha-checklist-app .medha-checklist-item {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    background: #f5f7fc !important;
    border-radius: 10px;
    color: #00145c !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
}


/* =========================================================
   CHECKBOX
========================================================= */

.medha-checklist-app .medha-checklist-item input[type="checkbox"] {
    width: 19px;
    height: 19px;
    min-width: 19px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #c7d0e8;
    border-radius: 5px;
    background: #ffffff;
    cursor: pointer;
}

.medha-checklist-app .medha-checklist-item input[type="checkbox"]:checked {
    background: #101fe5 !important;
    border-color: #101fe5 !important;
    box-shadow: inset 0 0 0 4px #ffffff;
}


/* =========================================================
   INFO BOX
========================================================= */

.medha-checklist-app .medha-info-box {
    margin-top: 22px;
    margin-bottom: 10px;
    background: #fff1f0 !important;
    border-radius: 15px;
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: #7d3c3a !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.medha-checklist-app .medha-info-box strong {
    color: #5e3130 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

.medha-checklist-app .medha-info-box a {
    margin-left: auto;
    margin-top: 20px;
    color: #050B52 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap;
}


/* =========================================================
   OTHER TEXT
========================================================= */

.medha-checklist-app .medha-question {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.medha-checklist-app .medha-section-text strong {
    font-size: 17px !important;
    font-weight: 700 !important;
}

.medha-checklist-app .medha-section-text small {
    margin-top: 10px;
    color: #6e7894 !important;
    font-size: 13px !important;
}

.medha-support-label {
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: 800;
    color: #9ca7ff;
    margin-bottom: 12px;
}


/* =========================================================
   SUPPORT SECTION
========================================================= */

.medha-checklist-app .medha-support {
    background: #0b1268 !important;
    color: #ffffff !important;
    border-radius: 26px !important;
    padding: 38px 42px !important;
    margin-top: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 40px !important;
    position: relative !important;
    overflow: hidden !important;
}


/* SUPPORT HEADING */

.medha-checklist-app .medha-support h3,
.medha-checklist-app .medha-support h3:hover {
    margin: 0 0 8px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 30px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}


/* SUPPORT TEXT */

.medha-checklist-app .medha-support p {
    margin: 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
	font-weight:400;
    line-height: 1.55 !important;
}


/* DO NOT CREATE PERSONALISED SUPPORT WITH CSS
   IT IS ALREADY PRESENT IN HTML */


/* SUPPORT BUTTON AREA */

.medha-checklist-app .medha-support > div:last-child {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}


/* SUPPORT BUTTONS */

.medha-checklist-app .medha-support a,
.medha-checklist-app .medha-support a:hover,
.medha-checklist-app .medha-support a:focus {
    min-height: 52px !important;
    padding: 0 26px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}


/* BOOK CONSULTATION */

.medha-checklist-app .medha-support a:first-child,
.medha-checklist-app .medha-support a:first-child:hover {
    background: #ff5959 !important;
    color: #ffffff !important;
    border: 1px solid #ff5959 !important;
}


/* OFFICIAL GUIDANCE */

.medha-checklist-app .medha-support a:last-child,
.medha-checklist-app .medha-support a:last-child:hover {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.35) !important;
}


/* =========================================================
   DISCLAIMER
========================================================= */

.medha-checklist-app .medha-disclaimer,
.medha-checklist-app .mva-info-card {
    margin-top: 28px !important;
    margin-bottom: 0 !important;
    background: #fff0ef !important;
    color: #f0554e !important;
    border-radius: 15px !important;
    padding: 14px 18px !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}

.medha-question {
    display: flex;
    align-items: center;
}

.medha-question input[type="checkbox"] {
    position: relative;
}

.medha-question input[type="checkbox"]:checked::after {
    content: "✓";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 12px;
}

/* =========================================================
   TABLET RESPONSIVE
   901px - 1100px
========================================================= */

@media (max-width: 1100px) {

    .medha-checklist-app .medha-checklist-panel {
        max-width: 100%;
        padding: 45px 30px 60px;
    }

    .medha-checklist-app .medha-heading-row {
        gap: 35px;
    }

    .medha-checklist-app .medha-progress-card {
        flex: 0 0 280px;
        width: 280px;
    }

    .medha-checklist-app .medha-checklist-heading h1 {
        font-size: 38px !important;
    }

    .medha-checklist-app .medha-support {
        gap: 25px !important;
        padding: 32px 30px !important;
    }

    .medha-checklist-app .medha-support h3 {
        font-size: 27px !important;
    }

}


/* =========================================================
   TABLET
   768px - 900px
========================================================= */

@media (max-width: 900px) {

    .medha-checklist-app .medha-checklist-panel {
        padding: 35px 24px 55px;
    }

    /* Heading + Progress */
    .medha-checklist-app .medha-heading-row {
        flex-direction: column;
        gap: 25px;
    }

    .medha-checklist-app .medha-heading-row > div:first-child {
        width: 100%;
    }

    .medha-checklist-app .medha-progress-card {
        width: 100%;
        flex: 1 1 auto;
    }

    /* Main heading */
    .medha-checklist-app .medha-checklist-heading h1 {
        font-size: 36px !important;
        line-height: 1.2 !important;
    }

    .medha-checklist-app .medha-checklist-heading p {
        font-size: 15px !important;
    }

    /* Checklist */
    .medha-checklist-app .medha-checklist-items {
        grid-template-columns: 1fr;
    }

    /* Support */
    .medha-checklist-app .medha-support {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 32px 28px !important;
        gap: 25px !important;
    }

    .medha-checklist-app .medha-support > div:last-child {
        width: 100%;
        flex-wrap: wrap !important;
    }

}


/* =========================================================
   MOBILE
   767px and below
========================================================= */

@media (max-width: 767px) {

    .medha-checklist-app {
        width: 100%;
        overflow-x: hidden;
    }

    /* Main */
    .medha-checklist-app .medha-checklist-panel {
        width: 100%;
        padding: 28px 16px 45px;
    }

    /* Heading */
    .medha-checklist-app .medha-checklist-heading {
        margin-bottom: 18px;
    }

    .medha-checklist-app .medha-checklist-heading h1 {
        font-size: 30px !important;
        line-height: 1.2 !important;
        letter-spacing: -0.4px !important;
        margin-bottom: 10px !important;
    }

    .medha-checklist-app .medha-checklist-heading p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Badge */
    .medha-checklist-app .medha-badge {
        min-height: 32px;
        padding: 0 12px;
        margin-bottom: 14px;
        font-size: 12px !important;
    }

    /* Progress */
    .medha-checklist-app .medha-progress-card {
        width: 100%;
        padding: 20px 18px;
        border-radius: 16px;
    }

    .medha-checklist-app .medha-progress-card strong {
        font-size: 13px !important;
    }

    /* Controls */
    .medha-checklist-app .medha-controls {
        width: 100%;
        gap: 8px;
        margin-top: 15px;
        margin-bottom: 12px;
    }

    .medha-checklist-app .medha-controls button {
        flex: 1;
        min-height: 38px;
        padding: 0 8px;
        font-size: 11px !important;
    }

    /* Sections */
    .medha-checklist-app .medha-sections {
        gap: 10px;
    }

    .medha-checklist-app .medha-section {
        border-radius: 16px;
    }

    /* Section Header */
    .medha-checklist-app button.medha-section-header {
        min-height: 70px;
        padding: 14px !important;
        gap: 10px;
        border-radius: 16px 16px 0 0 !important;
    }

    /* Number */
    .medha-checklist-app .medha-section-number {
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 9px;
        font-size: 14px !important;
    }

    /* Section Text */
    .medha-checklist-app .medha-section-text {
        min-width: 0;
        flex: 1;
    }

    .medha-checklist-app .medha-section-text strong,
    .medha-checklist-app .medha-section-title {
        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .medha-checklist-app .medha-section-text small,
    .medha-checklist-app .medha-section-description {
        display: block;
        font-size: 11px !important;
        line-height: 1.4 !important;
    }

    /* Count */
    .medha-checklist-app .medha-section-count {
        min-width: 34px;
        height: 28px;
        padding: 0 7px;
        font-size: 10px !important;
    }

    /* Arrow */
    .medha-checklist-app .medha-section-arrow {
        width: 16px;
        min-width: 16px;
        font-size: 12px !important;
    }

    /* Section Body */
    .medha-checklist-app .medha-section-body {
        padding: 0 14px 15px !important;
    }

    /* Checklist */
    .medha-checklist-app .medha-checklist-items {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .medha-checklist-app .medha-checklist-item {
        min-height: 46px;
        gap: 10px;
        padding: 10px 11px;
        border-radius: 9px;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    /* Checkbox */
    .medha-checklist-app .medha-checklist-item input[type="checkbox"] {
        width: 18px;
        height: 18px;
        min-width: 18px;
    }

    /* Info box */
    .medha-checklist-app .medha-info-box {
        margin-top: 16px;
        padding: 13px;
        gap: 9px;
        border-radius: 12px;
        font-size: 12px !important;
    }

    .medha-checklist-app .medha-info-box strong {
        font-size: 12px !important;
    }

    .medha-checklist-app .medha-info-box a {
        margin-top: 10px;
        font-size: 12px !important;
    }

    /* Support */
    .medha-checklist-app .medha-support {
        margin-top: 16px !important;
        padding: 26px 20px !important;
        border-radius: 20px !important;
        gap: 20px !important;
    }

    .medha-checklist-app .medha-support h3 {
        font-size: 24px !important;
        line-height: 1.25 !important;
    }

    .medha-checklist-app .medha-support p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    .medha-checklist-app .medha-support > div:last-child {
        width: 100%;
        display: flex !important;
        flex-direction: column;
        align-items: stretch !important;
        gap: 9px !important;
    }

    .medha-checklist-app .medha-support a {
        width: 100%;
        min-height: 48px !important;
        padding: 0 18px !important;
        font-size: 13px !important;
        white-space: normal !important;
        text-align: center;
    }

    /* Disclaimer */
    .medha-checklist-app .medha-disclaimer,
    .medha-checklist-app .mva-info-card {
        margin-top: 18px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
        line-height: 1.5 !important;
    }

}


/* =========================================================
   SMALL MOBILE
   480px and below
========================================================= */

@media (max-width: 480px) {

    .medha-checklist-app .medha-checklist-panel {
        padding: 22px 12px 35px;
    }

    .medha-checklist-app .medha-checklist-heading h1 {
        font-size: 27px !important;
    }

    .medha-checklist-app .medha-checklist-heading p {
        font-size: 13px !important;
    }

    .medha-checklist-app button.medha-section-header {
        padding: 12px !important;
        gap: 8px;
    }

    .medha-checklist-app .medha-section-number {
        width: 31px;
        height: 31px;
        min-width: 31px;
        font-size: 13px !important;
    }

    .medha-checklist-app .medha-section-title,
    .medha-checklist-app .medha-section-text strong {
        font-size: 14px !important;
    }

    .medha-checklist-app .medha-section-description,
    .medha-checklist-app .medha-section-text small {
        font-size: 10px !important;
    }

    .medha-checklist-app .medha-section-count {
        display: none;
    }

    .medha-checklist-app .medha-section-body {
        padding: 0 12px 12px !important;
    }

    .medha-checklist-app .medha-checklist-item {
        font-size: 11px !important;
        padding: 9px 10px;
    }

    .medha-checklist-app .medha-support {
        padding: 22px 17px !important;
    }

    .medha-checklist-app .medha-support h3 {
        font-size: 21px !important;
    }

}

/* =========================================================
   MOBILE TABS FIX
   2 TABS PER ROW
========================================================= */

@media (max-width: 767px) {

    .medha-checklist-app .medha-checklist-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
        overflow: visible !important;
        flex-wrap: wrap !important;
    }

    .medha-checklist-app .medha-checklist-tabs .medha-tab {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        white-space: normal !important;
        text-align: center !important;
        justify-content: center !important;
    }

}

@media (max-width: 500px) {
    .medha-checklist-tabs {
        -ms-overflow-style: none;
        
        display: block;
        line-height: 3.5;
        
	}
}