.xo-tech-main{position:relative}.xo-tech-heading{font-weight:700;font-size:56px;line-height:1.2;margin:0 0 50px;text-align:center;background:var(--xo-text-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.xo-tech-wrapper{display:flex;flex-direction:column;gap:30px;max-width:1200px;margin:0 auto}.xo-tech-item{display:flex;align-items:center;gap:40px;position:relative}.xo-tech-category{display:flex;align-items:center;gap:20px;width:280px;flex-shrink:0;border:1px solid rgba(var(--xo-color-text-rgb),.2);padding:10px 20px;margin-right:-40px;border-color:rgba(var(--xo-theme-primary-rgb),.5);background:rgba(var(--xo-theme-primary-rgb),.05)}.xo-tech-icon{width:35px;min-width:35px;height:35px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.xo-tech-icon img{width:100%;height:100%;object-fit:contain}.xo-tech-title{font-weight:600;font-size:18px;line-height:1.4;margin:0;color:var(--xo-color-text)}.xo-tech-connector{flex-shrink:0;display:flex;align-items:center;height:12px}.xo-tech-connector-img{width:68px;height:12px;object-fit:contain;display:block}.xo-tech-tags{display:flex;flex-wrap:wrap;gap:12px;flex:1;align-items:center}.xo-tech-tag{display:inline-block;padding:10px 30px;background:rgba(var(--xo-color-text-rgb),.05);border:1px solid rgba(var(--xo-color-text-rgb),.2);font-size:18px;line-height:1.5;color:var(--xo-color-text);font-weight:400;transition:all .3s ease}.xo-tech-tag:hover{background:rgba(var(--xo-theme-primary-rgb),.05);border-color:rgba(var(--xo-theme-primary-rgb),.3);color:var(--xo-theme-primary)}@media screen and (max-width: 1199px){.xo-tech-heading{font-size:48px;margin-bottom:60px}.xo-tech-category{min-width:240px}.xo-tech-title{font-size:18px}}@media screen and (max-width: 1023px){.xo-tech-heading{font-size:40px;margin-bottom:30px;text-align:left}.xo-tech-item{flex-direction:column;align-items:flex-start;gap:30px}.xo-tech-category{min-width:auto;margin:0}.xo-tech-connector{transform:rotate(90deg);margin-top:-16px}.xo-tech-tags{width:100%}.xo-tech-connector img{width:40px}}@media screen and (max-width: 767px){.xo-tech-heading{font-size:35px;line-height:normal;margin-bottom:35px}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/xo-tech.css.map */