/** Shopify CDN: Minification failed

Line 165:0 Unexpected "}"

**/

.video-content-with-media{z-index:1;}
.video-section__content .video-play-icon{margin-bottom:50px;}
.video-section__content .video-button{display:inline-block;}
.video-section__content .sub-title-wrapper h2.sub-title{color: var(--gradient-base-accent-2);font-weight: 400;}
.video-section__content .video-play-icon{position:relative;}


@media only screen and (min-width:1540px){
.video-section__content .video-play-icon{margin-bottom:90px;}
.video-content-with-media .video-content-part{width: 100%;  max-width: 55%;  margin-left: 32%;margin-top:50px;}  
}

@media only screen and (min-width:1200px){
  .video-section__content .sub-title-wrapper h2.sub-title{ font-size: 4.2rem;}
 .video-section__content .video-play-icon .watch-more:after{content:"PLAY VIDEO";position:absolute;  color: var(--gradient-base-accent-3);  font-size: 1.3rem;top: 15px; bottom: 0px;    right: 0;    left: 80px;    white-space: nowrap;  }
  .video-content-with-media { display: grid;grid-template-columns: repeat(2,1fr);padding: 0;margin: 0;max-width:100%;align-items: center;}

}
@media only screen and (max-width:1540px) and (min-width:1200px) {
  .video-content-with-media .video-content-part{margin:auto;max-width:70%;}
  .video-section__content .video-play-icon:after{right: 60%;}
}
@media only screen and (max-width:1199px){
  .video-content-with-media .video-content-part .video-section__content{text-align:center;}
  .video-section__content .video-play-icon{justify-content:center;}
  .video-content-with-media { display: flex;gap:0px;flex-direction:column-reverse;align-items: center; justify-content: center;}
}
@media only screen and (max-width:1539px){
.video-section .banner__media{display:none;}
}
.watch-more {
  display: inline-block;
  color: var( --color-foreground);
  font-size: 14px;
  text-decoration: none;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background: var( --gradient-background);
  border-radius: 50%;
  transition: all 0.3s linear;
  -webkit-animation: ripple 1s linear infinite;
  animation: ripple 1s linear infinite;
  position:relative;
}
 @keyframes ripple {
    0% {
      box-shadow: 
        0 0 0 0 rgba(255, 255, 255 , 0.05), 
        0 0 0 10px rgba(255, 255, 255 , 0.05), 
        0 0 0 30px rgba(255, 255, 255 , 0.05), 
        0 0 0 50px rgba(255, 255, 255 , 0.05);
    }
    100% {
      box-shadow: 
        0 0 0 10px rgba(255, 255, 255 , 0.05), 
        0 0 0 30px rgba(255, 255, 255 , 0.05), 
        0 0 0 50px rgba(255, 255, 255 , 0.05), 
        0 0 0 80px rgba(255, 255, 255 , 0);
    }
  }
.video-play-icon {
    display: flex;
    justify-content: left;
    align-items: center;
}
.watch-more:hover, .watch-more:focus, .watch-more:active {
  color: var(--color-icon);
  background: var(--gradient-base-background-1);
}
svg.icon.icon-play {
    height: 20px;
    width: 20px;
}
body.gradient.overlay-active {
    overflow-y: hidden;
}
/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.7);
}

.video-popup {
  display: none;
  z-index: 2;
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translateX(-50%);
  border: 1px solid #ccc;
  padding: 10px 20px;
  background-color: #fff;
  border-radius: 4px;
}
.video-popup.visible {
  display: block;
}
.video-popup .close {
  position: absolute;
  right: 8px;
  top: -10px;
  font-weight: 900;
  font-size: 28px;
  color: black;
  padding: 5px 10px;
  border-bottom: none;
  cursor: pointer;
}

.video-wrapper {
  width: 800px;
  margin: 30px auto;
}
@media only screen and (max-width: 560px) {
  .video-wrapper {
    width: 350px;
  }
}
.video-wrapper .video-container {
  position: relative;
  padding-bottom: 55.25%;
  height: 0;
  overflow: hidden;
}
.video-wrapper .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-section {
 
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.video-section__content .title{color:var(--gradient-background);}
.video-banner .video-section__content p {
    font-family: var(--font-body-family);
    font-weight: 200;
    font-size: 1.4rem;
    padding: 0;
    line-height: calc(1 + 0.3 / max(1, var(--font-heading-scale)));
    line-height:24px;
}  
}
.video-section__content{    text-align: left;}
.video-content-with-media .video-content-part{padding:30px;}

@media only screen and (min-width: 580px) and (max-width:1199px) {
.video-content-with-media .video-content-part .video-section__content{width:100%;max-width:80%;margin:auto;}
}
@media only screen and (min-width:1980px) {
.video-content-with-media .video-content-part .video-section__content{    width: 100%;   max-width: 75%;}
}