.cards-gradient-section{display:grid}.cards-gradient-section--left{grid-template-columns:45% 55%}.cards-gradient-section--right{grid-template-columns:55% 45%}.cards-gradient-col--gradient{background-image:url(https://www.nobl9.com/hubfs/How_It_Works_Gradients_Rasterized-05-1.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;padding:60px 70px}.cards-gradient-section--right .cards-gradient-col--gradient{background-image:url(https://www.nobl9.com/hubfs/How_It_Works_Gradients_Rasterized-06.png)}.cards-gradient--title{color:#fff;font-size:28px;font-weight:700;margin:0 0 30px}.cards-gradient--desc{color:#fff;font-size:17px;font-weight:300;line-height:1.6}.cards-gradient--desc a{color:#fff;font-weight:500}.cards-gradient--desc a:hover{text-decoration:underline}.cards-gradient--btn{background-color:#fc4799;border-radius:10px;color:#fff;display:inline-block;font-size:16px;font-weight:500;margin-top:30px;max-width:max-content;padding:8px 18px;text-decoration:none;transition:all .2s}.cards-gradient--btn:hover{background-color:#000;color:#fff;font-weight:500;transition:all .2s}.cards-gradient-col-img img{box-shadow:0 0 18px rgba(0,0,0,.3);position:relative;top:-40px}.cards-gradient-section--right .cards-gradient-col-img{order:2}.cards-gradient-section--right .cards-gradient-col-img img{left:-20px}.cards-gradient-section--left .cards-gradient-col-img img{right:-20px}.cards-gradient-section--left .cards-gradient-col--gradient{padding-left:90px}.cards-gradient-section--right .cards-gradient-col--gradient{padding-right:90px}.cards-gradient-section--overflow .cards-gradient-col--gradient{background-image:none;background:linear-gradient(45deg,#687aa7,#2ca2c2 49%,#4fd4e5);z-index:1}.cards-gradient-section--overflow .cards-gradient-col-img img{box-shadow:none;left:45%;position:absolute;top:-10px;width:62%;z-index:2}.cards-gradient-section--overflow{position:relative}.cards-gradient-section--overflow:before{border:1px solid #000;border-radius:30px;bottom:-20px;content:"";height:100%;left:-20px;position:absolute;width:100%}@media screen and (max-width:768px){.cards-gradient-section--left,.cards-gradient-section--right{grid-template-columns:auto}.cards-gradient-section--left .cards-gradient-col-img{order:2}.cards-gradient-col--gradient{border-bottom-left-radius:0;border-bottom-right-radius:0}.cards-gradient-section--right .cards-gradient-col-img img{border-bottom-left-radius:20px;border-bottom-right-radius:20px;left:0;top:0}.cards-gradient-section--left .cards-gradient-col-img img{border-bottom-left-radius:20px;border-bottom-right-radius:20px;right:0;top:0}.cards-gradient-section--left .cards-gradient-col--gradient,.cards-gradient-section--right .cards-gradient-col--gradient{padding:50px}.cards-gradient-section--overflow .cards-gradient-col-img img{display:none}.cards-gradient-section--overflow .cards-gradient-col--gradient{border-radius:20px;padding:30px}.cards-gradient-section--overflow:before{content:none}}