.technology-container{display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: stretch}
.technology-video{position: relative; display: flex; flex-direction: column; gap: 15px}
.video-wrapper{position: relative; border-radius: 24px; overflow: hidden; aspect-ratio: 9/16; min-height: 400px; flex: 1}
.video-wrapper img{width: 100%; height: 100%; object-fit: cover}
.video-overlay{position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.6) 100%); display: flex; flex-direction: column; justify-content: flex-end; padding: 30px}
.play-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 5rem; color: white; cursor: pointer; transition: transform 0.3s ease; filter: drop-shadow(0 4px 10px rgba(0,0,0,0.2))}
.play-btn:hover{transform: translate(-50%, -50%) scale(1.1)}
.video-captions{color: white; font-size: 1.2rem; line-height: 1.3}
.technology-content{display: flex; flex-direction: column; gap: 30px; justify-content: center; flex: 1}
.tech-desc{color: #000000; font-size: 1.1rem; max-width: 650px; margin: 0}
.tech-list{display: flex; flex-direction: column; gap: 15px; margin-top: 0}
.tech-item{display: grid; grid-template-columns: 60px 1fr; align-items: center; border-bottom: 1px solid #E2E8F0; padding-bottom: 15px; gap: 15px}
.tech-item:last-child{border-bottom: none; padding-bottom: 0}
.tech-num{font-size: 1.6rem; font-weight: 700; color: #71A6DB; text-align: left}
.tech-item-content{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: center; width: 100%}
.tech-item-content h4{font-size: 1.3rem; font-weight: 600; margin: 0; text-align: left}
.tech-item-content p{color: #000000; font-size: 0.95rem; margin: 0; text-align: right}
.tech-images{display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 0}
.tech-images img{width: 100%; height: 230px; object-fit: cover; border-radius: 24px}
@media (max-width: 1229px){
	.technology-container{gap: 40px}
    .video-wrapper{min-height: 350px; border-radius: 20px}
    .video-overlay{padding: 25px}
    .play-btn{font-size: 4.2rem}
    .video-captions{font-size: 1.1rem}
    .tech-desc{font-size: 1rem}
    .tech-item{gap: 12px; padding-bottom: 12px}
    .tech-num{font-size: 1.4rem}
    .tech-item-content{gap: 15px}
    .tech-item-content h4{font-size: 1.15rem}
    .tech-item-content p{font-size: 0.9rem}
    .tech-images{gap: 15px}
    .tech-images img{height: 200px; border-radius: 20px}
}
@media (max-width: 991px){
	.technology-container{grid-template-columns: 1fr 1.2fr; gap: 30px}
    .technology-video{gap: 10px; max-width: 100%}
    .video-wrapper{min-height: 320px; border-radius: 18px}
    .video-overlay{padding: 20px}
    .play-btn{font-size: 3.8rem}
    .video-captions{font-size: 1rem}
    .technology-content{gap: 25px}
    .tech-desc{font-size: 0.95rem; max-width: 100%}
    .tech-item{grid-template-columns: 50px 1fr; gap: 10px; padding-bottom: 12px}
    .tech-num{font-size: 1.3rem}
    .tech-item-content{gap: 12px; grid-template-columns: 1fr 1fr}
    .tech-item-content h4{font-size: 1.1rem}
    .tech-item-content p{font-size: 0.85rem; text-align: right; }
    .tech-images{gap: 12px}
    .tech-images img{height: 180px; border-radius: 18px}
}
@media (max-width: 767px){
	.wrapper__technology-video{text-align: center}
    .technology-container{grid-template-columns: 1fr; gap: 25px}
    .technology-video{max-width: 380px; margin: 0 auto 10px; gap: 8px}
    .video-wrapper{min-height: 280px; border-radius: 16px}
    .video-overlay{padding: 18px}
    .play-btn{font-size: 3.4rem}
    .video-captions{font-size: 0.95rem}
    .technology-content{gap: 25px}
    .tech-desc{font-size: 0.95rem; max-width: 100%; text-align: center}
    .tech-list{max-width: 500px; margin: 0 auto; width: 100%}
    .tech-item{grid-template-columns: 45px 1fr; gap: 10px; padding-bottom: 12px}
    .tech-num{font-size: 1.2rem}
    .tech-item-content{grid-template-columns: 1fr 1fr; gap: 12px}
    .tech-item-content h4{font-size: 1.05rem; text-align: left}
    .tech-item-content p{font-size: 0.85rem; text-align: right}
    .tech-images{grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 5px; max-width: 500px; margin: 5px auto 0; width: 100%}
    .tech-images img{height: 180px; border-radius: 16px}
}
@media (max-width: 575px){
	.tech-item-content{grid-template-columns: 1fr; gap: 4px}
    .tech-item-content p{text-align: left}
    .tech-images{grid-template-columns: 1fr}
    .tech-images img{height: 60vw;}
}
@media (max-width: 480px){
	.technology-container{gap: 20px}
    .technology-video{max-width: 320px; gap: 6px}
    .video-wrapper{min-height: 240px; border-radius: 14px}
    .video-overlay{padding: 15px}
    .play-btn{font-size: 3rem}
    .video-captions{font-size: 0.9rem}
    .technology-content{gap: 20px}
    .tech-desc{font-size: 0.9rem}
    .tech-list{max-width: 100%}
    .tech-item{grid-template-columns: 38px 1fr; gap: 8px; padding-bottom: 10px}
    .tech-num{font-size: 1.1rem}
    .tech-item-content{gap: 4px; grid-template-columns: 1fr}
    .tech-item-content h4{font-size: 1rem; text-align: left}
    .tech-item-content p{font-size: 0.82rem; text-align: left}
    .tech-images{gap: 10px}
    .tech-images img{border-radius: 14px}
}