.parralax-image-block{
    margin-block-end: 100px!important;
}
.parralax-image-block .parallax-columns{
    display: flex;
    justify-content: center;
    color: #1E2237;
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}

.parralax-image-block .parallax-image-main{
    max-width: 480px;
    margin: 0;
}
.parralax-image-block .parallax-image-main:before{
    content: "";
    height: 60%;
    width: 85%;
    background: #D1FF61;
    display: block;
    position: absolute;
    bottom: 0;
    z-index: -1;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-border-radius: 8px;
    -moz-border-radius:  8px;
    border-radius:   8px;
}
.parralax-image-block.active .parallax-image-main:before{
    bottom: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

}
.parralax-image-block .parallax-column{
    max-width: 480px;
    position: relative;
}
.parralax-image-block .text-parallax-column{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10%;
    margin-bottom: -260px;
}
.parralax-image-block .text-parallax-column h2{
    margin-bottom: 40px;
    max-width: 560px;

}
#Brand-Experience .parralax-image-block .text-parallax-column h2{
    background: #FFF;
    background: linear-gradient(to right, #FFF 0%, #61FFDE 50%, #61FFDE 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 20px;
    font-size: 60px;
}
#Shopper-Marketing .parralax-image-block .text-parallax-column h2{
    background: #FFF;
    background: linear-gradient(to right, #FFF 0%, #FF4D28 50%, #FF4D28 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#Retail-Operations .parralax-image-block .text-parallax-column h2{
    background: #FFF;
    background: linear-gradient(to right, #FFF 0%, #0045DF 50%, #0045DF 100%);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.parralax-image-block .text-parallax-column p{
    margin-bottom: 40px;
    max-width: 560px;
    color: #9AA0AE;
    font-size: 20px;
    line-height: 28px;
}
.overlay-text-columns{
    position: absolute;
    background: var(--wp--preset--color--foreground);
    max-width: 375px;
    right: 0px;
    z-index: 1;
    bottom: -160px;
    padding: 28px;
    box-sizing: border-box;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.parralax-image-block.active .overlay-text-columns{
    right: 0px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.overlay-text-columns .overlay-big-text{
    font-size: 70px;
    line-height: 70px;
    color: #99CE01;
    font-family:"DM Serif Display",sans-serif;
    margin-bottom: 10px;

}
.overlay-text-columns .overlay-small-text{
    color: #1E1E1E;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

#Brand-Experience .parralax-image-block .parallax-image-main::before{
    background: #22AC8F;
}
#Brand-Experience .overlay-text-columns{
    background: #61FFDE;
}
#Brand-Experience .overlay-text-columns .overlay-big-text{
    color: #080717;
}
#Brand-Experience .overlay-text-columns .overlay-small-text{
    color: #080717;
}

#Shopper-Marketing .parralax-image-block .parallax-image-main::before{
    background: #FF4D28;
}
#Shopper-Marketing .overlay-text-columns{
    background: #381109;
}
#Shopper-Marketing .overlay-text-columns .overlay-big-text{
    color: #FF4D28;
}
#Shopper-Marketing .overlay-text-columns .overlay-small-text{
    color: #fff;
}

#Retail-Operations .parralax-image-block .parallax-image-main::before{
    background: #0045DF;
}
#Retail-Operations .overlay-text-columns{
    background: #141D24;
}
#Retail-Operations .overlay-text-columns .overlay-big-text{
    color: #0045DF;
}
#Retail-Operations .overlay-text-columns .overlay-small-text{
    color: #fff;
}


@media only screen and (max-width: 1200px) {
    .parralax-image-block .text-parallax-column{
        margin-bottom: 0;
    }
}