.main__container {width:100%; height:calc(100vh - 125px); display:flex; align-items:center}
.main__block {position:relative; display:flex; padding:clamp(20px,5vw,50px); flex-direction:row; justify-content:space-between; height:100%; background:rgba(185,185,185,0.5); box-shadow:5px 5px 20px -20px rgba(0,0,0,0.65); border-radius:clamp(30px,5vw,75px); width:100%; box-sizing:border-box}
.main__img {position:absolute; z-index:99; overflow:hidden; top:-25%; right:-30%}
#sub_device_img img {width:clamp(1100px,70vw,1200px); height:auto}
.main__text {display:flex; flex-direction:column; justify-content:center; padding:0 min(5%,35px); gap:clamp(20px,3vw,60px); color:#212121; flex:1; min-width:300px}
.main__title {font-size:clamp(32px,5vw,64px); font-weight:500; margin:0; line-height:1.2}
.main__subtitle {margin:0; font-size:clamp(18px,2.5vw,32px); font-weight:400}
.main__button-container {display:flex; flex-direction:column; height:100%; justify-content:flex-end}
.main__button {width:clamp(200px,25vw,300px); height:clamp(60px,15vh,125px); border-radius:clamp(15px,2vw,25px); background:#a3a3a3; padding:10px 30px; box-shadow:0 2px 5px rgba(0,0,0,0.1); display:flex; justify-content:space-between; align-items:center; color:#212121; text-decoration:none; font-weight:500; font-size:clamp(16px,1.8vw,20px); transition:all 0.3s ease; &:hover,&:focus {background:#bdb324; color:white; transform:translateY(-3px); box-shadow:0 5px 15px rgba(0,0,0,0.2)}
 &:active {transform:translateY(1px)}
}

@media (max-width:1400px) {#sub_device_img {top:-20% }
 #sub_device_img img {width:clamp(900px,77vw,1100px)}
}
@media (max-width:1200px) {#sub_device_img {top:-15% }
 #sub_device_img img {width:clamp(700px,70vw,850px)}
 .main__block {flex-direction:column}
 .main__text {justify-content:flex-start; width:100%; height:auto; padding-top:clamp(70px,9vw,125px)}
 .main__title {font-size:clamp(32px,6.5vw,64px)}
 .main__button-container {display:flex; flex-direction:column; height:100%; justify-content:flex-end; align-items:flex-end}
 .main__button {height:80px}
}
@media (max-width:950px) {.main__container {height:clamp(350px,50vw,500px)}
 .main__text {justify-content:flex-start; padding-top:30px}
 .main__title {font-size:clamp(32px,7vw,54px)}
}
@media (max-width:768px) {.main__container {height:clamp(350px,60vw,500px)}
 .main__title {font-size:clamp(32px,7vw,54px)}
 .main__text {padding:20px 10px}
}
@media (max-width:500px) {.main__button-container {display:flex; flex-direction:column; height:100%; justify-content:flex-end; margin:0; padding:0}
 .main__text {padding-right:35px}
 .main__title {font-size:clamp(28px,7vw,54px)}
 .main__button {width:100%; font-size:clamp(16px,5vw,20px)}
}