.orthodontics-section { position: relative; width: 100%; }
.orthodontics-section .orthodontics-grp {display: flex; justify-content: center; align-items: center; gap: 118px; width: 100%;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-left {width: 50%;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-left h2 {margin-bottom: 28px; color: #3E4828;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-left p {color: #3E4828;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-left p a {display: inline-flex; font-weight: 700; color: #8A9E52;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-left p strong {display: block; margin-top: 16px; color: #8A9E52; font-weight: 700; font-size: 18px;}
.orthodontics-section .orthodontics-grp-left-img {margin-top: 65px; display: flex; min-width: 236px; width: 236px; height: 124px;}
.orthodontics-section .orthodontics-grp-left-img img {width: 100%; height: auto;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-right {display: flex; width: 50%; border-radius: 60px; overflow: hidden; position: relative;}
.orthodontics-section .orthodontics-grp .orthodontics-grp-right video {display: flex; width: 100%; height: 100%; object-fit: cover; overflow: hidden; border-radius: 60px;}

.video-play-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 86px; height: 86px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.92); display: none; align-items: center; justify-content: center; cursor: pointer; z-index: 5; box-shadow: 0 14px 35px rgba(0, 0, 0, 0.18); }

.video-play-btn span { width: 0; height: 0; margin-left: 6px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 24px solid #3E4828; }

.video-box.show-play .video-play-btn { display: flex;}


@media (min-width: 992px) and (max-width: 1199px) {
    .orthodontics-section .orthodontics-grp {flex-direction: column; gap: 50px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left {width: 100%;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left h2 {font-size: 35px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-right {width: 100%;}
    .orthodontics-section .orthodontics-grp-left-img {min-width: 160px; width: 160px;}
}

@media (min-width: 768px) and (max-width: 991px) {
    .orthodontics-section .orthodontics-grp {flex-direction: column; gap: 50px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left {width: 100%;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left h2 {font-size: 30px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-right {width: 100%;}
    .orthodontics-section .orthodontics-grp-left-img {min-width: 160px; width: 160px;}
}

@media (max-width: 767px) { 
    .orthodontics-section .orthodontics-grp {flex-direction: column; gap: 50px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left {width: 100%;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left h2 {font-size: 25px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-left p {font-size: 16px;}
    .orthodontics-section .orthodontics-grp .orthodontics-grp-right {width: 100%;}
    .orthodontics-section .orthodontics-grp-left-img {min-width: 160px; width: 160px;}
}