/* cta_welcome_1_css
---------------------------------------------------------- */
.cta_welcome_1 {
    text-align: left;
    padding: 100px 0;
    position: relative;
    z-index: 1;
    background-color: black;
}

.cta_welcome_1 .container {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
    width: min(100%, 1800px);
}

.cta_welcome_1 .welcome-top-title * {
    margin: 0;
}

.cta_welcome_1 .welcome-top-title h2 {
    font-family: var(--font-family-main);
    font-style: normal;
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    letter-spacing: var(--heading-letter-spacing-normal);
    text-transform: uppercase;
    margin: var(--text-margin-normal);
}

.cta_welcome_1 .welcome-top-title h3 {
    color: var(--black);
    font-family: var(--font-family-secondary);
    font-size: var(--h4-font-size);
    line-height: var(--line-height-normal);
    letter-spacing: var(--heading-letter-spacing-normal);
}

.cta_welcome_1 p a,
.cta_welcome_1 .welcome p a:visited {
    font-weight: bold;
}

.cta_welcome_1 .welcome-content p {
    margin: 0;
    color: var(--White-Color);
}

.cta_welcome_1 .welcome-content a {
    color: var(--Secondary-Color);
}

.meet-staff-flex1 {
    background: var(--New-Gradient, linear-gradient(157deg, #4DC1BC 14.78%, #00589B 86.51%));
    padding: 50px 0;
    justify-items: center;
}

.meet-staff-flex1 .meet-staff-holder {
    display: flex;
    flex-direction: row;
    gap: 40px 0;
    width: min(100%, 1800px);
}

.meet-staff-flex1 .meet-staff-card {
    display: flex;
    flex-direction: row;
    gap: 40px 40px;
    width: min(100%, 1800px);
}

.meet-staff-flex1 .meet-staff-card h3 {
    color: var(--White-Color);
}

.meet-staff-flex1 .meet-staff-card span {
    color: var(--White-Color);
    font-size: clamp(20px, 1.38vw, 25px);
    text-transform: uppercase;
}

.meet-staff-flex1 .meet-staff-card .meet-staff-photo.one {
    background: url(../images/5-Jeannie-Director-of-Operations.webp);
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex1 .meet-staff-card .meet-staff-photo.two {
    background: url(../images/4-MJ-Office-Manager.webp);
    background-size: cover;
    background-position: center;
    border-top-right-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex1 .meet-staff-card .meet-staff-photo.three {
    background: url(../images/Jennie.jpg.webp);
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex1 .meet-staff-card .meet-staff-photo.four {
    background: url(../images/viri.webp);
    background-size: cover;
    background-position: center;
    border-top-right-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex2 .meet-staff-card .meet-staff-photo.five {
    background: url(../images/2-Candy-DentalAssistant.webp);
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex1 .meet-staff-card .meet-staff-content {
    display: flex;
    flex-direction: column;
    width: min(100%, 1800px);
}

.meet-staff-flex2 {
    background: black;
    padding: 50px 0;
    justify-items: center;
}

.meet-staff-flex2 .meet-staff-holder {
    display: flex;
    flex-direction: row;
    gap: 40px 0;
    width: min(100%, 1800px);
}

.meet-staff-flex2 .meet-staff-card {
    display: flex;
    flex-direction: row;
    gap: 40px 40px;
    width: min(100%, 1800px);
}

.meet-staff-flex2 .meet-staff-card h3 {
    color: var(--White-Color);
}

.meet-staff-flex2 .meet-staff-card span {
    color: var(--White-Color);
    font-size: clamp(20px, 1.38vw, 25px);
    text-transform: uppercase;
}

.meet-staff-flex2 .meet-staff-card .meet-staff-photo.one {
    background: url(../images/1-Lily-Treatment-Coordinator.webp);
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex2 .meet-staff-card .meet-staff-photo.two {
    background: url(../images/team-placeholder.webp);
    background-size: cover;
    background-position: center;
    border-top-right-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex2 .meet-staff-card .meet-staff-photo.three {
    background: url(../images/team-placeholder.webp);
    background-size: cover;
    background-position: center;
    border-bottom-left-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex2 .meet-staff-card .meet-staff-photo.four {
    background: url(../images/3-Jocelyn-DentalAssistant.webp);
    background-size: cover;
    background-position: center;
    border-top-right-radius: 100px;
    width: 272px;
    height: 272px;
}

.meet-staff-flex2 .meet-staff-card .meet-staff-content {
    display: flex;
    flex-direction: column;
    width: min(100%, 1800px);
}

@media only screen and (max-width: 1025px) {
    .meet-staff-flex1 .meet-staff-holder {
        flex-direction: column;
    }
    .meet-staff-flex2 .meet-staff-holder {
        flex-direction: column;
    }
}

@media only screen and (max-width: 600px) {
    .meet-staff-flex1 {
        text-align: center;
    }
    .meet-staff-flex1 .meet-staff-card {
        flex-direction: column;
        align-items: center;
    }
    .meet-staff-flex2 .meet-staff-card {
        flex-direction: column;
        align-items: center;
    }

    .meet-staff-flex2 {
        text-align: center;
    }

    .meet-staff-card .meet-staff-photo {
        height: 370px!important;
    }
}