.hp--video-with-text{padding:100px 0;background:#fff}.hp--video-with-text .hp--wrapper{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-areas:"video video text";grid-column-gap:33px;grid-row-gap:0px}@media screen and (max-width:750px){.hp--video-with-text .hp--wrapper{display:flex;flex-direction:column;row-gap:38px;padding:0}}.hp--video-with-text .hp--wrapper .video{grid-area:video}@media screen and (max-width:750px){.hp--video-with-text .hp--wrapper .video iframe{width:100%;height:100%;aspect-ratio:2/1}}.hp--video-with-text .hp--wrapper .video iframe{width:100%;height:100%;aspect-ratio:2/1}.hp--video-with-text .hp--wrapper .text{grid-area:text;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:750px){.hp--video-with-text .hp--wrapper .text{padding:0 15px}}.hp--video-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-transform:capitalize;color:#fff;margin:0 0 30px;position:relative}@media screen and (min-width:750px){.hp--video-with-text .hp--wrapper .text .heading{font-size:40px;line-height:48px}}.hp--video-with-text .hp--wrapper .text .heading span{position:relative}.hp--video-with-text .hp--wrapper .text .heading span:after{content:"TM";font-family:var(--font-heading-family);font-style:normal;font-weight:700;font-size:12px;line-height:15px;text-transform:capitalize;color:#fff;position:absolute;top:-8px;white-space:nowrap}.hp--video-with-text .hp--wrapper .text .paragraph{font-style:normal;font-weight:400;font-size:16px;line-height:190%;color:#fff;margin-bottom:30px}.hp--video-with-text .hp--wrapper .text .paragraph p{margin:0}.hp--video-with-text .hp--wrapper .text a{text-decoration:none}.hp--video-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;color:#fff}.video--has-poster{position:relative;display:flex;align-items:center}.play-button__wrapper{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1;cursor:pointer}.play-button__wrapper svg.icon.icon-play{width:2rem;height:2rem;color:#000}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hp--video-with-text.css.map */