:root {
    --text-color: #4189ac;
    --para-color: #7a7a7a;
    --btn-color: #fff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* ------------------------ main-banner-section ---------------------- */

.banner-left h2 {
    font-size: 3.5em;
}

.personal-box-1 h3 {
    color: var(--text-color);
    font-size: 2.2em;
    text-align: center;
}

.personal-box-1 p {
    color: var(--para-color);
    font-size: 1.2em;
}

.personal-box-1 ul li {
    color: var(--para-color);
    list-style: disc;
    font-size: 1.2em;
}

.personal-box-1 ul {
    margin-bottom: 1em;
}

.personal-box-1 .list-group {
    margin-left: 2em;
}


/* ---------------- How it Work CSS ------------------ */

.personal-box-1 h4,
.personal-box-1 h5 {
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 1.2em;
}

h4 {
    font-size: 1.8em;
}

h5 {
    font-size: 1.3em;
}

h6 {
    font-weight: 700;
    color: var(--para-color);
    font-size: 1.3em;
}

.clinical-approach p {
    margin-bottom: 1.5em;
}

.clinical-approach .btn {
    display: grid;
    place-items: center;
}

.clinical-approach button {
    border: none;
    border-radius: 10px;
    font-size: 1.2em;
    padding: 1em 2em;
    background: var(--text-color);
    color: var(--btn-color);
}