.new-our-service{position:relative;overflow:visible}.new-our-service:before{pointer-events:none;position:absolute;z-index:30;height:40px;width:40px;border-radius:9999px;transition-property:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-content: "";content:var(--tw-content);background-color:var(--cursor-color);opacity:var(--cursor-opacity, 0);mix-blend-mode:difference;left:var(--cursor-x, -100px);top:var(--cursor-y, -100px);transform:translate(-50%,-50%);will-change:transform;display:none}@media (min-width: 1024px){.new-our-service:before{display:block}}.new-our-service .container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;overflow:visible}.new-our-service-header{margin-bottom:3rem;text-align:center}.new-our-service-title{margin-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:700}@media (min-width: 768px){.new-our-service-title{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 1024px){.new-our-service-title{font-size:3rem;line-height:1}}.new-our-service-subtitle{font-size:1.125rem;line-height:1.75rem;opacity:.8}@media (min-width: 768px){.new-our-service-subtitle{font-size:1.25rem;line-height:1.75rem}}.service-row{position:relative;cursor:pointer;border-radius:1rem;padding-top:2.5rem;padding-bottom:2.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:visible}.service-row-content{position:relative;display:grid;align-items:center;gap:2rem;grid-template-columns:1fr;z-index:10}@media (max-width: 1023px){.service-row-content{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}}@media (min-width: 1024px){.service-row-content{grid-template-columns:repeat(3,minmax(0,1fr))}}.icon-title-container{display:flex;align-items:center;gap:1rem;text-align:center}@media (min-width: 1024px){.icon-title-container{text-align:left}}@media (max-width: 1023px){.icon-title-container{align-items:center;gap:.75rem;text-align:center}}.service-icon{flex-shrink:0;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.service-icon img{-o-object-fit:cover;object-fit:cover;width:var(--icon-width-mobile)}.service-icon-svg{display:flex;align-items:center;justify-content:center;width:var(--icon-width-mobile);transition:color .5s ease,opacity .5s ease}@media (min-width: 1024px){.service-icon img,.service-icon-svg{width:var(--icon-width-desktop)}}.service-title{font-weight:700;font-size:var(--block-title-size-mobile)!important;transition:color .5s ease,opacity .5s ease,transform .3s ease}.title-link{text-decoration-line:none;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.title-link:hover .service-title{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width: 1024px){.service-title{font-size:var(--block-title-size-desktop)!important}}.service-description{text-align:left}@media (min-width: 768px){.service-description{text-align:center}}@media (min-width: 1024px){.service-description{grid-column:span 1 / span 1}}.service-description .rich-text p{line-height:1.75rem}.service-description div ul{margin-left:0!important;margin-bottom:0!important;list-style-type:none!important;text-align:left}@media (min-width: 768px){.service-description div ul{text-align:right}}.service-description div ul li{margin-bottom:.75rem}.service-description div ul li a{text-decoration:none}.rich-text{font-size:var(--block-text-size-mobile);transition:color .5s ease,opacity .5s ease}@media (min-width: 1024px){.rich-text{font-size:var(--block-text-size-desktop)}}@media (max-width: 1023px){.mobile-content-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:1rem;direction:rtl}}.hover-image-container{position:relative;height:5rem;overflow:visible}.hover-image-wrapper{pointer-events:none;position:absolute;left:50%;--tw-translate-x: -50%;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));top:50px;z-index:20}.hover-image{width:12rem;max-width:12rem;border-radius:.75rem;-o-object-fit:cover;object-fit:cover;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);opacity:0;transform:translateY(0) scale(1)}@media (max-width: 1023px){.hover-image-container{position:relative;height:auto}.hover-image-wrapper{pointer-events:auto;position:relative;left:auto;top:auto;transform:none;z-index:auto}.hover-image{width:100%;opacity:1!important;animation:mobileBreathing 3s ease-in-out infinite}}@keyframes mobileBreathing{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1023px){.service-title,.rich-text,.rich-text *,.service-icon-svg{opacity:1!important}.service-title,.rich-text,.rich-text *,.service-icon-svg{color:var(--text-color)!important;opacity:1!important}.service-row{pointer-events:none}.title-link,.hover-image{pointer-events:auto}.service-row:hover,.service-row:active,.service-row:focus,.service-row:hover .service-title,.service-row:hover .rich-text,.service-row:hover .rich-text *,.service-row:hover .service-icon-svg,.service-row:active .service-title,.service-row:active .rich-text,.service-row:active .rich-text *,.service-row:active .service-icon-svg{color:var(--text-color)!important;opacity:1!important;transform:none!important;background-color:inherit!important}.title-link:hover .service-title,.title-link:active .service-title,.title-link:focus .service-title{transform:none!important;color:var(--text-color)!important;opacity:1!important}.service-row:hover .service-icon,.service-row:active .service-icon,.service-icon:hover,.service-icon:active{transform:none!important}}.breathing-bg-container{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.service-row:hover .breathing-bg-container{opacity:.2}.breathing-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1rem}.service-row:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transform:translateY(-4px)}.hover-image{transition:opacity .5s cubic-bezier(.4,0,.2,1)}@keyframes breathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}@keyframes breatheHover{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.03)}}.breathing-bg{animation:breathingBg 4s ease-in-out infinite}@keyframes breathingBg{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.02)}}.rich-text{line-height:1.625}.rich-text p{margin-bottom:1rem}.rich-text p:last-child{margin-bottom:0}.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6{margin-bottom:.75rem;font-weight:700}.rich-text h1{font-size:1.5rem;line-height:2rem}.rich-text h2{font-size:1.25rem;line-height:1.75rem}.rich-text h3{font-size:1.125rem;line-height:1.75rem}.rich-text ul,.rich-text ol{margin-left:1.5rem;margin-bottom:1rem}.rich-text ul{list-style-type:disc}.rich-text ol{list-style-type:decimal}.rich-text li{margin-bottom:.5rem}.rich-text a{text-decoration-line:underline;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.rich-text a:hover{text-decoration-line:none}.rich-text strong{font-weight:600}.rich-text em{font-style:italic}.service-row.hovered{transition:all .3s ease}.service-row .group-hover\:scale-110{transition:transform .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 768px){.hover-image{width:100%}.service-row:hover{transform:translateY(-2px)}}@media (min-width: 769px) and (max-width: 1024px){.hover-image{width:18rem}}@media (min-width: 1440px){.hover-image{width:13rem;max-width:13rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/new-our-service.css.map */