.image-with-content-grid{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background-color:var(--background-color)}.image-with-content-grid .main-title h2{margin:0 0 18px;font-size:var(--title-font-size);color:var(--title-color);letter-spacing:0;line-height:1.2}.image-with-content-grid .subheading{font-size:18px;letter-spacing:0;line-height:1.2}.image-with-content-grid{font-size:var(--title-font-size);color:var(--title-color)}.img-with-content-wrapper{display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}.image-with-content-grid .img-with-content-wrapper{transition:all .4s;transform:translateY(150px)}.image-with-content-grid.active .img-with-content-wrapper{transition:all .4s;transform:translateY(0)}.img-with-content-wrapper *{color:var(--font-color)}.image-with-content-grid .main-image-with-content{flex:0 0 50%;max-width:calc(50% - 9px);position:relative;height:100%}.image-with-content-grid .block-content-wrapper{flex:0 0 50%;max-width:calc(50% - 9px);display:flex;flex-direction:column;gap:18px;justify-content:center;align-items:center}.main-image-with-content img{width:100%;height:100%;display:block;object-fit:cover;border-radius:8px}.image-with-content-grid .main-title{position:absolute;top:44px;left:44px}.image-with-content-grid .Bottom-button{position:absolute;bottom:22px;left:44px;display:flex;gap:34px;align-items:center;justify-content:center;border:1px solid var(--font-color);border-radius:10px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(30px);text-decoration:none}.image-with-content-grid .main-number-and-text{display:flex;align-items:end;gap:4px}.image-with-content-grid .main-number-and-text .number-content{font-size:50px;line-height:1;letter-spacing:3px;text-transform:uppercase;display:flex;align-items:center;overflow:hidden}.image-with-content-grid .main-number-and-text .text-content{font-size:15px;opacity:.5;line-height:1.3;letter-spacing:0}.image-with-content-grid .block-image{position:relative}.image-with-content-grid .block-image img{display:block;object-fit:cover;width:100%;height:auto}.image-with-content-grid .title-and-desc img{max-width:93px}.image-with-content-grid .title-and-desc{position:absolute;bottom:32px;left:32px}.image-with-content-grid .title-and-desc h3{margin:0;padding:22px 0 18px;font-size:34px;letter-spacing:0;line-height:1.2}.image-with-content-grid .title-and-desc .desc{font-size:18px;line-height:1.6;letter-spacing:0;max-width:355px;width:100%}.digit-strip{display:flex;flex-direction:column;transition:transform 1s ease-in-out}.digit-track{display:inline-block;height:1.2em;overflow:hidden;vertical-align:bottom;position:relative;letter-spacing:0}.digit-strip span{height:1.2em;display:flex;align-items:center;justify-content:center}.image-with-content-grid img.mobile-only{display:none}@media(min-width:768px){.digit-track,.digit-strip span{height:3.125vw}.image-with-content-grid .main-title h2{margin:0 0 .9375vw}.image-with-content-grid .subheading{font-size:.9375vw}.img-with-content-wrapper,.image-with-content-grid .block-content-wrapper{gap:.9375vw}.main-image-with-content img{border-radius:.4167vw}.image-with-content-grid .main-image-with-content,.image-with-content-grid .block-content-wrapper{max-width:calc(50% - 1.469vw)}.image-with-content-grid .main-title{top:2.2917vw;left:2.2917vw}.image-with-content-grid .Bottom-button{bottom:1.1458vw;left:2.2917vw;gap:1.7708vw;border-radius:.5208vw;padding:.95vw}.image-with-content-grid .title-and-desc img{max-width:4.8438vw}.image-with-content-grid .title-and-desc{bottom:1.6667vw;left:1.6667vw}.image-with-content-grid .main-number-and-text .number-content{font-size:2.6042vw;letter-spacing:.1563vw}.image-with-content-grid .title-and-desc h3{padding:1.1458vw 0 .9375vw;font-size:1.7708vw}.image-with-content-grid .title-and-desc .desc{font-size:.9375vw;max-width:18.4896vw}}@media(max-width:767px){.image-with-content-grid{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob)}.img-with-content-wrapper *{color:var(--font-clor-mob)}.image-with-content-grid .main-image-with-content,.image-with-content-grid .block-content-wrapper{flex:0 0 100%;max-width:100%}.image-with-content-grid .section.section--page-width{display:block}.image-with-content-grid .main-title h2{margin:0 0 10px;font-size:var(--title-font-size-mob)}.image-with-content-grid .subheading{font-size:14px}.image-with-content-grid .main-title{top:30px;left:20px}.image-with-content-grid .title-and-desc .desc{font-size:14px;line-height:1.2}.image-with-content-grid .title-and-desc h3{padding:8px 0 10px;font-size:18px}.image-with-content-grid .title-and-desc{bottom:16px;left:20px}.image-with-content-grid .block-image{width:100%}.image-with-content-grid .block-content-wrapper,.img-with-content-wrapper{gap:10px}.img-with-content-wrapper{padding:0 15px}.image-with-content-grid .block-image img{aspect-ratio:1 / 1;border-radius:8px}.image-with-content-grid .Bottom-button{bottom:16px;left:0;gap:34px;padding:14px;width:90%;right:0;margin:0 auto;background:#a1a1a15e;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);border-radius:4px;justify-content:flex-start}.image-with-content-grid .title-and-desc img{max-width:54px;height:auto}.image-with-content-grid .main-number-and-text .number-content{font-size:33px}.image-with-content-grid .main-number-and-text .text-content{font-size:12px}.main-image-with-content img{aspect-ratio:1/1;border-radius:8px}.image-with-content-grid img.mobile-only{display:block}.image-with-content-grid img.desktop-only{display:none}}@media(max-width:425px){.image-with-content-grid .main-number-and-text .number-content{font-size:22px;white-space:nowrap}}@media(min-width:1922px){.digit-track,.digit-strip span{height:60px}.image-with-content-grid .main-title h2{margin:0 0 18px;font-size:40px}.image-with-content-grid .subheading{font-size:18px}.img-with-content-wrapper,.image-with-content-grid .block-content-wrapper{gap:18px}.main-image-with-content img{border-radius:8px}.image-with-content-grid .main-image-with-content,.image-with-content-grid .block-content-wrapper{max-width:calc(50% - 9px)}.image-with-content-grid .main-title{top:44px;left:44px}.image-with-content-grid .Bottom-button{bottom:22px;left:44px;gap:34px;border-radius:10px;padding:18px}.image-with-content-grid .title-and-desc img{max-width:93px}.image-with-content-grid .title-and-desc{bottom:32px;left:32px}.image-with-content-grid .main-number-and-text .number-content{font-size:50px;letter-spacing:3px}.image-with-content-grid .title-and-desc h3{padding:22px 0 18px;font-size:34px}.image-with-content-grid .title-and-desc .desc{font-size:18px;max-width:355px}}
/*# sourceMappingURL=/cdn/shop/t/99/assets/image-with-content-grid.css.map */