.atd-hero-with-video{padding:20px;display:grid;grid-template-columns:1fr;gap:40px}@media (min-width: 768px){.atd-hero-with-video{padding:80px 40px}}@media (min-width: 1200px){.atd-hero-with-video{align-items:flex-start;row-gap:20px;column-gap:30px;grid-template-columns:522px auto}}@media (min-width: 1400px){.atd-hero-with-video{padding:80px 0;grid-template-columns:522px 740px}}.atd-hero-with-video .image-container{margin-bottom:10px;-webkit-clip-path:polygon(65% 1%,100% 0,99% 34%,100% 64%,100% 99%,66% 100%,31% 99%,1% 100%,1% 78%,0 55%,1% 23%,0 1%,24% 0);clip-path:polygon(65% 1%,100% 0,99% 34%,100% 64%,100% 99%,66% 100%,31% 99%,1% 100%,1% 78%,0 55%,1% 23%,0 1%,24% 0)}.atd-hero-with-video .image-container img{border-radius:0;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;width:100%;object-fit:cover}.atd-hero-with-video .content-wrapper{display:flex;flex-direction:column;color:#2b2b2b}@media (min-width: 768px){.atd-hero-with-video .content-wrapper{flex-direction:row;align-items:flex-end;justify-content:space-between}}@media (min-width: 1200px){.atd-hero-with-video .content-wrapper{align-items:flex-start;justify-content:flex-start;flex-direction:column}}.atd-hero-with-video .content-wrapper h1{color:#2b2b2b;font-weight:300;margin-bottom:28px}@media (min-width: 1200px){.atd-hero-with-video .content-wrapper h1{max-width:460px}}.atd-hero-with-video .content-wrapper p{margin-bottom:0}.atd-hero-with-video .content-wrapper .play-container{position:relative;margin-top:28px;transition:all .3s ease;width:fit-content;margin-left:0;cursor:pointer}.atd-hero-with-video .content-wrapper .play-container:hover{transform:scale(1.05)}@media (min-width: 768px){.atd-hero-with-video .content-wrapper .play-container{min-width:148px;margin-left:0;margin-bottom:-32px}}@media (min-width: 1200px){.atd-hero-with-video .content-wrapper .play-container{margin-bottom:0}}.atd-hero-with-video .content-wrapper .play-container .play-icon-animation{width:100%;display:block;max-width:90px;animation:rotate_path 12s linear infinite forwards}@media (min-width: 768px){.atd-hero-with-video .content-wrapper .play-container .play-icon-animation{max-width:148px}}@media (min-width: 1200px){.atd-hero-with-video .content-wrapper .play-container .play-icon-animation{max-width:220px}}.atd-hero-with-video .content-wrapper .play-container .play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;width:100%;display:block;max-width:34px}@media (min-width: 768px){.atd-hero-with-video .content-wrapper .play-container .play-icon{max-width:56px}}@media (min-width: 1200px){.atd-hero-with-video .content-wrapper .play-container .play-icon{max-width:72px}}.atd-hero-with-video .video-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:-999;opacity:0}.atd-hero-with-video .video-modal.show-modal{z-index:999;opacity:1}.atd-hero-with-video .video-modal .video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;background:#000c}.atd-hero-with-video .video-modal .video-container{width:auto;max-width:1200px;z-index:10;position:relative;max-height:100vh}.atd-hero-with-video .video-modal .video-container #video{height:100%;min-height:70vh;max-height:100vh;object-fit:contain}.atd-hero-with-video .video-modal .video-container .close-modal{position:absolute;top:12px;right:12px;color:#fff;font-size:32px;z-index:10;cursor:pointer;transition:all .3s ease}.atd-hero-with-video .video-modal .video-container .close-modal:hover{transform:scale(1.05)}.atd-hero-with-video .video-modal .video-container .close-modal img{width:40px}@keyframes rotate_path{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/atd-hero-with-video.css.map */
