/* Custom Fonts on the page */
.tag-spot-the-difference .has-shelby-regular-font {
    font-family: 'shelby', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.tag-spot-the-difference .has-sofia-pro-light-font {
    font-family: 'sofia-pro', sans-serif;
    font-weight: 300;
    font-style: normal;
}
.tag-spot-the-difference .has-sofia-pro-medium-font {
    font-family: 'sofia-pro', sans-serif;
    font-weight: 500;
    font-style: normal;
}
.tag-spot-the-difference .has-sofia-pro-semi-bold-font {
    font-family: "sofia-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.tag-spot-the-difference .has-sofia-pro-black-font {
    font-family: 'sofia-pro', sans-serif;
    font-weight: 900;
    font-style: normal;
}

.tag-spot-the-difference .has-itc-avant-garde-gothic-pro-medium-font {
    font-family: 'itc-avant-garde-gothic-pro', sans-serif;
    font-weight: 500;
    font-style: normal;
}
.tag-spot-the-difference .has-itc-avant-garde-gothic-pro-bold-font {
    font-family: "itc-avant-garde-gothic-pro", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.tag-spot-the-difference .has-itc-avant-garde-gothic-pro-demi-font {
    font-family: "itc-avant-garde-gothic-pro", sans-serif;
    font-weight: 600;
    font-style: normal;
}
.tag-spot-the-difference .has-itc-avant-garde-gothic-pro-book-font {
    font-family: "itc-avant-garde-gothic-pro", sans-serif;
    font-weight: 300;
    font-style: normal;
}


.tag-spot-the-difference {
    letter-spacing: 0px;
}
.tag-spot-the-difference .fl-button {
    white-space: nowrap;
}
.tag-spot-the-difference .has-sofia-pro-light-font i {
    font-size: 6.8rem;
    font-family: 'shelby', sans-serif;
}
.tag-spot-the-difference .uabb-ultb3-box {
    background: none!important;
    overflow:visible;
}
.tag-spot-the-difference .uabb-ultb3-info {
    display:flex;
    flex-direction:row;
    flex-wrap: nowrap;
    align-items: center;
    gap:20px;
    padding:0;
}
.tag-spot-the-difference .has-product-green .uabb-ultb3-title,
.tag-spot-the-difference .has-product-red .uabb-ultb3-title,
.tag-spot-the-difference .has-product-purple .uabb-ultb3-title,
.tag-spot-the-difference .has-product-yellow .uabb-ultb3-title {
    font-family: 'shelby', sans-serif !important;
    font-weight: 300!important;
}
.tag-spot-the-difference .has-product-green .uabb-ultb3-title {
    color: #00a9ac!important;
}
.tag-spot-the-difference .has-product-red .uabb-ultb3-title {
    color: #db403f!important;
}
.tag-spot-the-difference .has-product-purple .uabb-ultb3-title {
    color: #9883bd!important;
}
.tag-spot-the-difference .has-product-yellow .uabb-ultb3-title {
    color: #eac736!important;
}

.tag-spot-the-difference *:not(.styling-excluded, .styling-excluded *) {
    line-height: 1.2!important;
}

.tag-spot-the-difference h1, .tag-spot-the-difference h2, .tag-spot-the-difference h3, .tag-spot-the-difference h4, .tag-spot-the-difference h5, .tag-spot-the-difference h6 {
    text-transform:none!important;
    letter-spacing:-0.1px;
}
.tag-spot-the-difference sup {
    font-size:50%!important;
    top:-15px;
}

.tag-spot-the-difference .text-two-rows {
    display:flex;
    flex-direction:column;
    
}
.tag-spot-the-difference h2 {
    font-size: 2.9rem;
}
.tag-spot-the-difference h2.product-title {
    font-size: 2.25rem;
    letter-spacing: -1px!important;
}
.tag-spot-the-difference h3 {
    font-size: 1.7rem;
}
.tag-spot-the-difference p {
    font-size: 1.4rem;
}

@media only screen and (min-width: 769px) {
    .tag-spot-the-difference .has-cursiv-hero-bg > .fl-row-content-wrap {
        background-size: 100% auto!important; 
    }
}
@media only screen and (max-width: 768px) {
    .tag-spot-the-difference .has-cursiv-hero-bg > .fl-row-content-wrap {
        background-size: contain;
    }
}