/* Team */

.team-item-holder {
    height: 570px;
    position: relative;
    margin: 0 0 30px 0;
}

.team-item-bg {
    background: #FBF9F8;
    position: absolute;
    left: 0;
    top: 0;
    width: 35%;
    height: 100%;
    z-index: 1;
}

.team-item {
    position: relative;
    z-index: 2;
}

.team-item-square {
    border: 15px #7BA56D solid;
    position: absolute;
    left: 0;
    top: 30px;
    width: 400px;
    height: 450px;
    z-index: 3;
}

.team-item-photo {
    position: absolute;
    left: 0;
    top: 50px;
    height: 470px;
    width: 400px;
    background: no-repeat center bottom;
    background-size: contain;
    z-index: 3;
}

.team-item-name {
    position: absolute;
    left: 435px;
    top: 30px;
    z-index: 3;
}

.team-item-description {
    position: absolute;
    left: 435px;
    top: 100px;
    width: 900px;
    z-index: 3;
}

@media (max-width: 992px) {
    .team-item-holder {
        height: auto;
    }

    .team-item-bg {
        width: 75%;
        height: 500px;
    }

    .team-item-square {
        left: 40px;
        right: 40px;
        width: auto;
    }

    .team-item-photo {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: 500px;
    }

    .team-item-description {
        position: relative;
        left: auto;
        top: auto;
        width: calc(100% - 40px);
        max-width: 900px;
        padding: 20px;
        margin: 20px auto 0;
    }
}


/* Reviews */

.website-reviews .items-list-item-title {
    background: url(/images/design/review.quote.png) no-repeat right top;
    background-size: contain;
}

.reviews-form-holder {
    height: 500px;
    background: url(/images/design/reviews.form.bg.jpg) no-repeat center;
    background-size: cover;
    border-bottom: 10px #7BA56D solid;
}

.reviews-form {
    width: 80%;
    margin: 0 auto;
}

.reviews-form textarea {
    height: 150px;
    border-bottom: 0 !important;
}

/* Vacancies */

.website-vacancies-header {
    background: url(/images/design/vacancy.header.jpg) no-repeat center;
    background-size: cover;
    height: 400px;
}

.website-resume-form .style-form {
    width: 400px;
    margin: 0 auto;
}

.website-resume .style-form .custom-file-label {
    margin-top: 10px;
    background: url(/images/design/upload.doc.png) no-repeat top center;
    background-size: auto 100px;
}

@media (max-width: 992px) {
    .website-vacancies-header {
        background: url(/images/design/vacancy.header.jpg) no-repeat center;
        background-size: cover;
        height: 200px;
    }
}


/* Appointment */

.appointment-form-container {
    background: url(/images/design/appointment.bg.jpg) no-repeat center;
    background-size: cover;
    min-height: 600px;
}

.appointment-form-holder {
    max-width: 400px;
    margin: 0 auto;
}

.appointment-form-container button {
    margin-top: 30px;
}

.manipulation-cabinet {
    background: url(/images/design/manipulation.cabinet.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.manipulation-cabinet::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Slight darkening for desktop */
}

.manipulation-cabinet > * {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .manipulation-cabinet {
        background-attachment: scroll;
        background-position: 80% center;
        background-size: cover;
    }

    .manipulation-cabinet::before {
        background-color: rgba(0, 0, 0, 0.6); /* Darker overlay for mobile */
    }
}

.ultrasound {
    background: url(/images/design/4.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.ultrasound::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Slight darkening for desktop */
}

.ultrasound > * {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .ultrasound {
        background-attachment: scroll;
        background-position: 80% center;
        background-size: cover;
    }

    .ultrasound::before {
        background-color: rgba(0, 0, 0, 0.6); /* Darker overlay for mobile */
    }
}

.personal-menu {
    background: url(/images/design/1.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.personal-menu::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Slight darkening for desktop */
}

.personal-menu > * {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .personal-menu {
        background-attachment: scroll;
        background-position: 80% center;
        background-size: cover;
    }

    .personal-menu::before {
        background-color: rgba(0, 0, 0, 0.6); /* Darker overlay for mobile */
    }
}

.personal-menu2 {
    background: url(/images/design/3.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}

@media screen and (max-width: 768px) {
    .personal-menu2 {
        background-attachment: scroll;
        background-position: center;
    }
}

.order-doctor {
    background: url(/images/design/5.png) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.order-doctor::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); /* Slight darkening for desktop */
}

.order-doctor > * {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 768px) {
    .order-doctor {
        background-attachment: scroll;
        background-position: 80% center;
        background-size: cover;
    }

    .order-doctor::before {
        background-color: rgba(0, 0, 0, 0.6); /* Darker overlay for mobile */
    }
}

.homepage-numbers {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vh;
    padding: 20px;
    box-sizing: border-box;
}

.quote {
    font-size: 20pt;
    font-style: italic;
    max-width: 800px;
}

@media screen and (max-width: 768px) {
    .homepage-numbers {
        height: auto;
        min-height: 150px;
    }

    .quote {
        font-size: 16pt;
    }
}

@media screen and (max-width: 480px) {
    .quote {
        font-size: 14pt;
    }
}

.website-news-view-head-image {
    height: 500px;
    background: #1e2a2d no-repeat center;
    background-size: contain;
}