.resources{padding:0 30px}.resources__container{background-color:var(--color-purple-blue);border-radius:20px;overflow:hidden;padding:88px 0;position:relative}.resources__heading{color:var(--color-white);margin:0 0 40px;max-width:650px;padding:0 60px}.swiper-resources{margin:0 auto;overflow:visible}@media (min-width:768px){.swiper-resources{padding:0 50px}}.resources__card{border:2px solid transparent;border-radius:20px;display:flex;flex-direction:column;opacity:.3;overflow:hidden;position:relative;transition:opacity .4s ease,border-color .4s ease;width:560px}.resources__card.swiper-slide-active{opacity:1}.resources__card.swiper-slide-active .resources__card-footer{padding:30px 0}.resources__card.swiper-slide-active .resources__card-image{border-color:var(--color-white)}.resources__card-image{aspect-ratio:82/46;background-color:hsla(0,0%,100%,.08);border:2px solid transparent;border-radius:20px;overflow:hidden;position:relative;width:100%}.resources__card-image img{display:block;height:100%;object-fit:cover;width:100%}.resources__card-placeholder{background:linear-gradient(135deg,rgba(1,189,215,.3),rgba(75,73,191,.5));height:100%;width:100%}.resources__card-footer{align-items:center;display:flex;gap:30px;padding:30px}.resources__card-title{color:var(--color-white);flex:1 1 0%;font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0}.resources__card-btn{flex-shrink:0;position:relative;white-space:nowrap;z-index:2}.resources__card-link{inset:0;pointer-events:none;position:absolute;text-decoration:none;z-index:1}.resources__card.swiper-slide-active .resources__card-link{pointer-events:auto}@media (max-width:1024px){.resources{padding:0 30px}.resources__container{border-radius:16px;padding:64px 0}.resources__heading{margin-bottom:32px;padding:0 40px}.swiper-resources{padding:0 40px}.resources__card{border-radius:16px;width:420px}.resources__card-footer{gap:20px;padding:24px}.resources__card-title{font-size:20px}}@media (max-width:767px){.resources{padding:0 20px}.resources__container{border-radius:12px;padding:48px 0}.resources__heading{margin-bottom:24px;padding:0 24px}.swiper-resources{padding:0 24px}.resources__card{border-radius:12px}.resources__card-footer{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.resources__card-title{font-size:18px}.resources__card-btn{align-self:flex-start}}