:root{--column-gap: 30px}.hp--image-with-text{background:#fff;position:relative;overflow:hidden}@media screen and (min-width:750px){.hp--image-with-text.image-first{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"image text";grid-column-gap:0px;grid-row-gap:0px}}.hp--image-with-text a{text-decoration:none}.hp--image-with-text.full-width.image-first .hp--wrapper{padding-right:calc((100vw - (var(--page-width) - 8rem))/ 2)}.hp--image-with-text .hp--wrapper{width:100%;display:flex}@media screen and (max-width:750px){.hp--image-with-text .hp--wrapper{display:flex;flex-direction:column;row-gap:38px}}.hp--image-with-text .video{grid-area:image;width:50%;height:100%;position:absolute;top:0;right:0;left:auto}@media screen and (max-width:750px){.hp--image-with-text .video{position:relative;width:100%}}.hp--image-with-text.image-first .video{position:relative;width:100%}.hp--image-with-text .video .placed__logo{width:100%;height:100%;object-fit:cover;object-position:center center}.hp--image-with-text .hp--wrapper .text{grid-area:text;width:calc(50% - var(--column-gap));display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-top:60px;padding-bottom:60px}.hp--image-with-text.image-first .hp--wrapper .text{width:100%;padding-right:30px;padding-left:33px}@media screen and (max-width:750px){.hp--image-with-text .hp--wrapper .text{width:100%}.hp--image-with-text.image-first .hp--wrapper .text{padding:0 1.5rem}}.hp--image-with-text .hp--wrapper .text .heading{font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:35px;line-height:42px;text-align:left;text-transform:capitalize;color:#fff;margin:0 0 30px;position:relative}.hp--image-with-text .hp--wrapper .text .underlined_text{padding-bottom:20px}.hp--image-with-text .hp--wrapper .text .paragraph{font-style:normal;font-weight:400;font-size:16px;line-height:190%;color:#fff;margin-bottom:30px}.hp--image-with-text .hp--wrapper .text .paragraph p{margin:0}.hp--image-with-text .image-with-text__buttons{display:grid;grid-template-columns:auto;grid-template-rows:auto auto;gap:10px}@media screen and (min-width:750px){.hp--image-with-text .image-with-text__buttons{grid-template-columns:auto auto;grid-template-rows:auto}}.hp--image-with-text .hp--wrapper .text .button{font-family:var(--font-heading-family);font-style:normal;font-weight:600;font-size:20px;line-height:18px;text-transform:capitalize}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hp--image-with-text.css.map */