.homepage-ribbon-block{background-color:var(--wp--preset--color--bnpp-green);padding:var(--wp--preset--spacing--30) 0;position:relative;z-index:2}.homepage-ribbon-block.hidden{display:none}.homepage-ribbon-block .content-col{align-items:center;display:flex;gap:var(--wp--preset--spacing--60);justify-content:space-between;position:relative;z-index:2}.homepage-ribbon-block .content-col .content{align-items:center;display:flex;flex-wrap:wrap;gap:var(--wp--preset--spacing--20) var(--wp--preset--spacing--60)}.homepage-ribbon-block .content-col .content p{color:var(--wp--preset--color--white);margin:0}.homepage-ribbon-block .content-col .close{--iconSize:40px;background:unset;border:unset;cursor:pointer;height:var(--iconSize);position:relative;width:var(--iconSize)}.homepage-ribbon-block .content-col .close:after,.homepage-ribbon-block .content-col .close:before{background-color:var(--wp--preset--color--white);content:"";height:2px;left:50%;position:absolute;top:50%;width:100%}.homepage-ribbon-block .content-col .close:before{transform:translate(-50%,-50%) rotate(45deg)}.homepage-ribbon-block .content-col .close:after{transform:translate(-50%,-50%) rotate(-45deg)}.homepage-ribbon-block .content-col .close:focus{outline:3px dotted #b2d9cb;outline-offset:1px}.homepage-ribbon-block:after{background-color:#65a588;clip-path:polygon(0 0,100% 0,100% 100%,30% 100%);content:"";height:100%;position:absolute;right:0;top:0;width:min(300px,25%);z-index:1}