section.whats-on{background:#74973D;overflow:hidden;padding:90px 1rem!important}section.whats-on .separator{position:absolute;width:100%;height:50px;overflow:hidden;left:0}section.whats-on .separator svg{width:100%;height:100%;display:block}section.whats-on .separator.top{top:-2px}section.whats-on .separator.bottom{bottom:-2px}section.whats-on .wrapper{max-width:100%}section.whats-on .wrapper .content{max-width:1216px;padding:0 16px;margin:0 auto}section.whats-on .wrapper .content h2,section.whats-on .wrapper .content h3{color:#fff}section.whats-on .wrapper .content h2 *,section.whats-on .wrapper .content h3 *{color:#f8b700}section.whats-on .wrapper .content p{font-size:1rem}section.whats-on .wrapper .carousel .item{display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:auto}section.whats-on .wrapper .carousel .item .content{background:#4d752d;padding:1rem 2.5rem 1rem 1rem;border-radius:1rem;width:100%}section.whats-on .wrapper .carousel .item .content .time{display:flex;align-items:center;justify-content:flex-start;flex-direction:row;flex-wrap:auto;color:#fff}section.whats-on .wrapper .carousel .item .content .time svg{width:20px;height:20px;min-width:20px;min-height:20px}section.whats-on .wrapper .carousel .item .content h4{color:#fff;font-size:1.25rem}section.whats-on .wrapper .carousel .item .content p{color:#fff}section.whats-on .wrapper .carousel .item .image-wrapper{position:relative;min-width:180px;height:250px;margin-left:-2rem}section.whats-on .wrapper .carousel .item .image-wrapper .border{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}section.whats-on .wrapper .carousel .item .image-wrapper .border img{width:100%;height:100%;object-fit:contain;object-position:center}section.whats-on .wrapper .carousel .item .image-wrapper .image{position:absolute;z-index:2;width:100%;height:92%;left:0;bottom:8%}section.whats-on .wrapper .carousel .item .image-wrapper .image svg{position:absolute;width:100%;height:100%;top:0;left:0}section.whats-on .wrapper .carousel .item .image-wrapper .image img{width:100%;height:100%;object-fit:cover;object-position:center;-webkit-clip-path:url(#whats-clip);clip-path:url(#whats-clip)}@media only screen and (min-width: 992px){section.whats-on{padding:120px 1rem!important}section.whats-on .separator{height:80px}section.whats-on .wrapper .carousel .swiper{overflow:visible}section.whats-on .wrapper .carousel .swiper .swiper-slide{width:auto;flex-shrink:0;height:auto}section.whats-on .wrapper .carousel .swiper .item{width:400px}}