/** Shopify CDN: Minification failed

Line 70:7 Expected ":"
Line 70:8 Expected identifier but found "10px"

**/
.triple-banner {
    width: 100%;
}

.triple-banner > div {
    width: 100%;
    clear: both;
    position: relative;
}

.triple-banner > div .left,
.triple-banner > div .right {
    width: 50%;
    float: left;
    position: relative;
} 

.triple-banner img {
    width: 100%;
    height: auto;
    display: block;
}

.triple-banner img.mobile {
    display: none;
}

.triple-banner .text {
    position: absolute;
    left: var(--general-padding);
    bottom: var(--general-padding);
    z-index: 2;
}

.triple-banner .text.white {
    color: var(--color-white);
}

.triple-banner a .text {
    color: var(--color-black);
}

.triple-banner a .text.white {
    color: var(--color-white);
}
.container-cta
.title2 {
    text-transform:uppercase;
    font-size:14px;
}
.container-cta
.subtitle2 {
    margin-bottom:20px;
  font-size:14px;
}
.container-cta
.link2 {
    text-decoration:underline;
}
.container-cta .text2.white {
    color: var(--color-white) !important;
}
.container-cta {   
    gap;10px;
    color: var(--color-black);
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top:10%;
    display: flex;
    align-items: center;
    z-index: 5;
    top: 0px;
    left: 0px;
    justify-content: center;
    flex-direction: column;

}

@media screen and (max-width: 749px) {
    .triple-banner > div .left,
    .triple-banner > div .right {
        width: 100%;
    }

    .triple-banner img.desktop {
        display: none;
    }

    .triple-banner img.mobile {
        display: block;
    }
}