/** Shopify CDN: Minification failed

Line 262:3 Unexpected "/"

**/
.custom-image-text-section {
    width: 100%;
    overflow: hidden;
    display: block;
}

.image-text-container {
    margin: 0 auto;
    max-width: var(--container-max-width);
    width: 100%;
}

.image-text-container.full-width-enabled {
    max-width: 100% !important;
    padding: 0 !important;
}

.image-text-wrapper {
    display: flex;
    flex-direction: column-reverse;
    width: 100%;
}

.image-column {
    width: 100%;
    line-height: 0;
    overflow: hidden;
}

.image-column img.fit-image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

.content-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 20px;
    width: 100%;
    box-sizing: border-box;
}

.content-inner-box {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.content-subheading {
    margin: 0 0 12px 0;
    line-height: 1.4;
    text-transform: none;
}

.content-heading {
    margin: 0 0 24px 0;
    line-height: 1.1;
    word-wrap: break-word;
}

.custom-section-button {
    display: inline-block;
    padding: 10px 40px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    text-transform: uppercase;
}
.workout-content p{
    margin:0;
}
.custom-section-button:hover {
    opacity: 0.8;
}
.custom-video{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  height:600px !important;
}

.image-column video{
  width:100%;
  height:100%;
  object-fit:contain;
}
@media screen and (min-width: 750px) {
    .image-text-wrapper {
        flex-direction: row;
        align-items: stretch;
    }

    .image-text-wrapper.desktop-alignment-right {
        flex-direction: row-reverse;
    }

    .image-column img.fit-image {
        height: 100%;
    }

    .content-column {
        padding: 50px;
    }

    .image-text-container:not(.full-width-enabled) {
        padding: 0 40px;
    }
}

.placeholder-svg-custom {
    background-color: #f3f3f3;
    width: 100%;
    height: 450px;
    display: block;
}

/* ===================================================
   RICH HEADING + FEATURE ICONS CSS
   =================================================== */

.custom-rich-heading {
    margin-bottom: 15px;
}

.custom-rich-heading h1,
.custom-rich-heading h2,
.custom-rich-heading h3,
.custom-rich-heading h4,
.custom-rich-heading h5,
.custom-rich-heading h6 {
    margin: 0;
    line-height: 1.1;
}

.custom-rich-heading p {
    margin: 0;
}

.custom-rich-heading strong {
    color: #3b5ccc;
}

.feature-icons-wrapper {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
    margin-top: 30px;
    flex-wrap: wrap;
    width: 100%;
}

.feature-item {
    text-align: center;
    max-width: 120px;
}

.feature-icon {
    display: block;
    margin: 0 auto 12px;
    object-fit: contain;
}

.feature-item h4 {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.3;
}
.feature-icons-wrapper {
    padding-bottom: 20px;
}
.feature-item p {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}
.feature-title p {
    color: #000;
    padding-bottom: 10px;
}
@media screen and (max-width: 768px) {

    .feature-icons-wrapper {
        gap: 30px;
        justify-content: center;
    }

    .feature-item {
        max-width: 120px;
    }

    .feature-item h4 {
        font-size: 12px;
    }

    .feature-item p {
        font-size: 12px;
    }

    .feature-icon {
        max-width: 35px;
    }
}


.custom-video{
  width:100%;
  height:700px !important; /* Desktop banner height */
  display:block;
  object-fit:cover;
}

/* Shopify video element */
.image-column video{
  width:100%;
  height:700px !important;
  display:block;
  object-fit:cover;
}

/* Desktop */
@media screen and (min-width:750px){
  .image-column{
    overflow:hidden;
  }

  .custom-video,
  .image-column video{
    width:100%;
    height:700px !important;
    object-fit:cover;
  }
}

/* Tablet */
@media screen and (max-width:1024px){
  .custom-video,
  .image-column video{
    height:400px !important;
  }
}

/* Mobile */
@media screen and (max-width:768px){
  .custom-video,
  .image-column video{
    width:100%;
    height:350px !important;
    object-fit:cover;
  }
} */


