.two-thirds.column__image{width:60%}.one-third.column__steps{width:40%;padding:50px}.title__container{position:relative;width:100%;display:flex}.title-content__container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.title-content__container h1{font-size:3rem;color:#fff;padding:0 50px 25px;border-bottom:1px solid #fff;text-transform:capitalize}.steps__container{display:flex;justify-content:center;max-width:1200px;margin-left:auto;margin-right:auto;margin-top:48px}.steps{position:relative;width:25%;flex:0 1 25%;padding:100px 25px 50px;border-right:1px solid #201D1F}.steps:last-child{border-right:none}.steps__counter{font-weight:700;font-size:9rem;color:#f3efef;position:absolute;display:inline;line-height:100%;top:0;left:20px;font-weight:500}.steps__details{position:relative;z-index:9;max-width:200px;margin:0 auto}.steps__details h3.image-with-text__heading{font-size:31px;padding-bottom:0;text-transform:capitalize;text-align:center}.steps__details span{color:#000}.steps__image{overflow:hidden;border-radius:50%}.steps.center .steps__image{order:-1}.button__container{width:100%;margin-top:58px;margin-bottom:85px;text-align:center}.button--black{background-color:#201d1f;color:#fff;border-color:#201d1f}.button--black:hover{background-color:#201d1f;color:#fff;border-color:#201d1f;opacity:.8}.button--bundle{padding-left:64px;padding-right:64px;height:44px;text-transform:uppercase;font-size:14px;font-weight:700}@media screen and (max-width: 1024px) and (min-width: 798px){.title-content__container h1{border:none;text-align:center}}@media screen and (max-width: 798px){.one-third.column__steps{padding:28px 45px}.title-content__container h1{font-size:3rem;border:none;text-align:center}.steps__container{flex-direction:column}.steps{width:100%;border-right:none}.button__container{width:calc(100% - 20px);position:sticky;bottom:37px;left:0;z-index:99;padding:0;margin-left:auto;margin-right:auto;z-index:1}.button--bundle{width:100%}}@media screen and (max-width: 798px) and (min-width: 480px){.title-content__container h1{font-size:2.5rem}.steps__counter{position:unset}.steps{width:100%;border-right:none;padding:0;display:flex;align-items:baseline;column-gap:30px}}@media screen and (max-width: 480px) and (min-width: 340px){.title-content__container h1{font-size:2.5rem}}@media screen and (max-width: 340px){.title-content__container h1{font-size:2rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-bundle-landing-section.css.map */