.scrollable-cards{position:relative;padding:45px 0;z-index:0}.scrollable-cards:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}#cardListing{scroll-behavior:smooth}.scrollable-cards .scrollable-cards__body{display:grid;grid-template-columns:20px auto 20px;grid-template-rows:1fr 300px 1.5rem;row-gap:2rem;overflow:hidden;position:relative}.scrollable-cards .scrollable-cards__body .cards__intro{grid-column:2/3;grid-row:1/2;background:var(--secondary);padding:55px 45px}.scrollable-cards .scrollable-cards__body .cards__list{position:relative;grid-column:2/4;grid-row:2/3;height:100%;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.scrollable-cards .scrollable-cards__body .cards__list::-webkit-scrollbar{display:none}.scrollable-cards .scrollable-cards__body .cards__list .list__body{position:absolute;top:0;left:0;display:flex;align-items:stretch;height:94%;column-gap:25px;padding-right:20px;padding-left:0}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card{position:relative;display:flex;flex-flow:column;row-gap:20px;justify-content:center;background:#fff;min-width:52vw;height:100%;text-align:center;padding:1.5rem;transition:all .3s ease-in-out}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card .heading-wrap{display:flex;align-items:flex-end;justify-content:center}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card .cta p{color:var(--secondary);font-weight:500;margin:0}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card:hover{background:var(--secondary)}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card h3 a{transition:all .3s ease-in-out}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card h3 a:hover{color:#fff;text-decoration:none}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card h3 a:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:5}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card:hover .card__link{color:#fff}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card:hover .card__link:after{filter:brightness(0) invert(1);transform:translate(20px,10px)}.scrollable-cards .scrollable-cards__body .cards__scroll-indicator{grid-column:2/3;grid-row:3/4;position:relative;height:.5rem;border-radius:10px;background:hsla(0,0%,100%,.2);margin:0 80px 0 0;overflow:hidden}.scrollable-cards .scrollable-cards__body .cards__scroll-indicator .scroll-indicator{position:absolute;top:0;left:0;height:100%;background:var(--secondary)}.scrollable-cards .scrollable-cards__body .scroll-buttons{position:absolute;right:20px;bottom:6px;display:flex;gap:10px}.scrollable-cards .scrollable-cards__body .scroll-buttons button{width:30px;height:30px;display:grid;place-content:center;border:none;border-radius:0;background-color:var(--secondary);color:#fff;cursor:pointer;transition:.3s}.scrollable-cards .scrollable-cards__body .scroll-buttons button:focus,.scrollable-cards .scrollable-cards__body .scroll-buttons button:hover{background-color:#fff;color:var(--secondary)}.scrollable-cards .scrollable-cards__body .scroll-buttons button img{width:18px;filter:brightness(0) invert(1);transition:.4s}.scrollable-cards .scrollable-cards__body .scroll-buttons button:focus img,.scrollable-cards .scrollable-cards__body .scroll-buttons button:hover img{filter:none}.back-btn img{transform:rotate(180deg)}@media (min-width:768px){.scrollable-cards .scrollable-cards__body{grid-template-columns:40px auto 40px}.scrollable-cards .scrollable-cards__body .cards__scroll-indicator{margin:0 62px 0 0}}@media (min-width:992px){.scrollable-cards .scrollable-cards__body .cards__list .list__body{padding-left:7px}.scrollable-cards .scrollable-cards__body{grid-template-columns:40px 1fr 2fr 40px;grid-template-rows:auto 1.5rem;row-gap:0}.scrollable-cards .scrollable-cards__body .cards__intro{grid-column:2/3;grid-row:1/3}.scrollable-cards .scrollable-cards__body .cards__list{grid-column:3/5;grid-row:1/2;margin-left:3rem}.scrollable-cards .scrollable-cards__body .cards__list .list__body .list__card{min-width:260px}.scrollable-cards .scrollable-cards__body .cards__scroll-indicator{grid-column:3/5;grid-row:2/3;margin:0 100px 0 3.5rem}}@media (min-width:992px){.scrollable-cards .scrollable-cards__body{grid-template-columns:40px 1fr 2fr 40px}}@media (min-width:1240px){.scrollable-cards .scrollable-cards__body{grid-template-columns:auto 390px 770px auto}}@media (min-width:1380px){.scrollable-cards .scrollable-cards__body{grid-template-columns:auto 414px 826px auto}}