html,body {
    margin: 0;
    height: 100%;
}
*, ::after, ::before {
    box-sizing: border-box;
}
body {
    line-height: 1.5;
    font-family: Open Sans, Arial, sans-serif;
}
header {
    background: #d6e5c6;
}
nav {
    height: 80px;
}
.nav-item {
    padding-left: .6rem;
    padding-right: .6rem;
}
.nav-link {
    color: rgba(0,0,0,0.6);
    font-size: 14px;
    font-weight: 600;
    transition: all 300ms ease 0ms;
}
.nav-link:hover {
    color: rgba(0,0,0,0.4);
}
.navbar-nav .nav-link.active {
    color: #176d94;
}
.section1 {
    margin-right: 5vw;
    color: #fff;
    background-image: linear-gradient(180deg,rgba(23,109,148,0.4) 0%,rgba(23,109,148,0.95) 100%), url(images/doctor.webp);
    border-radius: 0 0 30vw 0;
    border-right-width: 2vw;
    box-shadow: 20px 0px 0px 0px rgba(23,109,148,0.33);
    border-style: solid;
    border-color: #176d94;
    border-top: 0;
    border-left: 0;
    background-color: #176d94;
    padding-top: 70px;
    padding-bottom: 70px;
}
.section2 {
    padding-top: 70px;
    padding-bottom: 70px;
    display: flex;
}
.section2 p {
    font-size: 16px;
    line-height: 32px;
}
.section2 > .left {
    width: 50%;
    padding-right: 100px;
    padding-top: 60px;
    margin-left: 14%;
}
.section2 > .right {
    width: 50%;
}
h2 {
    font-weight: 300;
    font-size: 40px;
    color: #176d94;
    line-height: 1.4;
}
@media (max-width: 990px) {
    .section2 {
        display: block;
    }
    .section2 > .left, .section2 > .right {
        width: auto;
    }
    .section2 > .left {
        padding-left: 0;
        margin-left: 1rem;
        padding-right: 0;
        margin-right: 1rem;
    }
    .section2 h2 {
        font-size: 28px;
    }
}
.section3 {
    background: #d0e2ea;
}
.section3 li {
    font-size: 14px;
}
.section4 {
    color: #fff;
}
.section4, .section4 .bg {
    height: 600px;
}
.section4 .bg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;

    background-color: #176d94;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1280 86'%3E%3Cpath fill='rgba(255,255,255,0.08)' fill-opacity='.5' d='M833.9 27.5c-5.8 3.2-11 7.3-15.5 12.2-7.1-6.9-17.5-8.8-26.6-5-30.6-39.2-87.3-46.1-126.5-15.5-1.4 1.1-2.8 2.2-4.1 3.4C674.4 33.4 684 48 688.8 64.3c4.7.6 9.3 1.8 13.6 3.8 7.8-24.7 34.2-38.3 58.9-30.5 14.4 4.6 25.6 15.7 30.3 30 14.2 1.2 27.7 6.9 38.5 16.2C840.6 49.6 876 29.5 910.8 38c-20.4-20.3-51.8-24.6-76.9-10.5zM384 43.9c-9 5-16.7 11.9-22.7 20.3 15.4-7.8 33.3-8.7 49.4-2.6 3.7-10.1 9.9-19.1 18.1-26-15.4-2.3-31.2.6-44.8 8.3zm560.2 13.6c2 2.2 3.9 4.5 5.7 6.9 5.6-2.6 11.6-4 17.8-4.1-7.6-2.4-15.6-3.3-23.5-2.8zM178.7 7c29-4.2 57.3 10.8 70.3 37 8.9-8.3 20.7-12.8 32.9-12.5C256.4 1.8 214.7-8.1 178.7 7zm146.5 56.3c1.5 4.5 2.4 9.2 2.5 14 .4.2.8.4 1.2.7 3.3 1.9 6.3 4.2 8.9 6.9 5.8-8.7 13.7-15.7 22.9-20.5-11.1-5.2-23.9-5.6-35.5-1.1zM33.5 54.9c21.6-14.4 50.7-8.5 65 13 .1.2.2.3.3.5 7.3-1.2 14.8-.6 21.8 1.6.6-10.3 3.5-20.4 8.6-29.4.3-.6.7-1.2 1.1-1.8-32.1-17.2-71.9-10.6-96.8 16.1zm1228.9 2.7c2.3 2.9 4.4 5.9 6.2 9.1 3.8-.5 7.6-.8 11.4-.8V48.3c-6.4 1.8-12.4 5-17.6 9.3zM1127.3 11c1.9.9 3.7 1.8 5.6 2.8 14.2 7.9 25.8 19.7 33.5 34 13.9-11.4 31.7-16.9 49.6-15.3-20.5-27.7-57.8-36.8-88.7-21.5z'/%3E%3Cpath fill='rgba(255,255,255,0.08)' d='M0 0v66c6.8 0 13.5.9 20.1 2.6 3.5-5.4 8.1-10.1 13.4-13.6 24.9-26.8 64.7-33.4 96.8-16 10.5-17.4 28.2-29.1 48.3-32 36.1-15.1 77.7-5.2 103.2 24.5 19.7.4 37.1 13.1 43.4 31.8 11.5-4.5 24.4-4.2 35.6 1.1l.4-.2c15.4-21.4 41.5-32.4 67.6-28.6 25-21 62.1-18.8 84.4 5.1 6.7-6.6 16.7-8.4 25.4-4.8 29.2-37.4 83.3-44.1 120.7-14.8l1.8 1.5c37.3-32.9 94.3-29.3 127.2 8 1.2 1.3 2.3 2.7 3.4 4.1 9.1-3.8 19.5-1.9 26.6 5 24.3-26 65-27.3 91-3.1.5.5 1 .9 1.5 1.4 12.8 3.1 24.4 9.9 33.4 19.5 7.9-.5 15.9.4 23.5 2.8 7-.1 13.9 1.5 20.1 4.7 3.9-11.6 15.5-18.9 27.7-17.5.2-.3.3-.6.5-.9 22.1-39.2 70.7-54.7 111.4-35.6 30.8-15.3 68.2-6.2 88.6 21.5 18.3 1.7 35 10.8 46.5 25.1 5.2-4.3 11.1-7.4 17.6-9.3V0H0z'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center top;
    transform: scale(1,-1);
}
.section5 {
    padding-bottom: 70px;
    display: flex;
    line-height: 2em;
}
.section5 > .left {
    width: 53%;
    padding-right: 30px;
    padding-top: 30px;
    margin-left: 14%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section5 > .right {
    width: 47%;
    overflow: hidden;
    padding-left: 32px;
}
@media (max-width: 990px) {
    .section5 {
        display: block;
    }
    .section5 > .left {
        width: 100%;
        padding-right: 15px;
        margin-left: 0;
        padding-left: 15px;
    }
    .section5 > .right {
        width: 100%;
        overflow: hidden;
        padding-left: 0;
    }
}


.section6 {
    padding-bottom: 70px;
    display: flex;
    line-height: 2em;
}
.section6 > .left {
    width: 45%;
    padding-right: 30px;
    padding-top: 30px;
    margin-left: 14%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.section6 > .right {
    width: 55%;
    overflow: hidden;
    padding-left: 32px;
    padding-top: 30px;
}
@media (max-width: 990px) {
    .section6 {
        display: block;
    }
    .section6 > .left {
        width: 100%;
        padding-right: 15px;
        margin-left: 0;
        padding-left: 15px;
    }
    .section6 > .right {
        width: 100%;
        overflow: hidden;
        padding-left: 0;
    }
}

.section7 {
    background: #d0e2ea;
    display: flex;
    line-height: 2em;
}
.section7 > .left {
    width: 33.3333%;
}
.section7 > .right {
    width: 66.6666%;
    padding-left: 40px;
    padding-right: 40px;
}
@media (max-width: 990px) {
    .section7 {
        display: block;
    }
    .section7 > .left, .section7 > .right {
        width: auto;
    }
    .section7 > .left {
        padding-left: 0;
        padding-right: 0;
    }
    .section7 h2 {
        font-size: 28px;
    }
}


.section8 {
    display: flex;
    line-height: 2em;
}
.section8 > .left {
    width: 60%;
    margin-left: 14%;
    padding-right: 14%;
}
.section8 > .right {
    width: 40%;
}
.section8 > .right > img {
    width: 100%;
}
@media (max-width: 990px) {
    .section8 {
        display: block;
    }
    .section8 > .left, .section8 > .right {
        width: auto;
    }
    .section8 > .left {
        padding-left: 0;
        margin-left: 1rem;
        padding-right: 0;
        margin-right: 1rem;
    }
    .section8 h2 {
        font-size: 28px;
    }
}

.section9 {
    background: #d6e5c6;
    line-height: 2em;
}

.section10 {
    background-image: linear-gradient(180deg,rgba(23,109,148,0.3) 0%,#fff 100%);
}

.flex-row-column-xl {
    flex-direction: row;
    align-items: center;
}
@media (min-width: 1200px) {
    .flex-row-column-xl {
        flex-direction: column;
        align-items: start;
    }
}

.btn-submit {
    background: #176d94;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    border: 0;
    border-radius: 4px;
    padding: 8px 16px;
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.btn-submit:hover {
    color: #f0f1f9;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12);
}

.wave-main-page {
    fill: #d0e2ea;
    background: #176d94;
    overflow: hidden;
}
.section4 address {
    font-size: 14px;
}
h1 {
    font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 500;
    font-size: 4vw;
    line-height: 1.2em;
    text-align: center;
    padding-bottom: 10px;
}
h3 {
    font-size: 22px; font-weight: 500;
}
.btn-green, .btn-green:hover {
    color: #fff;
    background: #77aa42;
}
.btn-blue, .btn-blue:hover {
    color: #fff;
    background: #176d94;
}
.btn-white, .btn-white:hover {
    color: #176d94;
    background: #fff;
}
.btn-custom {
    transition: all 300ms ease 0ms;
}
.btn-custom, .btn-custom:hover {
    padding: 20px 28px;
    border-radius: 100px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 600;
}
.btn-custom::after {
    content: "\203A";
    margin-top: -15px;
    font-size: 30px;
    opacity: 0;
    position: absolute;
    padding-top: 2px;
    padding-left: 10px;
    transition: all 300ms ease 0ms;
}
.btn-custom:hover {
    padding-right: 50px;
}
.btn-custom:hover::after {
    opacity: 1;
    margin-left: 0;
}
footer {
    padding: 65px;
    background: #222;
    border-bottom: solid 15px #171717;
}