.skew-bg{position:absolute;top:10%;left:0%;width:40%;height:90%;background-image:linear-gradient(110deg,#098da1 15%,#29bdef 50%);transform:skewX(-20deg);transform-origin:top left;z-index:0;pointer-events:none}.service-title{display:inline-flex;align-items:center;position:relative;font-size:clamp(1.3rem,2vw + 1rem,1.5rem)}.hor-line{position:absolute;left:150%;width:1000%;margin-left:10px;height:2px;margin:0 auto;background-color:#0af}.hor-line::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:#0af;border-radius:50%}.cyric-text{width:80%;font-size:clamp(.9rem,1vw + .5rem,1.1rem)}.image-container{display:flex;justify-content:center;align-items:center}.framed-image{position:relative;display:inline-block}.img-service{display:block;width:100%;position:relative;z-index:2}.frame{position:absolute;width:clamp(40px,20%,100px);height:clamp(40px,20%,100px);max-width:100px;max-height:100px;z-index:1}.white{background-color:#fff;top:-3%;left:-2%}.gray{background-color:#ccc;bottom:-3%;right:-2%}@media(max-width:1199px){.image-container{margin-right:3rem}.img-service{width:42vw}.cyric-text{width:100%}.frame{width:10vw;height:10vw}}@media(max-width:767px){.img-service{width:60vw}.image-container{margin-bottom:6rem}.skew-bg{position:absolute;top:10%;width:100%;height:75vw;background-color:#009fe3;transform:skewX(-20deg)}}@media(max-width:375px){.image-container{margin-bottom:4rem}.img-service{width:60vw}.skew-bg{position:absolute;top:10%;width:100%;height:80vw;background-color:#009fe3;transform:skewX(-20deg)}.hor-line{height:0}.hor-line::before{width:0;height:0}}