.services_list{display:flex;gap:20px;position:relative;width:100%}.services_list .item{position:relative;overflow:hidden;height:690px;will-change:flex;flex:1;transition:flex .6s cubic-bezier(.29, 0, .2, 1);-webkit-transition:flex .6s cubic-bezier(.29, 0, .2, 1);text-align:center}.services_list .item .img{overflow:hidden;border-radius:30px;display:block;width:100%;padding:0;position:absolute;inset:30px 0 0 0;transition:all 400ms ease 0ms}.services_list .item .img::before{position:absolute;inset:0;transition:all 400ms ease 0ms;opacity:1;content:"";z-index:1;background:linear-gradient(rgba(65,65,65,0.24) 0%, #4e4e4e 100%)}.services_list .item .img::after{transform:rotate(-90deg) translateY(46px);transform-origin:left bottom;position:absolute;inset:auto auto 30px 25px;white-space:nowrap;transition:all 400ms ease 0ms;opacity:1;content:attr(data-text);z-index:2;font-size:30px;line-height:46px;color:#fff;font-weight:400}.services_list .item .text{z-index:10;text-align:left;border-radius:25px;padding:30px;left:15px;right:15px;bottom:15px;position:absolute;display:block;opacity:0;visibility:hidden;transition:opacity 400ms ease 0ms;backdrop-filter:blur(18px);--webkit-backdrop-filter:blur(18px);background-color:rgba(0,0,0,0.27)}.services_list .item .text .title{font-weight:600;margin:0;padding:0;font-family:'Poppins',sans-serif,Arial;font-size:30px;line-height:32px;color:#fff}.services_list .item .text .text_box{opacity:.8;color:#fff;margin:15px 0 0}.services_list .item .text .btn{margin:25px 0 0}html:not(.notouch) .services_list .item,.services_list .item.active,.services_list:not(:has(.item.active)) .item:nth-child(2){flex:3}html:not(.notouch) .services_list .item .img,.services_list .item.active .img,.services_list:not(:has(.item.active)) .item:nth-child(2) .img{inset:0}html:not(.notouch) .services_list .item .img::before,.services_list .item.active .img::before,.services_list:not(:has(.item.active)) .item:nth-child(2) .img::before{opacity:0}html:not(.notouch) .services_list .item .img::after,.services_list .item.active .img::after,.services_list:not(:has(.item.active)) .item:nth-child(2) .img::after{opacity:0}html:not(.notouch) .services_list .item .text,.services_list .item.active .text,.services_list:not(:has(.item.active)) .item:nth-child(2) .text{opacity:1;visibility:visible;transition:opacity 400ms ease 600ms}@media screen and (max-width:1280px){.services_list .item{height:600px}}@media screen and (max-width:1000px){.services_list{flex-wrap:wrap}.services_list .item{will-change:auto !important;flex:initial !important;width:calc(50% - 10px)}.services_list .item .img{inset:0 !important}.services_list .item .img::before{display:none}.services_list .item .img::after{display:none}.services_list .item .text{opacity:1 !important;padding:20px;left:10px;right:10px;bottom:10px}.services_list .item .text .title{font-size:26px;line-height:30px}.services_list .item .text .text_box{margin:10px 0 0}.services_list .item .text .btn{margin:20px 0 0}}@media screen and (max-width:700px){.services_list{max-width:500px;margin:0 auto}.services_list .item{width:100%;height:540px}}/*# sourceMappingURL=1.css.map */