:root{--transformtitleprperty:100%}
.col_2_layout{display:flex;flex-direction:row;overflow:hidden}
.col_2_layout .col_2{width:50%;margin:0;max-width:unset;min-height:700px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}
.animatecol_2{opacity:0;transform:translate(0,20%);transition:transform .3s .7s,opacity .3s .7s;transition-property:transform,opacity;transition-duration:.5s,0.5s;transition-timing-function:ease-in-out,ease-in-out;transition-delay:.3s,0.3s}
.animatecol_2:nth-child(2){transition-delay:.4s,0.4s}
.animatecol_2.animate{opacity:1;transform:translate(0,0)}
.col_2_layout .col_2 .title{transform:translate(0,var(--transformtitleprperty));transition:transform .5s ease-in-out;font-family:var(--pnsb);font-size:60px;text-align:center;line-height:1.1;margin:0 auto;width:90%;pointer-events:none}
.col_2_layout .col_2 .desc{transform:translate(0,50px);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;font-size:28px;font-family:var(--pnr);text-align:center;margin:10px auto 20px;width:90%;pointer-events:none}
.col_2_layout .col_2 .buttonContainer{transform:translate(0,50px);opacity:0;transition:transform .5s ease-in-out,opacity .5s ease-in-out;pointer-events:none;padding:0 4%}
.col_2_layout .col_2 .buttonContainer a{pointer-events:auto}
.col_2_layout .col_2:first-child .title span{color:#bc246a}
.col_2_layout .col_2:nth-child(2) .title span{color:#7dc35f}
.col_2_layout .col_2:hover .title{transform:translate(0,0)}
.col_2_layout .col_2:hover .desc{transform:translate(0,0);opacity:1}
.col_2_layout .col_2:hover .buttonContainer{transform:translate(0,0);opacity:1}
.col_2_layout .col_2.light .title,.col_2_layout .col_2.light .desc{color:#2b0060}
.col_2_layout .col_2.light .buttonContainer a{background:#2b0060;color:#fff}
.col_2_layout .col_2.dark .title,.col_2_layout .col_2.dark .desc{color:#fff}
.col_2_layout .col_2.dark .buttonContainer a{background:#fff;color:#2b0060}
@media screen and (max-width:1024px){.col_2_layout{flex-wrap:wrap}
.col_2_layout .col_2{min-height:unset;width:100%;padding:100px 0}
.col_2_layout .col_2 .title{transform:translate(0,0)}
.col_2_layout .col_2 .title{font-size:50px}
.col_2_layout .col_2 .desc{font-size:24px}
.col_2_layout .col_2 .desc{transform:translate(0,0);opacity:1}
.col_2_layout .col_2 .buttonContainer{transform:translate(0,0);opacity:1}
}
@media screen and (max-width:768px){.col_2_layout .col_2{padding:60px 0}
.col_2_layout .col_2 .title{font-size:40px}
.col_2_layout .col_2 .desc{font-size:20px}
.col_2_layout .col_2 .title br{display:none}
.col_2_layout .col_2 .desc br{display:none}
}