*{letter-spacing:1px;font-weight:300}.main-block{padding:80px 0 100px;max-width:1300px;width:calc(100% - 120px);margin:0 auto}@media only screen and (max-width:1366px){.main-block{padding-bottom:0}}@media only screen and (max-width:768px){.main-block{padding:50px 0;width:calc(100% - 80px);max-width:468px}.main-block>.headline-text .text{padding:0 10px}}@media only screen and (max-width:576px){.main-block{width:calc(100% - 40px)}}.main-block>.headline-text{position:relative}.main-block>.headline-text .text{margin-bottom:40px}.main-block>.headline-text:after{content:"";display:block;width:100px;height:1px;background-color:rgba(0,0,0,0.2);margin:0 auto 0}.main-block .info-wrapper{padding:50px 0}@media only screen and (max-width:768px){.main-block .info-wrapper{padding:70px 0 0}.main-block .info-wrapper .info-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-block .info-wrapper .info-box:not(:first-child){margin-top:70px}.main-block .info-wrapper .info-box .img-box{width:100%}.main-block .info-wrapper .info-box .text-wrap{width:100%;padding:20px 10px}.main-block .info-wrapper .info-box .headline-text{max-width:none}.main-block .info-wrapper .info-box .number{opacity:1;-webkit-transform:none;transform:none;top:-40px;left:10px}}.main-block .info-box{display:-webkit-box;display:-ms-flexbox;display:flex}@media only screen and (min-width:769px){.main-block .info-box:nth-child(2n){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.main-block .info-box:nth-child(2n) .number{left:0;right:auto;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.main-block .info-box:nth-child(2n) .headline-text{margin-left:auto}}.main-block .info-box .img-box{width:50%;-webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.2);box-shadow:0px 0px 20px rgba(0,0,0,0.2);position:relative}.main-block .info-box .img-box:before{content:"";display:block;width:100%;height:100%;padding-bottom:70%}.main-block .info-box .img-box img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-block .info-box .number{font-size:clamp(70px,10vw,120px);position:absolute;text-shadow:0px 4px 20px rgba(0,0,0,0.25);color:#fff;font-weight:700;top:50%;right:0;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);opacity:0;pointer-events:none;-webkit-transition:opacity 0.3s,-webkit-transform 0.5s;transition:opacity 0.3s,-webkit-transform 0.5s;transition:opacity 0.3s,transform 0.5s;transition:opacity 0.3s,transform 0.5s,-webkit-transform 0.5s}@media only screen and (min-width:768px){.main-block .info-box .number{font-size:clamp(70px,13vw,100px)}}.main-block .info-box .text-wrap{width:50%;padding:3.9%;display:-webkit-box;display:-ms-flexbox;display:flex}.main-block .info-box .headline-text{max-width:400px;width:100%;margin-top:auto;margin-bottom:auto}.main-block .info-box .headline-text .sub{margin-top:0}.main-block .info-box .headline-text .text{margin-top:5px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.main-block .info-box .more-btn{margin-top:25px}@media only screen and (min-width:769px) and (min-width:1201px){.main-block .info-box:hover .number{opacity:1;-webkit-transform:translate(30px,-50%);transform:translate(30px,-50%)}.main-block .info-box:hover:nth-child(2n) .number{-webkit-transform:translate(-30px,-50%);transform:translate(-30px,-50%)}}@media only screen and (min-width:769px) and (max-width:1200px){.main-block .info-box:active .number{opacity:1;-webkit-transform:translate(30px,-50%);transform:translate(30px,-50%)}.main-block .info-box:active:nth-child(2n) .number{-webkit-transform:translate(-30px,-50%);transform:translate(-30px,-50%)}}
/*# sourceMappingURL=technology.css.map */