:root {
    /* Default global value */
    /* --bulma-navbar-min-height: 4rem;
    --bulma-navbar-item-img-max-height: 4rem;
    --bulma-navbar-min-height: 4rem; */

    --primary-color: #AAA6ED;
    --bulma-family-primary: "Plus Jakarta Sans", sans-serif;
    --bulma-navbar-height: 60px;
}

footer {
    background-color: white !important;
}


.input::placeholder {
    color: #AAA6ED;
    opacity: 1;
    font: 12px;
    font-weight: bold;
    /* Firefox */
}

.textarea::placeholder {
    color: #AAA6ED;
    font-weight: bold;
}

.input::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #AAA6ED;
}

.booking-button {
    text-transform: uppercase;
    font-size: 14px !important;
    font-weight: 600;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 4px;
}

.booking-button :hover {
    opacity: .8;
    text-decoration: none !important;
}

.navbar-item-hover :hover {
    background-color: transparent !important;
    text-decoration: underline !important;
}

.title-font {
    font-family: "DM Serif Display", serif;
}



.button.is-primary {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

.button.is-medium {
    font-size: 1.15rem;
}

.navbar {
    /* Default global value */
    max-height: 60px;
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-border {
    border-bottom: 1px solid;
    border-color: var(--primary-color);
}

.navbar-item {
    color: #000000;
}

.navbar-item img {
    max-height: 100%;
}

.hero strong {
    color: #594287;
}

.hero .title {
    color: #594287;
    padding-bottom: 1rem;
    font-family: "DM Serif Display", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 3rem;
}

.hero .subtitle {
    color: #594287;
    font-weight: 600;
}


.hero-divider {
    background-image: url(../assets/images/stroke.svg);
    background-size: contain;
    height: 0;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: calc(0.664 * 100vw);
    margin-top: calc(-0.375*100vw);
}

.hero-divider-2 {
    background-image: url(../assets/images/stroke_2.svg);
    background-size: contain;
    height: 0;
    position: absolute;
    width: 100%;
    background-repeat: no-repeat;
    /* background-position: bottom;
    padding-top: calc(0.664 * 100vw);
    margin-top: calc(-0.12*100vw); */
    background-position: center;
    padding-top: calc(0.664 * 100vw);
    margin-top: calc(-0.455*100vw);
}

.hero-3 {
    background: #FFFDEA url(../assets/images/wave_2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.why-swiper .card {
    background-color: transparent;
    height: 90%;
    text-align: left;
    max-width: 400px;
    max-height: 400px;
}

.who-swiper .card {

    background-color: #AAA6ED;
    height: 500px;
    text-align: left;
    max-width: 400px;
}

.swiper {
    width: 100%;
    height: 500px;
    background-color: transparent;
    padding: 1rem;
}

.why-swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    height: 550px;
    /* margin-top: -248px; */
    margin-top: -15vh;
}

.swiper-slide-top {
    align-items: start !important;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-5 {
    background: #AAA6ED url(../assets/images/background_pattern.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.hero-6 {
    background: #FFFDEA;
}

.hero-7 {
    background: #ffffff url(../assets/images/wave_2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}

.swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: calc(50% - 366.5px);
}

.swiper-button-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: auto;
    right: calc(50% - 366.5px);

}

.swiper-button-bottom {
    position: absolute;
    transform: translateY(-50%);
    z-index: 28;
    left: auto;
    right: 50%;
    bottom: 0;
    /* height: 200px; */
}

.swiper-button-bottom-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: calc(50% - 74px);
}

.swiper-button-bottom-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    left: auto;
    right: calc(50% - 74px);

}

.hero-1-image {
    height: 80vh;
    display: flex;
    justify-content: center;
    margin-left: -24px;
    margin-right: -24px;
}

.doctor-image {
    object-fit: cover;
    height: 275px !important;
    width: 343px !important;

}

.why-card {
    color: #594287;
}

.why-card-title {
    font-weight: 700;
    /* color: #594287; */
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.why-card-description {
    font-weight: 600;
    /* color: #594287; */
    font-size: 1rem;
}

.what-swiper,
.who-swiper {
    height: 670px;
}

.what-card-title {
    font-weight: 400;
    color: #594287;
    font-size: 1.5rem;
    font-family: "DM Serif Display", serif;
}

.what-card-description {
    font-weight: 400;
    color: #594287;
    font-size: 1rem;
}

.card-half {
    min-height: 282px;
    max-height: 282px;
    margin-left: 24px;
    margin-right: 24px;
    /* width: 282px; */
}

.card-giant {
    min-height: 540px;
}

.card-title {
    font-weight: 400;
    color: white;
    font-family: "DM Serif Display", serif;
    font-size: 1.8rem;
}


.what-card-action {
    position: absolute;
    bottom: 48px;
}



.card-subtitle {
    font-weight: 700;
    color: white;
    font-size: 1rem;
}

.card-shadow {
    box-shadow: 0px 6px 13px 0px #5942876E;
}

@media screen and (min-width: 769px) {
    .why-card {
        padding-right: 26px;
        padding-left: 26px;
        padding-top: 21px;
        padding-bottom: 21px;
    }

    .hero-main {
        height: 80vh
    }

    p.subtitle {
        line-height: 27px;
    }

    .input {
        padding: 2rem;
        font-weight: 600;
        font-size: 16px !important;
    }

    .input,
    .select {
        margin-bottom: 1.2rem;

    }

    .who-swiper {
        margin-top: -10vh;
    }

    .hero-slider-offset {
        margin-left: -200px;
        margin-right: -200px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .form-privacy {
        margin-top: 25px;
    }

    #booking {
        padding-top: 39px;
    }

    #services {
        padding-top: 39px;
    }

    #services .hero-body {
        padding-bottom: 100px;
    }
}

@media screen and (max-width: 769px) {
    .logo {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .card-half {
        min-height: unset;
        margin-left: 0px;
        margin-right: 0px;
        /* width: 282px; */
    }

    .card-giant {
        min-height: 440px;
    }

    .hero-1-image {
        height: unset;
        align-items: end;
        margin-left: -24px !important;
        margin-right: -24px !important;
    }

    .ordered-mobile {
        display: flex;
        flex-flow: column;
    }

    .ordered-mobile .fl-1 {
        order: 1;
        width: 100%;
    }

    .ordered-mobile .fl-2 {
        order: 2;
    }

    .ordered-mobile .fl-3 {
        order: 3;
    }

    .ordered-mobile .fl-4 {
        order: 4;
    }

    .what-swiper {
        height: 800px;
    }

    .why-swiper {
        margin-top: -128px !important;
    }

    .hero-divider {
        background-size: cover;
        background-position: right;
    }

    .hero .title {
        font-size: 40px;

    }

    #who {
        padding-top: 26px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        scale: .8;
    }
}

.swiper-button-next,
.swiper-button-prev {
    color: #594287;
}

/* .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

/* .swiper-slide {
    width: 60%;
} */

/* .swiper-slide:nth-child(2n) {
    width: 40%;
}

.swiper-slide:nth-child(3n) {
    width: 20%;
} */
/* 
.slider-text {
    position: absolute;
    right: 0;
    bottom: 0
}

#slider .card-content {
    max-width: 50%;
}

#slider {
    overflow: hidden;
}

@media screen and (max-width: 1023px) {
    #slider .card-content {
        display: none;
    }
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}


.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
}

.item-slide img {
    max-width: 1200px;
}

.caption-container {
    color: white;
} */