/** Shopify CDN: Minification failed

Line 16:16 Expected identifier but found whitespace
Line 16:18 Unexpected "{"
Line 16:27 Expected ":"
Line 16:78 Expected ":"
Line 17:19 Expected identifier but found whitespace
Line 17:21 Unexpected "{"
Line 17:30 Expected ":"
Line 17:84 Expected ":"

**/

.video-banner{
   
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  /* background:black; */
}
.video-banner {
   margin: 36px 0;
  position: relative;
  overflow: hidden;
}

.video-banner__wrapper {
  position: relative;
}

.video-banner__video {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.video-banner__overlay {
  position: absolute;
  top: -7px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); /* Adjust the color and opacity as needed */
}

.video-banner__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 1;
}

.video-banner__button {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(120deg, #f15a24, #b67a31, #009245);
    color: #fff;
    text-decoration: none;
    margin-top: 10px;
    border-radius:20px;
    text-transform: uppercase;
}

/* .video-banner__button:hover {
  background-color: #ddd;
} */

a:empty, ul:empty, dl:empty, div:empty, section:empty, article:empty, p:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: block;
}

.video-banner__content h2 {
    color: #f8f8f8;
    font-size: 52px;
    font-weight: bold;
      margin: 0;
      text-transform: uppercase;
}
   .video-banner__content p.subhading {
     font-size: 18px;
   color:#f8f8f8;
   font-weight: 600;
}

 .video-banner__content p {
    font-size: 18px;
   color:#f8f8f8;
}

  @media screen and (max-width: 1024px){
.video-banner__video {
    width: 100%;
        height: 100% !important;
        object-fit: cover;
        min-height: 500px;
}
.video-banner__content h2 {
    color: #f8f8f8;
    font-size: 30px;
    }
    .video-banner__content{
          width: 100%;
    padding: 0 15px;
    }
  }
  .button-secondary_cs{
  position: relative;
  width: 100%;
  text-align: left;
  max-width: 285px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  outline: none !important;
  background-color: #ffffff;
  color: #0e0e52 !important;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 40px;
  transition: 500ms;
  border-radius: 32px;
  overflow: hidden;
  z-index: 1;
}
.button-secondary_cs::before {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 85px;
  height: 100%;
  background-color: #0e0e52;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 30px;
  opacity: 0.1;
  content: "";
  border-radius: 32px;
  transform: scale(1);
  transition: 500ms ease;
  z-index: -1;
}
  .button-secondary_cs:hover::before{
  width: 100%;
  transition: 1s;
  transform: scale(1.5);
  border-radius: 0;
  background-color: #1e1e22;
  opacity: .1;
}
@media (max-width: 991px) {

  .button-secondary_cs {
    width: 250px;
    padding: 12px 24px;
    font-size: 15px;
  }
}