.ortho-intro {
    margin-bottom: 80px;
}

.ortho-video {
    position: relative;
    height: 675px;
}

.ortho-video iframe {
    width: 100%;
    height: 100%;
}

.ortho-hero {
    min-height: 560px;
    margin-bottom: 78px;
    padding-bottom: 78px;
    border-bottom: 1px solid #d8d8d8;
    background: url("/assets/img/sub2_1_html/hero-equipment.jpg") right center / contain no-repeat;
}

.ortho-hero-copy {
    width: 430px;
    padding-top: 150px;
}

.ortho-hero-copy h2,
.care-copy h2 {
    margin: 0 0 28px;
    color: #4b4b4b;
    font-size: 39px;
    font-weight: 400;
    line-height: 1.35;
}

.ortho-hero-copy h2 strong,
.care-copy h2 strong,
.equipment-section h2 strong {
    color: #25a8c8;
    font-weight: 400;
}

.ortho-hero-copy p,
.care-copy p {
    margin: 0 0 18px;
    color: #666;
    font-size: 17px;
    line-height: 1.8;
}

.equipment-section {
    margin-bottom: 90px;
    padding-bottom: 90px;
    border-bottom: 1px solid #d8d8d8;
}

.equipment-section h2 {
    margin: 0 0 36px;
    color: #4b4b4b;
    font-size: 31px;
    font-weight: 400;
}

.equipment-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.equipment-card {
    min-height: 360px;
    padding: 38px 0px 22px;
    border: 1px solid #e6e6e6;
    text-align: center;
    box-sizing: border-box;
}

.equipment-card p {
    margin: 0 0 12px;
    color: #aaa;
    font-size: 15px;
    line-height: 1.35;
}

.equipment-card h3 {
    margin: 0 0 20px;
    color: #4b4b4b;
    font-size: 29px;
    font-weight: 400;
    line-height: 1.2;
}

.equipment-card img {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: cover;
}

.care-section {
    min-height: 650px;
    background: url("/assets/img/sub2_1_html/doctor-care.jpg") center center / cover no-repeat;
}

.care-copy {
    width: 470px;
    padding: 145px 0 0 70px;
}

@media (max-width: 768px) {

    .ortho-video {
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .ortho-hero,
    .care-section {
        min-height: auto;
        padding-top: 70%;
        background-position: center top;
        background-size: contain;
    }

    .ortho-hero-copy,
    .care-copy {
        width: auto;
        padding: 28px 0 0;
    }

    .equipment-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .equipment-card {
        min-height: 300px;
    }

    .equipment-card h3 {
        font-size: 22px;
    }
}