.section__recent-posts{padding:var(--space-85) 0}.section__recent-posts.grey{background:var(--color-n-grey)}.section__recent-posts.mangrove{background:var(--color-p-700);color:var(--color-n-white)}.section__recent-posts.quandong{background:var(--color-p-400);color:var(--color-n-white)}.section__recent-posts.eucalyptus{background:var(--color-a-400);color:var(--color-p-700)}.section__recent-posts.mangrove h1.title,.section__recent-posts.quandong h1.title{color:var(--color-n-white)}.section__recent-posts.mangrove a.link,.section__recent-posts.quandong a.link{border-color:var(--color-n-white);color:var(--color-n-white)}.section__recent-posts .header{margin-bottom:var(--space-7)}.section__recent-posts .title{font-size:4.8rem}.section__recent-posts .header a{border-color:var(--color-p-700);color:var(--color-p-700);margin:0}.section__recent-posts .swiper{margin-bottom:var(--space-6)}.section__recent-posts .card-icon-img{height:248px}.section__recent-posts .card-icon-img img{height:248px;object-fit:cover}.section__recent-posts .card-item .card-title{display:block;font-size:2.8rem;line-height:3.2rem;margin:var(--space-4) 0}.section__recent-posts .card-item p.card-copy{margin-bottom:var(--space-4)}.section__recent-posts .card-item a.link{border-color:var(--color-p-700);color:var(--color-p-700);margin:0}.section__recent-posts a.link:hover{background:var(--color-p-700);color:var(--color-n-white)}.section__recent-posts .swiper-nav{display:inline-flex;justify-content:space-between;position:relative;width:100%}.section__recent-posts .swiper-nav .swiper-next,.section__recent-posts .swiper-nav .swiper-prev{cursor:pointer}.section__recent-posts .swiper-nav svg{height:20px;width:32px}.section__recent-posts .swiper-nav .swiper-prev svg{transform:rotate(180deg)}@media only screen and (max-width:768px){.section__recent-posts{padding:var(--space-6) 0}.section__recent-posts .container{flex-direction:column}.section__recent-posts .header{align-items:start;margin-bottom:var(--space-6)}.section__recent-posts .content,.section__recent-posts .image-container{width:100%}.section__recent-posts .content{padding-bottom:var(--space-6)}.section__recent-posts .title{font-size:30px;margin-bottom:var(--space-3)}.section__recent-posts .swiper{margin-bottom:var(--space-5)}}