.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert .alert-link {
    font-weight: bold;
}
.d-block{
    display: block;
}
.alert>p,
.alert>ul {
    margin-bottom: 0;
}

.alert>p+p {
    margin-top: 5px;
}

.mt-2{
    margin-top: 20px !important;
}

.mb-2 {
    margin-bottom: 20px !important;
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px;
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

.alert-success hr {
    border-top-color: #c9e2b3;
}

.alert-success .alert-link {
    color: #2b542c;
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

.alert-info hr {
    border-top-color: #a6e1ec;
}

.alert-info .alert-link {
    color: #245269;
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

.alert-warning hr {
    border-top-color: #f7e1b5;
}

.alert-warning .alert-link {
    color: #66512c;
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert-danger hr {
    border-top-color: #e4b9c0;
}

.alert-danger .alert-link {
    color: #843534;
}
@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.access__grid,
.get-started,
.vision__about,
.vision__grid {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.benefits__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 3.2rem;
    gap: 3.2rem
}

.metrics__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 3.2rem;
    gap: 3.2rem
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html {
    font-size: 62.5%
}

@media only screen and (max-width:75em) {
    html {
        font-size: 56.25%
    }
}

@media only screen and (max-width:68.75rem) {
    html {
        font-size: 50%
    }
}

@media only screen and (max-width:60em) {
    html {
        font-size: 56.25%
    }
}

img {
    display: inline-block;
    max-width: 100%
}

a,
a:link,
a:visited {
    text-decoration: none;
    color: #075450;
    transition: all .3s
}

ul {
    list-style: none
}

input::-webkit-inner-spin-button {
    display: none
}

body {
    font-size: 1.6rem;
    font-family: Graphik R Trial;
    font-weight: 400;
    line-height: 2.4rem;
    overflow-x: hidden
}

.divider {
    height: 1px;
    width: 100%;
    background-color: #e0e0e0
}

.hmo-plan {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    max-width: 85rem;
    margin: 0 auto;
    background-color: #f5faed;
    border: 1px solid #4c4e4e;
    border-radius: 2rem;
    padding: 2.4rem 0 !important
}

.hmo-plan h2.heading {
    margin-bottom: .8rem
}

.hmo-plan p {
    font-size: 18rem;
    color: #33ad77 !important;
    margin-bottom: 0 !important
}

.heading {
    font-family: "DM Serif Display", serif;
    font-weight: 400
}

.heading--display {
    font-size: 4rem;
    line-height: 3.8rem
}

@media only screen and (max-width:68.75rem) {
    .heading--display {
        font-size: clamp(4rem, 3vw, 5.6rem);
        line-height: clamp(4.8rem, 3vw, 6rem)
    }
}

.heading--1 {
    font-size: 4.8rem;
    line-height: 5.6rem
}

@media only screen and (max-width:68.75rem) {
    .heading--1 {
        font-size: clamp(4rem, 3vw, 5.6rem);
        line-height: clamp(4.8rem, 3vw, 6rem)
    }
}

.heading--2 {
    font-size: 4rem;
    line-height: 4.8rem
}

@media only screen and (max-width:68.75rem) {
    .heading--2 {
        font-size: clamp(4rem, 3vw, 5.6rem);
        line-height: clamp(4.8rem, 3vw, 6rem)
    }
}

.heading--3 {
    font-size: 3.6rem;
    line-height: 4rem
}

.heading--4 {
    font-size: 3.2rem;
    line-height: 4rem
}

.heading--5 {
    font-size: 2.4rem;
    line-height: 3.2rem
}

.heading--6 {
    font-size: 2rem;
    line-height: 3.2rem
}

.text {
    font-size: 1.8rem
}

.text-sm {
    font-size: 1.3rem;
    line-height: 1.8rem
}

.logo {
    display: block;
    width: 17.2rem;
    height: 5.6rem
}

@media only screen and (max-width:60em) {
    .logo {
        width: 15.13rem;
        position: relative;
        z-index: 11
    }
}

.logo__img {
    height: 100%;
    object-fit: contain;
    object-position: center
}

.btn {
    font-family: Graphik M Trial;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 4.8rem;
    padding: 1.45rem 2.4rem;
    cursor: pointer

}

.btn img {
    margin-right: .4rem
}

.btn--main {
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.45rem 3.2rem;
    background-color: #a6e773
}

.btn--sec {
    width: 12rem;
    background-color: #f4faeb
}

.btn--full {
    width: 100%
}

.btn--outline {
    border: 1.5px solid #a6e773;
    background-color: transparent;
    color: #075450
}

.awards__caption {
    font-family: Graphik M Trial;
    font-weight: 500;
    line-height: 3.2rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: #075450;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:60em) {
    .awards__caption {
        text-align: center
    }
}

@media only screen and (max-width:37.5em) {
    .awards__caption {
        margin-bottom: 7.2rem
    }
}

.awards__award {
    text-align: center
}

.awards__award img {
    width: 6.4rem;
    height: 5.6rem;
    object-fit: contain;
    margin-bottom: 1.6rem
}

.awards__award p {
    font-size: 1.4rem;
    line-height: 1.9rem;
    color: #4c4d4d
}

.awards__text-box {
    display: flex;
    align-items: center
}

.awards__text-box>img:first-child,
.awards__text-box>img:last-child {
    transform: translateY(8px)
}

.awards__text-box>:not(:last-child) {
    margin-right: 1.2rem
}

.tab {
    margin-bottom: 7.2rem
}

.tab__ctrl {
    justify-content: space-between;
    max-width: 49.7rem;
    margin: 0 auto;
    background-color: #f7f7f7;
    padding: .4rem;
    height: 5.6rem;
    cursor: pointer
}

.tab__ctrl,
.tab__ctrl span {
    display: flex;
    position: relative;
    border-radius: .4rem
}

.tab__ctrl span {
    font-size: 1.8rem;
    width: calc((100% - 2.4rem)/2);
    align-items: center;
    justify-content: center;
    padding: 1.2rem 2.4rem;
    color: #075450;
    z-index: 3
}

@media only screen and (max-width:37.5em) {
    .tab__ctrl span {
        font-size: 1.3rem;
        padding: 1rem
    }
}

.tab__ctrl:after {
    content: "";
    width: calc((100% - 2.4rem)/2);
    background-color: #075450;
    height: calc(100% - .8rem);
    display: inline-block;
    position: absolute;
    border-radius: .4rem;
    z-index: 2;
    transition: all .4s
}

.tab input {
    display: none
}

input:checked~.tab__ctrl:after {
    transform: translateX(calc(100% + 1.6rem))
}

input:checked~.tab__ctrl>span:nth-child(2),
input~.tab__ctrl>span:first-child {
    color: #fff
}

input:checked~.tab__ctrl>span:first-child,
input~.tab__ctrl>span:nth-child(2) {
    color: #075450
}

.pricing__table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5.6rem;
    gap: 5.6rem;
    max-width: 85rem;
    margin: 0 auto;
    color: #075450
}

@media only screen and (max-width:60em) {
    .pricing__table {
        gap: 4rem
    }
}

@media only screen and (max-width:45em) {
    .pricing__table {
        max-width: 40rem;
        grid-template-columns: 1fr
    }
}

.pricing__table .btn--main {
    width: 27.4rem;
    max-width: 27.4rem;
    margin: 0 auto
}

@media only screen and (max-width:37.5em) {
    .pricing__table .btn--main {
        width: 100%;
        max-width: 100%
    }
}

.pricing__plan {
    background-color: #f5faed;
    border-radius: .8rem;
    padding: 4.8rem 4.8rem 3.2rem
}

@media only screen and (max-width:60em) {
    .pricing__plan {
        padding: 3.2rem
    }
}

@media only screen and (max-width:37.5em) {
    .pricing__plan {
        padding: 2.4rem
    }
}

.pricing__plan h4 {
    margin-bottom: 2.4rem
}

.pricing__plan p {
    margin-bottom: 3.2rem
}

.pricing__price {
    margin-bottom: 2.8rem
}

.pricing__amt {
    font-family: Graphik M Trial;
    font-size: 2.8rem;
    line-height: 5.6rem
}

@media only screen and (max-width:37.5em) {
    .pricing__amt {
        font-size: 4rem
    }
}

.pricing__list {
    max-width: 25rem;
    margin: 0 auto 7.2rem
}

.pricing__item {
    display: flex
}

.pricing__item:not(:last-child) {
    margin-bottom: 1.2rem
}

.pricing__icon {
    display: block;
    margin-right: 1.6rem
}

.pricing__doc,
.pricing__tele {
    max-width: 85rem;
    margin: 9.6rem auto
}

.pricing__doc .heading,
.pricing__tele .heading {
    margin-bottom: .8rem !important
}

.pricing__doc p,
.pricing__tele p {
    margin-bottom: 6.4rem;
    color: #075450;
    text-align: center
}

.pricing__doc-grp,
.pricing__tele-grp {
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width:45em) {

    .pricing__doc-grp,
    .pricing__tele-grp {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}

@media only screen and (max-width:60em) {

    .pricing__doc-grp>:not(:last-child),
    .pricing__tele-grp>:not(:last-child) {
        margin-right: 1.6rem
    }
}

@media only screen and (max-width:45em) {

    .pricing__doc-grp>:not(:last-child),
    .pricing__tele-grp>:not(:last-child) {
        margin-right: 0;
        margin-bottom: 4rem
    }
}

.pricing__doc {
    margin: 9.6rem auto 0
}

.pricing__doc-grp {
    display: flex;
    justify-content: center
}

.price__card {
    background-color: #f5faed;
    color: #075450;
    max-width: 39.8rem;
    padding: 4rem 4.8rem;
    border-radius: .8rem
}

@media only screen and (max-width:37.5em) {
    .price__card {
        padding: 2.4rem
    }
}

.price__card .heading--4 {
    margin-bottom: 2.4rem
}

.price__card p {
    margin-bottom: 1.6rem;
    text-align: left
}

.price__card .btn--main {
    width: 27.4rem;
    max-width: 27.4rem;
    margin: 0 auto
}

.price__price {
    margin-bottom: 4.8rem
}

.price__amt {
    font-family: Graphik M Trial;
    font-size: 4.8rem;
    line-height: 5.6rem
}

.plan-prices__img img {
    height: -moz-fit-content;
    height: fit-content
}

.plan-prices__price {
    display: flex;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:60em) {
    .plan-prices__price {
        grid-row: 1
    }
}

.plan-prices__price>:not(:last-child) {
    margin-right: 2.4rem
}

.plan-prices__price--1,
.plan-prices__price--2 {
    display: flex;
    flex-direction: column
}

@media only screen and (max-width:37.5em) {

    .plan-prices__price--1,
    .plan-prices__price--2 {
        text-align: center
    }
}

.plan-prices__price p {
    color: #075450
}

.plan-prices__amt {
    display: block;
    text-align: center;
    max-width: 25rem;
    border: 1.5px solid #075450;
    padding: 2.4rem;
    font-family: Graphik M Trial;
    color: #075450;
    font-size: 3.2rem;
    margin-bottom: 1.2rem
}

@media only screen and (max-width:37.5em) {
    .plan-prices__amt {
        max-width: 20rem;
        font-size: 2rem;
        padding: 1.6rem
    }
}

.simple-step__caption {
    max-width: 47.8rem;
    color: #075450;
    margin: 0 auto 7.2rem;
    text-align: center
}

@media only screen and (max-width:60em) {
    .simple-step__caption {
        max-width: 30rem
    }
}

.simple-step__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem
}

@media only screen and (max-width:60em) {
    .simple-step__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2rem;
        max-width: 90rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .simple-step__grid {
        grid-template-columns: 1fr
    }
}

.simple-step__grid--4 {
    grid-template-columns: repeat(4, 1fr)
}

@media only screen and (max-width:60em) {
    .simple-step__grid--4 {
        grid-template-columns: repeat(2, 1fr);
        gap: 3.2rem;
        max-width: 90rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .simple-step__grid--4 {
        grid-template-columns: 1fr
    }
}

.simple-step__card {
    padding: 3.2rem 1.6rem;
    border-radius: .8rem;
    color: #075450;
    transition: background-color .4s
}

@media only screen and (max-width:60em) {
    .simple-step__card {
        padding: 3.2rem
    }
}

@media only screen and (max-width:37.5em) {
    .simple-step__card {
        text-align: center
    }
}

.simple-step__card:hover {
    background-color: #fcfdfa
}

.simple-step__card .heading--5,
.simple-step__card .heading--6 {
    margin-bottom: 2.4rem
}

.simple-step__card p {
    max-width: 29.7rem
}

@media only screen and (max-width:37.5em) {
    .simple-step__card p {
        margin: 0 auto
    }
}

.simple-step__badge {
    display: inline-block;
    font-size: 1.4rem;
    background-color: #b0dfca;
    padding: .4rem 1.2rem;
    border-radius: 3rem;
    margin-bottom: 1.2rem
}

.simple-step__btn {
    width: 28.5rem;
    max-width: 28.5rem;
    margin: 4.8rem auto 0
}

.subscription__caption {
    max-width: 50rem;
    margin: 0 auto 6.4rem;
    color: #075450;
    text-align: center
}

.access__grid {
    align-items: center;
    gap: 6.4rem
}

@media only screen and (max-width:60em) {
    .access__grid {
        grid-template-columns: 1fr
    }
}

.access__content {
    color: #075450
}

@media only screen and (max-width:60em) {
    .access__content {
        max-width: 65%;
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .access__content {
        max-width: 100%
    }
}

.access__content .heading {
    margin-bottom: 3.2rem
}

.access__content p,
.access__content ul {
    margin-bottom: 4.8rem
}

.access__content ul {
    max-width: 44.6rem
}

.access__content li {
    display: flex
}

.access__content li:not(:last-child) {
    margin-bottom: 1.2rem
}

.access__content li img {
    margin-right: 1.2rem
}

.access__content .btn--main {
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:60em) {
    .access__img {
        grid-row: 1;
        max-width: 65%;
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .access__img {
        max-width: 100%
    }
}

.access__img img {
    height: -moz-fit-content;
    height: fit-content
}

.key-features__caption {
    max-width: 65rem;
    margin: 0 auto 6.4rem;
    text-align: center;
    color: #075450
}

.key-features__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    text-align: center;
    color: #075450
}

@media only screen and (max-width:37.5em) {
    .key-features__grid {
        grid-template-columns: 1fr;
        gap: 6.4rem
    }
}

.key-features__feature img {
    margin-bottom: .4rem
}

.testimonial-video {
    text-align: center;
    color: #075450
}

.testimonial-video .heading {
    margin-bottom: 2.4rem
}

.testimonial__video {
    width: 56rem;
    height: 31.2rem;
    margin: 0 auto
}

@media only screen and (max-width:37.5em) {
    .testimonial__video {
        width: 80%
    }
}

@media only screen and (max-width:23.43em) {
    .testimonial__video {
        width: 95%
    }
}

.inputfield {
    display: flex;
    flex-direction: column;
    border: none
}

.inputfield__input {
    border: .5px solid #b4b4b4;
    padding: 1.2rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    color: #075450;
    transition: all .5s;
    width: 100%;
    background: transparent
}

.inputfield__input::placeholder {
    color: hsla(0, 2%, 27%, 2)
}

.inputfield__input:focus {
    outline: .5px solid #075450;
    background: transparent
}

.inputfield__label {
    display: inline-block;
    margin-bottom: .2rem;
    font-size: 1.4rem;
    font-family: Graphik R Trial
}

.inputfield__label-radio {
    display: flex;
    align-items: center
}

.inputfield__label-text {
    margin-left: .6rem;
    color: #4c4d4d
}

.inputfield__custom-radio {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border: 1px solid #075450;
    border-radius: 10rem
}

.inputfield__custom-radio:after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 10rem
}

.inputfield__radio {
    display: none
}

.inputfield__radio-grp>.inputfield__label {
    display: block;
    margin-bottom: 1.2rem
}

.inputfield__radio-grp {
    margin-bottom: 2.4rem
}

.inputfield__radio-grp .inputfield {
    margin-bottom: 0 !important
}

.inputfield__radio:checked~.inputfield__label-radio .inputfield__custom-radio:after {
    background-color: #075450
}

.inputfield__textarea {
    border: .5px solid #b4b4b4;
    padding: 1.2rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    color: #075450
}

.inputfield__textarea:focus {
    outline: .5px solid #075450
}

.inputfield__error {
    color: hsla(0, 73%, 65%, .863);
    font-size: 1.4rem;
}

.inputfield__grp {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:37.5em) {
    .inputfield__grp {
        flex-direction: column
    }
}

.inputfield--center {
    align-items: center
}

.inputfield--dir-column {
    flex-direction: column
}

.inputfield__select {
    border: .5px solid #b4b4b4;
    padding: 1.2rem;
    border-radius: .8rem;
    font-size: 1.4rem;
    transition: all .5s;
    width: 100%;
    background: transparent;
    color: #4c4d4d
}

.inputfield__select:active,
.inputfield__select:focus {
    outline: .5px solid #075450;
    background: transparent
}

.checkbox {
    display: flex;
    align-items: center
}

.checkbox__input {
    display: none
}

.checkbox__label-box {
    display: flex;
    align-items: center;
    cursor: pointer
}

.checkbox__label {
    font-family: Graphik R Trial;
    font-size: 1.4rem;
    color: #075450
}

.checkbox__check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    padding: .2rem;
    border: 1.5px solid #075450;
    border-radius: .5rem;
    margin-right: .3rem
}

.checkbox__input:checked+.checkbox__label-box .checkbox__check {
    background-color: #075450
}

.checkbox__input:checked+.checkbox__label-box .checkbox__check:after {
    content: "✓";
    color: #fff;
    font-size: 1.2rem
}

.checkbox__grp {
    margin-bottom: 2.4rem
}

.checkbox__grp>.checkbox__grp-label {
    display: block;
    margin-bottom: 1.2rem
}

.checkbox__grp .checkbox__label {
    color: #4c4d4d;
    margin-left: .4rem
}

.form {
    max-width: 40rem
}

.form>:not(:last-child) {
    margin-bottom: 1.6rem
}

@media only screen and (max-width:37.5em) {
    .form {
        margin: 0 auto
    }
}

.form .btn--main {
    margin: 3.2rem auto 1.6rem
}

.form__link {
    font-size: 1.4rem
}

@media only screen and (max-width:45em) {
    .form__stepper {
        padding: 2.4rem
    }
}

.form__step {
    max-width: 50.5rem;
    margin: 0 auto
}

.form__step .inputfield {
    margin-bottom: 2.4rem
}

.form__step .heading--5 {
    font-family: Graphik M Trial;
    margin-bottom: .8rem
}

.form__step .splitscreen {
    align-items: start
}

.form__step-full {
    max-width: 100rem
}

.form__flex {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

@media only screen and (max-width:37.5em) {
    .form__flex {
        flex-direction: column
    }
}

.form__flex>* {
    flex: 1 1
}

@media only screen and (max-width:37.5em) {
    .form__flex>* {
        width: 100%
    }
}

.form__flex>:not(:last-child) {
    margin-right: 2.4rem
}

@media only screen and (max-width:37.5em) {
    .form__flex>:not(:last-child) {
        margin-right: 0
    }
}

.form__btns {
    max-width: 50.5rem;
    margin: 6.4rem auto 4.8rem
}

.form__btns .btn {
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:37.5em) {
    .form__btns .btn {
        width: 100%;
        margin: 4.8rem auto
    }
}

@media only screen and (max-width:23.43em) {
    .form__btns .btn {
        width: 100%;
        margin: 3.2rem auto
    }
}

.form__btns>:not(:last-child) {
    margin-bottom: 1.6rem
}

.form__btns .btn--text {
    padding: 0;
    background-color: transparent;
    color: #075450;
    text-decoration: underline
}

.progress-bar {
    max-width: 55.8rem
}

.progress-bar__bar {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 55.8rem;
    max-width: 55.8rem;
    height: 5px;
    border-radius: 3rem
}

@media only screen and (max-width:60em) {
    .progress-bar__bar {
        width: 40rem
    }
}

@media only screen and (max-width:23.43em) {
    .progress-bar__bar {
        width: 30rem
    }
}

.progress-bar__bar::-webkit-progress-bar {
    background-color: #d9d9d9;
    border-radius: 2px
}

.progress-bar__bar::-webkit-progress-value {
    background-color: #075551;
    border-radius: 2px
}

.progress-bar__bar::-moz-progress-bar {
    background-color: #d9d9d9;
    border-radius: 2px
}

.progress-bar__bar::-moz-progress-value {
    background-color: #075551;
    border-radius: 2px
}

.progress-bar__progress {
    display: flex;
    justify-content: space-between;
    margin-top: .2rem
}

.progress-bar__progress .step {
    font-size: 1.4rem;
}
.progress-bar__progress .step:first-child {
    color: #075450
}

.progress-bar__progress .step:nth-child(2) {
    color: #4c4d4d
}

.progress-bar__progress .step:nth-child(3) {
    color: #a0a2a2
}

.progress-bar__progress .step.step--active {
    color: #075450
}

@media only screen and (max-width:60em) {
    .progress-bar__progress div {
        display: none
    }
}

.progress-bar__mobile {
    display: none !important
}

@media only screen and (max-width:60em) {
    .progress-bar__mobile {
        display: block !important
    }
}

.payment-method {
    align-items: center;
    cursor: pointer
}

.payment-method,
.payment-method__method {
    display: flex;
    justify-content: center
}

@media only screen and (max-width:37.5em) {
    .payment-method__method {
        justify-content: flex-start;
        flex-wrap: wrap
    }
}

.payment-method__link {
    display: inline-block;
    text-decoration: underline !important;
    margin-top: .8rem
}

.payment-method * {
    cursor: pointer
}

.payment-method .inputfield {
    border: .5px solid #b4b4b4;
    border-radius: .4rem;
    padding: 1.2rem 1.6rem .7rem;
    width: 16.4rem
}

.payment-method .inputfield:not(:last-child) {
    margin-right: 1.2rem
}

@media only screen and (max-width:37.5em) {
    .payment-method .inputfield:not(:last-child) {
        margin-bottom: 1.2rem !important
    }
}

.payment-method .inputfield__label-radio {
    display: flex;
    align-items: center
}

.payment-method .inputfield__label-text {
    position: relative;
    top: 2.5px
}

.choose-plan__elderly,
.choose-plan__on-demand-service,
.choose-plan__teleconsultation {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #111212;
    margin: 4rem 0
}

@media only screen and (max-width:23.43em) {

    .choose-plan__elderly,
    .choose-plan__on-demand-service,
    .choose-plan__teleconsultation {
        flex-direction: column
    }
}

.choose-plan__elderly>div:not(:last-child),
.choose-plan__on-demand-service>div:not(:last-child),
.choose-plan__teleconsultation>div:not(:last-child) {
    margin-right: 1.6rem
}

@media only screen and (max-width:23.43em) {

    .choose-plan__elderly>div:not(:last-child),
    .choose-plan__on-demand-service>div:not(:last-child),
    .choose-plan__teleconsultation>div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1.6rem
    }
}

.choose-plan__hmo {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    grid-row-gap: 2.4rem;
    row-gap: 2.4rem
}

@media only screen and (max-width:37.5em) {
    .choose-plan__hmo {
        grid-template-columns: 1fr
    }
}

.choose-plan__tab {
    margin: 4rem 0 2.4rem
}

.choose-plan__label {
    display: inline-block;
    border: 2px solid #ebebeb;
    border-radius: .8rem;
    padding: 2.4rem;
    text-align: center;
    position: relative;
    max-width: 22rem;
    cursor: pointer
}

.choose-plan__label span {
    display: block;
    font-size: 1.3rem;
    line-height: 1.5rem;
    margin-bottom: 1.6rem
}

.choose-plan__label p {
    font-size: 1rem;
    line-height: 1.5rem
}

.choose-plan__label:after {
    content: url(/assets/images/checked.efaa6da9.svg);
    display: block;
    position: absolute;
    top: 1.4rem;
    left: 1.4rem;
    opacity: 0
}

.choose-plan__amt {
    font-size: 2.4rem !important;
    line-height: 2.9rem !important;
    color: #075450
}

.choose-plan__amt span {
    display: inline;
    font-size: 1rem;
    font-family: Graphik R Trial;
    line-height: 1.5rem;
    color: #a1a2a2
}

.choose-plan__duration {
    font-family: Graphik R Trial !important;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #a1a2a2
}

.choose-plan .inputfield__radio {
    display: flex
}

.inputfield__radio:checked~.choose-plan__label {
    border: 2px solid #075450
}

.inputfield__radio:checked~.choose-plan__label:after {
    opacity: 1
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(7, 84, 80, .8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 30;
    overflow: hidden
}

.modal__container {
    width: 70%;
    height: 80vh;
    background-color: #fff;
    border-radius: 1.2rem;
    opacity: 1;
    overflow-y: scroll
}

.modal__container::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width:60em) {
    .modal__container {
        width: 85%
    }
}

@media only screen and (max-width:37.5em) {
    .modal__container {
        width: 95%
    }
}

.modal__header {
    display: grid;
    grid-template-columns: min-content 1fr max-content;
    justify-items: center;
    align-items: center;
    padding: 2.4rem;
    border-bottom: 1px solid #e0e0e0
}

@media only screen and (max-width:60em) {
    .modal__header {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: max-content max-content;
        justify-items: stretch;
        gap: 1.6rem
    }
}

.modal__header .heading {
    font-family: Graphik M Trial;
    color: #075450
}

@media only screen and (max-width:60em) {
    .modal__header .heading {
        grid-row: 2/3;
        grid-column: 1/-1;
        justify-self: center;
        text-align: center
    }
}

.modal__header img {
    cursor: pointer
}

@media only screen and (max-width:60em) {
    .modal__header img {
        justify-self: end
    }
}

.modal__body {
    padding: 0 2.4rem;
    color: #075450;
    margin: 3.2rem 0
}

.modal__body p,
.modal__body ul {
    margin-bottom: 2.4rem
}

.modal__body ul {
    list-style: initial;
    margin-left: 2.4rem
}

.navbar {
    display: flex;
    align-items: center;
    height: 9.6rem;
    background-color: #fff;
    position: relative
}

.navbar>.row {
    justify-content: flex-start
}

.navbar>.row,
.navbar__grp {
    flex: 1 1;
    display: flex;
    align-items: center
}

.navbar__grp {
    margin-left: 7.5%
}

.navbar__grp,
.navbar__list {
    justify-content: space-between
}

.navbar__list {
    flex: 1 1;
    display: flex;
    align-items: center
}

@media only screen and (max-width:68.75rem) {
    .navbar__list {
        display: flex;
        justify-content: flex-end;
        align-items: center
    }
}

@media only screen and (max-width:60em) {
    .navbar__list {
        display: none
    }

    .navbar__grp.active {
        flex-direction: column;
        align-items: flex-start;
        background-color: #075450;
        position: absolute;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        margin-left: 0;
        z-index: 10
    }

    .navbar__grp.active .navbar__list {
        display: flex;
        flex-direction: column;
        padding: 3.2rem;
        align-items: flex-start;
        justify-content: center
    }
}

.navbar__item {
    position: relative
}

@media only screen and (max-width:68.75rem) {
    .navbar__item:not(:last-child) {
        margin-right: 2.4rem
    }
}

@media only screen and (max-width:60em) {
    .navbar__item:not(:last-child) {
        margin-bottom: 4rem;
        margin-right: 0
    }
}

.navbar__link:active,
.navbar__link:hover {
    color: #b0dfca
}

@media only screen and (max-width:60em) {
    .navbar__grp.active .navbar__link {
        color: #fff;
        font-family: Graphik L Trial;
        font-size: 2.4rem
    }
}

.navbar__actions {
    display: flex;
    align-items: center;
    margin-left: 7.5%
}

@media only screen and (max-width:68.75rem) {
    .navbar__actions {
        display: none
    }
}

.navbar__actions>:not(:last-child) {
    margin-right: 2.4rem
}

@media only screen and (max-width:60em) {
    .navbar__grp.active .navbar__actions {
        display: flex;
        position: relative;
        z-index: 11;
        bottom: 10%;
        margin-left: 0;
        padding-left: 3.2rem
    }
}

.navbar__menu {
    display: none
}

@media only screen and (max-width:60em) {
    .navbar__menu {
        display: block;
        position: relative;
        z-index: 11;
        margin-left: auto
    }
}

.dropdown__list {
    display: none
}

.dropdown__list.active {
    display: block;
    position: absolute;
    top: 3.2rem;
    left: -2.4rem;
    background-color: #fff;
    box-shadow: 0 4px 6px -2px rgba(16, 24, 40, .051), 0 12px 16px -4px rgba(16, 24, 40, .102);
    width: 24rem;
    padding: .8rem;
    border-radius: .2rem;
    z-index: 50000
}

@media only screen and (max-width:60em) {
    .dropdown__list.active {
        position: relative;
        box-shadow: none;
        top: 0;
        left: 0;
        background-color: #075450;
        width: 100%
    }
}

.dropdown__item {
    padding: 1rem 1.6rem;
    transition: background-color .2s
}

.dropdown__item:hover {
    background-color: #eff6f5;
    cursor: pointer
}

.dropdown__link {
    display: inline-block;
    width: 100%
}

@media only screen and (max-width:60em) {
    .dropdown__list.active .dropdown__link {
        color: #fff;
        font-family: Graphik L Trial;
        font-size: 2.4rem
    }
}

.row {
    max-width: 120rem;
    margin: 0 auto
}

@media only screen and (max-width:75em) {
    .row {
        padding: 2.4rem
    }
}

.grid {
    display: grid
}

.grid--2-col {
    grid-template-columns: 55% 45%
}

@media only screen and (max-width:60em) {
    .grid--2-col {
        grid-template-columns: 1fr
    }
}

.grid--2-col-reverse {
    grid-template-columns: 45% 55%
}

@media only screen and (max-width:60em) {
    .grid--2-col-reverse {
        grid-template-columns: 1fr
    }
}

.grid--3-col {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3.2rem
}

@media only screen and (max-width:60em) {
    .grid--3-col {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:37.5em) {
    .grid--3-col {
        grid-template-columns: 1fr
    }
}

.grid--center-v {
    align-items: center
}

.auth__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: 100vh
}

@media only screen and (max-width:37.5em) {
    .auth__container {
        grid-template-columns: 1fr
    }
}

.auth__left {
    background-image: url(../assets/images/auth-bg.jpeg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width:37.5em) {
    .auth__left {
        display: none
    }
}

.auth__right {
    padding: 3.2rem;
    align-self: center;
    position: relative;
    width: 80%;
    margin: 0 auto
}

@media only screen and (max-width:45em) {
    .auth__right {
        width: 95%
    }
}

@media only screen and (max-width:23.43em) {
    .auth__right {
        width: 97%
    }
}

.auth__header {
    margin: 2.4rem 0;
    color: #075450
}

@media only screen and (max-width:37.5em) {
    .auth__header {
        max-width: 40rem;
        margin: 3.2rem auto
    }
}

.auth__logo-box {
    position: absolute;
    top: -15%;
    left: 2.4rem
}

.auth__logo-box-lg {
    top: -70%
}

.hmo__pricing-caption {
    color: #075450;
    margin-bottom: 6.4rem
}

.hmo__pricing-caption .heading {
    margin: 0 auto;
    text-align: center
}

.hmo__pricing-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.4rem;
    gap: 2.4rem
}

@media only screen and (max-width:45em) {
    .hmo__pricing-grid {
        grid-template-columns: 1fr;
        gap: 3.2rem
    }
}

.hmo__pricing-card {
    display: none
}

@media only screen and (max-width:60em) {
    .hmo__pricing-card {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border: 1px solid #4c4e4e;
        border-radius: 1.6rem;
        background-color: #fff;
        padding: 3.2rem 1.6rem
    }
}

.hmo__pricing-card .heading {
    color: #075450
}

.hmo__pricing-card p {
    text-align: center;
    color: #33ad77
}

.hmo__prices {
    display: flex;
    justify-content: center;
    margin: 2.4rem 0
}

.hmo__prices>:not(:last-child) {
    margin-right: 1.6rem
}

.hmo__prices-amt,
.hmo__prices-desc {
    display: block;
    text-align: center
}

.hmo__prices-amt {
    font-family: Graphik M Trial;
    font-size: 2.4rem;
    line-height: 3.2rem;
    border: 1px solid #075450;
    letter-spacing: -.02em;
    color: #075450;
    padding: 1rem 2rem;
    margin-bottom: .8rem
}

@media only screen and (max-width:23.43em) {
    .hmo__prices-amt {
        font-size: 2rem;
        padding: 1rem 1.6
    }
}

.hmo__prices-desc {
    font-family: Graphik R Trial;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #33ad77
}

@media only screen and (max-width:23.43em) {
    .hmo__prices-desc {
        font-size: 1.4rem
    }
}

.hmo__table {
    width: 100%;
    border-collapse: collapse;
    border-radius: .8rem
}

small .heading{
    text-align: center !important;
}

@media only screen and (max-width:60em) {
    body {
        font-size:smaller !important;
    }
} 
/* @media only screen and (max-width:60em) {
    .hmo__table {
        display: none
    }
} */

.hmo__table thead {
    background-color: #075450;
    color: #fff;
    border-radius: .8rem
}

.hmo__table td {
    text-align: center;
    padding: 5.6rem 1.6rem;
    border: 1px solid #075450
}

.hmo__table .btn--table,
.hmo__table .headings {
    background-color: #f5faed;
    color: #075450
}

.hmo__table .btn--table {
    border: 1.5px solid #075450
}

.hmo__text {
    display: block;
    color: #075450;
    text-align: center;
    max-width: 23.2rem
}

.hmo__amt {
    font-family: Graphik M Trial;
    font-size: 3.2rem;
    color: #075450
}

.hmo__link {
    margin-top: 4.8rem
}

.hmo__link .btn--main {
    width: max-content;
    margin: 0 auto
}

@media only screen and (max-width:60em) {
    [class$=plan-details] .table__container {
        overflow-x: auto
    }
}

[class$=plan-details] table {
    width: 100%;
    border: 1px solid #075450;
    border-collapse: collapse
}

[class$=plan-details] thead .heading {
    font-family: Graphik M Trial;
    color: #075450
}

[class$=plan-details] td {
    border-collapse: collapse;
    border: 1px solid #075450;
    padding: 1.6rem 2.4rem
}

[class$=plan-details] .table__item {
    display: flex;
    align-items: center;
    justify-content: space-between
}

[class$=plan-details] .table__item-name {
    display: block;
    color: #075450;
    max-width: 27rem;
    margin-right: 1.6rem
}

[class$=plan-details] .table__item-name.heading {
    font-family: Graphik M Trial
}

[class$=plan-details] .table__icon {
    width: 2.2rem;
    height: 2.2rem;
    transform: translateY(2px)
}

.splitscreen {
    display: grid;
    /* grid-template-columns: 1fr 1fr; */
    align-items: center;
    grid-gap: 6.4rem;
    gap: 6.4rem
}

@media only screen and (max-width:60em) {
    .splitscreen {
        grid-template-columns: 1fr;
        gap: 4rem
    }
}

.section {
    padding: 9.6rem 0
}

@media only screen and (max-width:45em) {
    .section {
        padding: 7.2rem 0
    }
}

.section--testimonials {
    background-color: #075450
}

.section--testimonials .row {
    margin: 0;
    width: 100%;
    max-width: 100%
}

.section--testimonials .swiper-wrapper {
    max-width: 120rem;
    margin: 0 auto;
    cursor: -webkit-grab;
    cursor: grab
}

.section--testimonials .swiper {
    height: 100%
}

.section--testimonials .swiper-pagination {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 4rem !important
}

.section--testimonials .swiper-pagination-bullet {
    background-color: #075551;
    opacity: 10%
}

.section--testimonials .swiper-pagination-bullet-active {
    background-color: #075551;
    opacity: 100%
}

.section--testimonials .swiper-button-next,
.section--testimonials .swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #075551;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #e6eeee
}

.section--testimonials .swiper-button-next:after,
.section--testimonials .swiper-button-prev:after {
    font-size: 1.6rem;
    font-weight: 900
}

.section--testimonials .swiper-button-next:after {
    transform: translateX(1px)
}

.section--testimonials .swiper-button-prev:after {
    transform: translateX(-1px)
}

.section--get-started {
    background-color: #e0efc6
}

.section--awards {
    height: 30rem;
    cursor: -webkit-grab;
    cursor: grab;
    padding: 0
}

@media only screen and (max-width:75em) {
    .section--awards {
        height: 40rem
    }
}

.section--awards .row:last-of-type {
    height: 79%
}

@media only screen and (max-width:37.5em) {
    .section--awards .row:last-of-type {
        height: 75%
    }

    .section--awards .row .row {
        padding: 0
    }
}

.section--awards .swiper {
    height: 100%;
    overflow-x: hidden
}

.section--awards .swiper-pagination {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 1rem !important
}

@media only screen and (max-width:68.75rem) {
    .section--awards .swiper-pagination {
        bottom: -.5rem !important
    }
}

.section--awards .swiper-pagination-bullet {
    background-color: #075551;
    opacity: 10%
}

.section--awards .swiper-pagination-bullet-active {
    background-color: #075551;
    opacity: 100%
}

.section--awards .swiper-button-next,
.section--awards .swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #075551;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #e6eeee
}

.section--awards .swiper-button-next:after,
.section--awards .swiper-button-prev:after {
    font-size: 1.6rem;
    font-weight: 900
}

.section--awards .swiper-button-next:after {
    transform: translateX(1px)
}

.section--awards .swiper-button-prev:after {
    transform: translateX(-1px)
}

.section--metrics {
    background: #f5faed
}

.section--cta {
    padding: 4.8rem 0 9.6rem
}

.section--vision {
    background-color: #075450
}

.section--pricing {
    padding: 0 0 9.6rem
}

.section--pricing .heading {
    text-align: center;
    color: #075450;
    margin-bottom: 2.4rem
}

.section--our-services {
    padding: 4.8rem 0 9.6rem
}

@media only screen and (max-width:37.5em) {
    .section--our-services {
        padding: 4.8rem 0
    }
}

.section--simple-step {
    background-color: #f5faed
}

@media only screen and (max-width:45em) {
    .section--simple-step {
        padding: 4.8rem 0
    }
}

.section--access {
    padding: 16rem 0 6.4rem
}

@media only screen and (max-width:60em) {
    .section--access {
        padding: 9.6rem 0 4rem
    }
}

@media only screen and (max-width:37.5em) {
    .section--access {
        padding: 6.4rem 0 3.2rem
    }
}

@media only screen and (max-width:60em) {
    .section--full-bg {
        padding: 0
    }
}

.section--full-bg img {
    display: block;
    height: -moz-fit-content;
    height: fit-content
}

.section--customers-stories {
    background-color: #075450;
    padding: 12rem 0
}

@media only screen and (max-width:45em) {
    .section--customers-stories {
        padding: 7.2rem 0
    }
}

.section--full-width-img {
    padding: 0
}

.section--full-width-img img {
    display: block;
    height: -moz-fit-content;
    height: fit-content
}

.section--plan-details {
    background-color: #f5faed
}

.section--plan-details .heading--display {
    text-align: center;
    color: #075450;
    margin-bottom: 2.4rem
}

.section--plan-prices {
    padding: 6.4rem 0
}

@media only screen and (max-width:60em) {
    .section--plan-prices .splitscreen {
        gap: 6.4rem
    }

    .section--plan-prices .splitscreen__right {
        grid-row: 1;
        text-align: center;
        display: flex;
        justify-content: center
    }

    .section--plan-prices .splitscreen .btn--main {
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .section--video .heading {
        max-width: 30rem;
        margin: 0 auto 4rem
    }
}

.section--contact {
    padding: 1.6rem 0 9.6rem
}

@media only screen and (max-width:45em) {
    .section--contact {
        padding: 1.6rem 0 6.4rem
    }
}

.section--contact .splitscreen {
    gap: 6.4rem
}

.header {
    padding: 13vh 0 15vh
}

@media only screen and (max-width:68.75rem) {
    .header {
        padding: 10vh 0 15vh
    }
}

.header .heading,
.header p {
    color: #075450
}

.header .heading {
    margin-bottom: 1.6rem
}

.header p {
    font-size: 1.8rem;
    margin-bottom: 5.6rem
}

@media only screen and (max-width:37.5em) {
    .header p {
        font-size: 1.6rem
    }
}

.header img {
    margin-right: 1.2rem
}

.header span {
    color: #075450;
    font-size: 1.4rem
}

@media only screen and (max-width:68.75rem) {
    .header span {
        font-size: 1.2rem
    }
}

.header__text-sub {
    display: flex;
    align-items: center;
    padding: .8rem 1.4rem;
    max-width: -moz-fit-content;
    max-width: fit-content;
    background-color: #f1e9bc;
    border-radius: 10rem;
    margin-bottom: 3.2rem
}

@media only screen and (max-width:37.5em) {
    .header__text-sub {
        padding: .8rem 1.2rem
    }

    .header__text-sub img {
        width: 1.6rem
    }
}

.header--home .heading {
    max-width: 54rem;
    margin: 0 0 1.6rem
}

.header--home p {
    max-width: 40rem
}

.header--home .splitscreen {
    grid-template-columns: 50% 50%
}

@media only screen and (max-width:60em) {
    .header--home .splitscreen {
        grid-template-columns: 100%
    }
}

@media only screen and (max-width:37.5em) {
    .header--testimonials {
        padding: 5vh 0
    }
}

.header--testimonials p {
    max-width: 70rem
}

.header__img {
    position: relative
}

.header__img img {
    height: -moz-fit-content;
    height: fit-content;
    border-radius: .8rem;
    max-width: 85%;
    margin: 0 auto
}

@media only screen and (max-width:68.75rem) {
    .header__img img {
        display: block;
        max-width: 80%;
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .header__img img {
        max-width: 95%
    }
}

.header__img .service-tag {
    position: absolute;
    transform: scale(.9);
    cursor: pointer;
    z-index: 7
}

.header__img .service-tag:first-of-type {
    top: 6.4rem;
    right: 2.4rem
}

@media only screen and (max-width:23.43em) {
    .header__img .service-tag:first-of-type {
        right: -2.4rem;
        transform: scale(.7)
    }
}

.header__img .service-tag:nth-of-type(2) {
    bottom: 14rem
}

@media only screen and (max-width:23.43em) {
    .header__img .service-tag:nth-of-type(2) {
        left: -1.2rem;
        bottom: 6.4rem;
        transform: scale(.7)
    }
}

.header__img .service-tag:nth-of-type(3) {
    bottom: 22rem;
    right: 2.4rem
}

@media only screen and (max-width:23.43em) {
    .header__img .service-tag:nth-of-type(3) {
        bottom: 11rem;
        right: -2.4rem;
        transform: scale(.7)
    }
}

.header__cta {
    display: flex;
    align-items: center
}

@media only screen and (max-width:68.75rem) {
    .header__cta {
        margin-bottom: 4.8rem
    }
}

.header__cta>:not(:last-child) {
    margin-right: 1.6rem
}

.header .mySwiper {
    cursor: -webkit-grab;
    cursor: grab;
    width: 100%
}

.header--about {
    padding-bottom: 0
}

.header--about .row {
    max-width: 100%
}

@media only screen and (max-width:75em) {
    .header--about .row {
        padding: 0
    }
}

.header--about .heading {
    max-width: 72.3rem
}

@media only screen and (max-width:75em) {
    .header--about .heading {
        max-width: 95%;
        margin: 0 auto 1.6rem
    }
}

.header--about p {
    max-width: 56.6rem
}

@media only screen and (max-width:75em) {
    .header--about p {
        max-width: 90%;
        margin: 0 auto 3.2rem
    }
}

.header--about img {
    display: block;
    height: 100%
}

.header--pricing {
    max-width: 90.6rem;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 0
}

.header--pricing .heading,
.header--pricing p {
    max-width: 100%
}

@media only screen and (max-width:37.5em) {
    .header--elderly {
        padding-bottom: 1.6rem
    }
}

@media only screen and (max-width:60em) {

    .header--doc-on-demand,
    .header--teleconsultation {
        text-align: center
    }

    .header--doc-on-demand .btn--main,
    .header--doc-on-demand p,
    .header--teleconsultation .btn--main,
    .header--teleconsultation p {
        margin: 0 auto 4rem
    }
}

.header--care-giver {
    padding-bottom: 4.8rem
}

.header--contact {
    padding-bottom: 0;
    text-align: center
}

@media only screen and (max-width:23.43em) {
    .header--contact {
        max-width: 30rem;
        margin: 0 auto 1.6rem
    }
}

@media only screen and (max-width:60em) {
    .header--contact p {
        margin-bottom: 1.6rem
    }
}

.header__elderly-text {
    max-width: 70rem;
    margin: 0 auto 5.6rem;
    text-align: center
}

.header__elderly-text .heading {
    max-width: 100%
}

.header__elderly-text p {
    max-width: 52rem;
    margin: 0 auto 3.2rem
}

.header__elderly-text .btn--main {
    margin: 0 auto
}

.header__elderly-img img {
    height: -moz-fit-content;
    height: fit-content;
    object-fit: contain
}

.header__text h1 {
    max-width: 59rem
}

@media only screen and (max-width:60em) {
    .header__text h1 {
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .header__text h1 {
        max-width: 40rem
    }
}

.header__text p {
    max-width: 49rem
}

.header__hire {
    max-width: 70.5rem;
    margin: 0 auto;
    text-align: center
}

.header__hire .heading {
    max-width: 100%
}

.header__hire p {
    max-width: 62.3rem;
    margin: 0 auto 4.8rem
}

.header__hire .btn--main {
    margin: 0 auto
}

[class*=hmo] .heading {
    max-width: 66.4rem
}

[class*=hmo] p {
    max-width: 62.3rem
}

@media only screen and (max-width:60em) {
    [class*=hmo-] {
        padding-bottom: 0
    }
}

[class*=hmo-] p {
    max-width: 55rem
}

.hero-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.footer {
    background-color: #075450;
    color: #fff;
    padding: 8rem 0
}

.footer__grid {
    grid-template-columns: 55rem 1fr 1fr 1fr
}

@media only screen and (max-width:60em) {
    .footer__grid {
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        gap: 6.4rem
    }
}

@media only screen and (max-width:37.5em) {
    .footer__grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 6.4rem 3.2rem
    }
}

@media only screen and (max-width:60em) {
    .footer__summary {
        grid-column: 1/-1
    }
}

.footer__summary .logo {
    z-index: 1
}

.footer__text {
    max-width: 42.6rem;
    margin-top: 2.4rem;
    margin-bottom: 4.8rem
}

.footer__award {
    display: flex
}

.footer__award>* {
    height: 6rem;
    width: max-content;
    object-fit: contain
}

.footer__subtitle {
    margin-bottom: 1.2rem
}

.footer__item,
.footer__list .heading {
    margin-bottom: 1.6rem
}

.footer__link,
.footer__link:link,
.footer__link:visited {
    color: #fff;
}

.solution:not(:last-child) {
    margin-bottom: 6.4rem
}

@media only screen and (max-width:60em) {
    .solution:not(:last-child) {
        margin-bottom: 8.8rem
    }
}

.solution__caption {
    max-width: 64.4rem;
    margin: 0 auto 7.2rem;
    text-align: center;
    color: #075450
}

@media only screen and (max-width:60em) {
    .solution__caption {
        max-width: 50rem;
        margin: 0 auto 6.4rem;
        text-align: center;
        color: #075450
    }
}

.solution__text-box>.heading {
    color: #075450;
    max-width: 37rem;
    margin-bottom: 2.4rem
}

@media only screen and (max-width:60em) {
    .solution__text-box>.heading {
        font-size: 4rem
    }

    .solution__text-box {
        max-width: -moz-fit-content;
        max-width: fit-content;
        margin: 0 auto
    }
}

.solution__img img {
    padding: 4rem;
    height: 60rem;
    object-fit: contain
}

@media only screen and (max-width:37.5em) {
    .solution__img img {
        height: -moz-fit-content;
        height: fit-content;
        padding: 0;
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width:60em) {
    .solution__img {
        grid-row: 1/2
    }
}

.solution__text {
    font-size: 1.8rem;
    line-height: 3.2rem;
    max-width: 50rem;
    color: #075450
}

.services__caption {
    max-width: 63.8rem;
    margin-bottom: 6.4rem
}

.services__caption .heading {
    color: #075450;
    margin-bottom: .8rem
}

.services__caption p {
    color: #4c4d4d
}

.services__service {
    padding: 2.4rem 1.6rem;
    border-radius: .4rem;
    transition: background .3s
}

.services__service:hover {
    background: #f0f9f6
}

.services__icon {
    margin-bottom: .8rem
}

.services .heading {
    color: #075450;
    margin-bottom: 2.4rem
}

.services__description {
    color: #4c4d4d;
    margin-bottom: 2.4rem
}

.services__link,
.services__link:link,
.services__link:visited {
    color: #075450;
    transition: color .3s;
    position: relative
}

.services__link:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #075450;
    position: absolute;
    transition: width .5s cubic-bezier(.89, .09, .16, .87)
}

.services__service:hover .services__link:after {
    width: 20%
}

.testimonial {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #eefaef;
    padding: 3.2rem 2.4rem;
    border-radius: .8rem;
    min-height: 55.5rem
}

.testimonial p {
    color: #075450;
    line-height: 3.2rem;
    letter-spacing: -.01em;
    margin-bottom: 5.6rem
}

.testimonial p:before {
    content: '"';
    display: block;
    color: #075450;
    font-family: Graphik M Trial;
    font-size: 20rem;
    font-style: italic;
    position: relative;
    top: 4.2rem;
    left: -3.4rem;
    height: 7.2rem
}

.testimonial__caption {
    margin: 0 auto 10.4rem;
    max-width: 73rem;
    text-align: center
}

@media only screen and (max-width:37.5em) {
    .testimonial__caption {
        max-width: 30rem
    }
}

.testimonial__caption .heading {
    color: #effaf0;
    margin-bottom: .8rem
}

.testimonial__caption p {
    color: #f0f9f6
}

.testimonial__author {
    display: flex;
    align-items: center
}

.testimonial__avatar {
    width: 5.6rem;
    height: 5.6rem
}

.testimonial .author__info {
    color: #075450;
    margin-left: 1.2rem;
    display: flex;
    flex-direction: column
}

.testimonial .author__location {
    opacity: 50%;
    font-size: 1.3;
    letter-spacing: -.01em
}

.get-started {
    gap: 4rem;
    align-items: center
}

.get-started__caption {
    max-width: 55rem;
    margin: 0 auto 10.4rem;
    text-align: center;
    color: #075450
}

@media only screen and (max-width:37.5em) {
    .get-started__caption {
        max-width: 30rem;
        margin: 0 auto 8rem
    }
}

.get-started__caption .heading {
    margin-bottom: 1.6rem
}

.get-started__caption p {
    text-align: center
}

.get-started__img img {
    height: -moz-fit-content;
    height: fit-content
}

@media only screen and (max-width:60em) {
    .get-started__img img {
        display: block;
        max-width: 75%;
        margin: 0 auto
    }
}

@media only screen and (max-width:37.5em) {
    .get-started__img img {
        max-width: 95%
    }
}

.get-started__step {
    background: #f5faed;
    padding: 2.4rem 1.6rem;
    display: flex;
    align-items: center;
    color: #075450;
    border-radius: .8rem;
    max-width: 84rem;
    margin: 0 auto;
    align-self: center
}

.get-started__step:not(:last-child) {
    margin-bottom: 1.6rem
}

.get-started__step span {
    display: block;
    margin-right: 1.2rem;
    font-size: 9.6rem;
    line-height: 9.6rem;
    font-family: Graphik M Trial
}

@media only screen and (max-width:37.5em) {
    .get-started__step span {
        font-size: 8rem;
        line-height: 8rem
    }
}

.get-started__step .heading {
    font-family: Graphik M Trial;
    color: #075450
}

@media only screen and (max-width:37.5em) {
    .get-started__step p {
        font-size: 1.4rem;
        line-height: 2rem
    }
}

.benefits .heading--display {
    max-width: 56.5rem;
    margin: 0 auto 6.4rem;
    text-align: center;
    color: #075450
}

@media only screen and (max-width:37.5em) {
    .benefits .heading--display {
        font-size: 3.8rem
    }
}

@media only screen and (max-width:60em) {
    .benefits__grid {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:37.5em) {
    .benefits__grid {
        grid-template-columns: 1fr
    }
}

.benefits__card {
    background: #eefaef;
    padding: 4rem 2.4rem;
    border-radius: 1.6rem
}

.benefits__card .heading {
    color: #075450;
    margin-bottom: 1.6rem
}

.benefits__card p {
    color: #000;
    opacity: 80%
}

.benefits__icon {
    margin-bottom: .8rem
}

.metrics__caption {
    max-width: 66.7rem;
    margin: 0 auto 6.4rem;
    text-align: center;
    color: #075450
}

.metrics__caption .heading {
    margin-bottom: 1.6rem
}

@media only screen and (max-width:37.5em) {
    .metrics__caption p {
        max-width: 33.5rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:60em) {
    .metrics__grid {
        grid-template-columns: 1fr 1fr
    }
}

.metrics__stat {
    text-align: center
}

.metrics__stat span {
    font-family: "DM Serif Display", serif;
    font-size: 8rem;
    color: #9bca46
}

@media only screen and (max-width:60em) {
    .metrics__stat span {
        font-size: clamp(4.8rem, 3vw, 5.6rem);
        line-height: clamp(5.6rem, 3vw, 6rem)
    }
}

.metrics__stat .heading {
    font-family: Graphik M Trial;
    color: #075450
}

@media only screen and (max-width:37.5em) {
    .metrics__stat .heading {
        font-size: 1.6rem;
        line-height: 2.4rem
    }
}

.featured-in__caption {
    display: block;
    font-family: Graphik M Trial;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.2rem;
    letter-spacing: .255em;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2.4rem;
    color: #000
}

@media only screen and (max-width:37.5em) {
    .featured-in__caption {
        margin-bottom: 4rem
    }
}

.featured-in__logos {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media only screen and (max-width:60em) {
    .featured-in__logos {
        flex-wrap: wrap
    }
}

@media only screen and (max-width:37.5em) {
    .featured-in__logos {
        justify-content: center
    }
}

.featured-in__logos img {
    height: 3.2rem;
    object-fit: contain
}

@media only screen and (max-width:60em) {
    .featured-in__logos img {
        width: 18rem;
        margin-right: 2.4rem;
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width:37.5em) {
    .featured-in__logos img {
        width: 12rem
    }
}

.cta {
    text-align: center
}

.cta .heading {
    max-width: 52.4rem;
    margin: 0 auto 2.4rem;
    color: #075450
}

@media only screen and (max-width:60em) {
    .cta .heading {
        max-width: 40rem
    }
}

@media only screen and (max-width:37.5em) {
    .cta .heading {
        font-size: 3.2rem
    }
}

.cta p {
    max-width: 83rem;
    color: #075450;
    margin: 0 auto 4rem
}

.cta__btn {
    margin: 0 auto
}

.service-tag {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: .725361rem 2.53876rem;
    background-color: #fff;
    border-radius: 10rem
}

.service-tag span {
    font-family: Graphik M Trial;
    font-size: 1.4rem;
    color: #075450;
    line-height: 1.4rem;
    transform: translateY(-1.5px)
}

.service-tag img {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .4rem
}

.about-us__slider {
    height: 130vh
}

@media only screen and (max-width:60em) {
    .about-us__slider {
        height: auto
    }
}

.about-us__slider img {
    height: 100%;
    object-fit: cover;
    object-position: top
}

@media only screen and (max-width:60em) {
    .about-us__slider img {
        height: auto
    }
}

.about-us__slider img:last-child {
    object-position: center
}

.about-us__slider .mySwiper {
    height: 100%
}

@media only screen and (max-width:60em) {
    .about-us__slider .mySwiper {
        height: auto
    }
}

.about-us__slider .swiper {
    height: 100%
}

.about-us__slider .swiper-pagination {
    max-width: -moz-fit-content !important;
    max-width: fit-content !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 4rem !important
}

.about-us__slider .swiper-pagination-bullet {
    background-color: #075551;
    opacity: 10%
}

.about-us__slider .swiper-pagination-bullet-active {
    background-color: #075551;
    opacity: 100%
}

.about-us__slider .swiper-button-next,
.about-us__slider .swiper-button-prev {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #075551;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #e6eeee
}

.about-us__slider .swiper-button-next:after,
.about-us__slider .swiper-button-prev:after {
    font-size: 1.6rem;
    font-weight: 900
}

.about-us__slider .swiper-button-next:after {
    transform: translateX(1px)
}

.about-us__slider .swiper-button-prev:after {
    transform: translateX(-1px)
}

.vision__grid {
    gap: 6.4rem
}

.vision__statement div:first-child {
    margin-bottom: 6.4rem
}

.vision__statement h5 {
    font-family: Graphik M Trial;
    padding: .6rem 1.6rem;
    background-color: #fff;
    border-radius: 10rem;
    display: inline-block;
    vertical-align: middle;
    color: #075450;
    margin-bottom: 1.6rem
}

.vision__statement p {
    font-size: 1.8rem;
    color: #fff;
    max-width: 49rem
}

.vision__about {
    gap: 6.4rem;
    margin-top: 6.4rem
}

.vision__grp {
    display: flex;
    align-items: center
}

@media only screen and (max-width:37.5em) {
    .vision__grp {
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse
    }
}

.vision__grp img {
    margin-right: 1.6rem
}

@media only screen and (max-width:37.5em) {
    .vision__grp img {
        margin-right: 0
    }
}

.vision__grp div {
    text-align: center
}

@media only screen and (max-width:37.5em) {
    .vision__grp div {
        margin-bottom: 2.4rem
    }
}

.vision__grp div span {
    display: block
}

.vision__grp div span:first-child {
    font-family: Graphik M Trial;
    color: #fff
}

.vision__grp div span:last-child {
    color: #a4e772
}

.story__caption {
    text-align: center;
    margin-bottom: 6.4rem
}

.story__caption .heading,
.story__caption p {
    color: #075450
}

.story__caption .heading {
    margin-bottom: 2.4rem
}

.story__caption p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    max-width: 100.6rem;
    margin: 0 auto
}

.story__caption p:first-of-type {
    margin-bottom: 2.4rem
}

.story__story .heading {
    text-align: center;
    color: #075450;
    margin-bottom: 6.4rem
}

.story__grp {
    display: grid;
    grid-template-columns: 55% 45%;
    grid-gap: 4.8rem;
    gap: 4.8rem;
    align-items: center
}

@media only screen and (max-width:60em) {
    .story__grp {
        grid-template-columns: 1fr
    }
}

.story__grp:not(:last-child) {
    margin-bottom: 12rem
}

.story__grp:last-of-type {
    grid-template-columns: 45% 55%
}

@media only screen and (max-width:60em) {
    .story__grp:last-of-type {
        grid-template-columns: 1fr
    }
}

.story__grp h4,
.story__grp p,
.story__grp span {
    color: #075450
}

.story__grp p {
    font-size: 1.4rem;
    margin-bottom: 2.4rem
}

.story__grp span {
    opacity: 70%;
    display: block;
    margin-bottom: 2.4rem
}

.story__grp iframe {
    width: 100%;
    height: 40rem;
    border-radius: .8rem
}

.our-services__caption {
    max-width: 48.6rem;
    color: #075450;
    margin-bottom: 8rem
}

@media only screen and (max-width:60em) {
    .our-services__caption {
        max-width: 30rem;
        margin: 0 auto 6.4rem;
        text-align: center
    }
}

.our-services__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    justify-content: center
}

@media only screen and (max-width:60em) {
    .our-services__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 4.8rem;
        max-width: 50rem;
        margin: 0 auto
    }
}

@media only screen and (max-width:23.43em) {
    .our-services__grid {
        grid-template-columns: 1fr;
        gap: 4rem
    }
}

.our-services__card {
    text-align: center
}

.our-services__card img {
    margin-bottom: .8rem
}

.our-services__card p {
    max-width: 15rem;
    margin: 0 auto;
    color: #075450
}

.access__price {
    display: flex;
    justify-content: center
}

.access__price .pricing__table {
    grid-template-columns: max-content
}

.customers-stories__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    max-width: 96rem;
    margin: 0 auto;
    grid-gap: 6.4rem;
    gap: 6.4rem
}

@media only screen and (max-width:60em) {
    .customers-stories__grid {
        gap: 4rem
    }
}

@media only screen and (max-width:45em) {
    .customers-stories__grid {
        grid-template-columns: 1fr
    }
}

.customers-stories__cta .heading {
    max-width: 76.4rem;
    margin: 4.8rem auto 2.4rem
}

@media only screen and (max-width:37.5em) {
    .customers-stories__cta .heading {
        line-height: 4rem;
        margin: 3.2rem auto 2.4rem
    }
}

.customers-stories__cta p {
    max-width: 76rem
}

.register__nav {
    padding: 1.6rem 0;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 2.4rem
}

.register__nav .row {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (max-width:37.5em) {
    .register__nav .row {
        flex-direction: column
    }
}

.register__form .heading {
    font-family: Graphik M Trial;
    color: #075450;
    text-align: center
}

.register__form .heading--5 {
    font-size: 2.8rem
}

.register__form .heading--6 {
    margin-bottom: 2.4rem
}

.register__header {
    color: #075450;
    margin-bottom: 4.8rem;
    text-align: center
}

.register__header .heading {
    margin-bottom: .8rem
}

.register__plan-options {
    margin-bottom: 2.4rem
}

.register__text-link {
    font-family: Graphik R Trial;
    padding: 0;
    background-color: transparent;
    color: #075450;
    display: flex;
    align-items: center
}

.register__terms {
    font-size: 1.4rem;
    padding: 2.4rem;
    border: 1px solid #757575;
    text-align: center;
    margin-bottom: 4.8rem
}

.register__terms p {
    color: #767777
}

.register__terms a,
.register__terms a:link,
.register__terms a:visited {
    font-family: Graphik M Trial;
    color: #075450
}

@media only screen and (max-width:60em) {
    .register__empty {
        display: none
    }
}

.contact__details {
    background-color: #f5faed;
    padding: 7.2rem 4.8rem;
    border-radius: 2.4rem
}

@media only screen and (max-width:60em) {
    .contact__details {
        padding: 5.6rem 2.4rem;
        max-width: 60rem;
        margin: 0 auto
    }
}

.contact__details .heading {
    color: #075450;
    margin-bottom: 2.4rem
}

.contact__details p {
    color: #757575
}

.contact__details p:not(:last-child) {
    margin-bottom: 1.6rem
}

@media only screen and (max-width:60em) {
    .contact__form {
        max-width: 60rem;
        margin: 0 auto
    }
}

.contact__form .heading {
    font-family: Graphik M Trial;
    font-size: 1.4rem;
    color: #075450;
    margin-bottom: 2.4rem
}

.contact__form .inputfield:not(:last-child) {
    margin-bottom: 1.6rem
}

.contact__form .btn--main {
    margin-top: 3.2rem
}

.uti-pl-0 {
    padding-left: 0 !important
}

.uti-pr-0 {
    padding-right: 0 !important
}

.uti-mb-sm {
    margin-bottom: 1.6rem !important
}

.uti-mb-md {
    margin-bottom: 2.4rem !important
}

.uti-mb-lg {
    margin-bottom: 3.2rem !important
}

.uti-mb-xl {
    margin-bottom: 4rem !important
}

.uti-mb-xxl {
    margin-bottom: 4.8rem !important
}

.uti-mt-sm {
    margin-top: 1.6rem !important
}

.uti-mt-md {
    margin-top: 2.4rem !important
}

.uti-mt-lg {
    margin-top: 3.2rem !important
}

.uti-mt-xl {
    margin-top: 4rem !important
}

.uti-mt-xxl {
    margin-top: 4.8rem !important
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border-right-color: currentcolor;
    border: var(--bs-spinner-border-width) solid;
    border-right: var(--bs-spinner-border-width) solid transparent
}

.spinner-border,
.spinner-grow {
    display: inline-block;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)
}

.terms,
.text-center {
    text-align: center
}

.terms {
    max-width: 70rem;
    margin: 4rem auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.terms p {
    margin-top: .8rem
}