.xo-our-process-main{position:relative}.xo-our-process-heading{margin-bottom:50px}.xo-our-process-heading,.xo-our-process-heading div{font-weight:700;font-size:clamp(30px,8vw,120px);line-height:1;background:linear-gradient(180deg,var(--xo-color-text) 0%,rgba(var(--xo-color-text-rgb),0) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.xo-our-process-content{width:100%;border:1px solid var(--xo-color-light);display:flex;background-color:transparent}.xo-our-process-accordion-item{display:flex;align-items:flex-end;max-height:600px;border-right:1px solid var(--xo-color-light);width:100%;max-width:120px;transition:all .3s ease;overflow:hidden;counter-reset:sub;counter-increment:index;background-color:transparent}.xo-our-process-accordion-item:last-child{border-right:none}.xo-our-process-accordion-header{width:100%;max-width:120px;height:100%}.xo-our-process-accordion-title{height:100%;display:flex;align-items:flex-end;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.xo-our-process-accordion-title-link{margin:0;font-weight:600;font-size:32px;line-height:48px;letter-spacing:-.25px;color:var(--xo-color-text);writing-mode:vertical-rl;text-orientation:revert-layer;transform:rotate(180deg);height:100%;padding:44px 36px;text-decoration:none;transition:.4s all}.xo-our-process-accordion-title-link:hover{color:var(--xo-color-light);opacity:.5}.xo-our-process-accordion-detail-content{width:100%;position:relative}.xo-our-process-accordion-title-text{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.xo-our-process-accordion-title-text:before{content:"0" counter(index);margin-bottom:20px;display:inline-block;font-weight:400;font-size:18px;line-height:28px}.xo-our-process-accordion-item.active{max-width:100%}.xo-our-process-accordion-detail{display:flex;flex-direction:column;width:calc(100% - 120px);overflow:hidden;transition:all .5s ease;width:100%;height:100%;padding:80px 58px 80px 20px;position:relative;box-sizing:border-box}.xo-our-process-description-text{font-weight:400;font-size:18px;line-height:1.6;color:inherit}.xo-our-process-description-text p{margin-bottom:20px;color:inherit}.xo-our-process-description-text p:last-child{margin-bottom:0}.xo-our-process-description-text strong{font-weight:600;text-decoration:underline}.xo-our-process-description-text a{color:inherit;text-decoration:underline}.xo-our-process-image{position:absolute;right:0;top:5%;width:20%;max-width:318px}@media screen and (max-width: 1199px){.xo-our-process-accordion-item,.xo-our-process-accordion-header{max-width:100px}.xo-our-process-accordion-detail{width:calc(100% - 100px);padding-left:0;padding-right:20px}.xo-our-process-accordion-title-link{padding:44px 26px}}@media screen and (max-width: 1023px){.xo-our-process-heading{font-size:35px;margin-bottom:30px}.xo-our-process-content{flex-direction:column}.xo-our-process-accordion-item{max-width:100%;width:100%;border-right:none;border-bottom:1px solid var(--xo-color-light);max-height:none;flex-direction:column;align-items:flex-start}.xo-our-process-accordion-item:last-child{border-bottom:none}.xo-our-process-accordion-header{font-size:22px;line-height:31px;width:100%;max-width:100%;padding:20px 28px}.xo-our-process-accordion-title{height:auto;align-items:flex-start}.xo-our-process-accordion-title-link{writing-mode:horizontal-tb;transform:none;height:auto;padding:0;display:flex;align-items:center;gap:15px}.xo-our-process-accordion-title-text{writing-mode:horizontal-tb;transform:none;font-size:24px}.xo-our-process-accordion-title-text:before{margin-bottom:0;margin-right:10px}.xo-our-process-accordion-detail{width:100%;min-width:1px;max-height:0;overflow:hidden;padding:0 28px;transition:max-height .5s ease,padding .5s ease;font-size:20px;line-height:30px;letter-spacing:-.15px}.xo-our-process-accordion-item.active .xo-our-process-accordion-detail{max-height:2000px}.xo-our-process-heading,.xo-our-process-heading div{font-size:clamp(30px,10vw,120px)}.xo-our-process-accordion-detail-content{padding-bottom:30px}}@media screen and (max-width: 749px){.xo-our-process-heading,.xo-our-process-heading div{font-size:clamp(30px,10vw,120px)}.xo-our-process-image{width:30%;top:-5%}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/xo-our-process.css.map */