.scrollable-cards-with-content{background-size:100% 100%;max-height:750px;overflow:hidden;position:relative}.scrollable-cards-with-content-inner{display:flex;height:750px;position:relative}.scrollable-cards-with-content .content-container{align-items:center;color:#fff;display:flex;height:750px;padding:80px 60px;position:relative;width:45%}.scrollable-cards-with-content .content-wrapper{max-width:600px}.scrollable-cards-with-content .cards-container{align-items:flex-start;display:flex;height:750px;overflow:hidden;padding:0;position:relative;width:55%}.scrollable-cards-with-content .cards-container .card:first-child{margin-top:70px}.scrollable-cards-with-content .cards-wrapper{display:flex;flex-direction:column;gap:30px;height:750px;overflow-y:auto;padding:0 60px 70px;position:relative}.scrollable-cards-with-content .cards-container::-webkit-scrollbar,.scrollable-cards-with-content .cards-wrapper::-webkit-scrollbar{display:none}.scrollable-cards-with-content .cards-container,.scrollable-cards-with-content .cards-wrapper{-ms-overflow-style:none;scrollbar-width:none}.scrollable-cards-with-content .card{border:1px solid #333;box-shadow:0 10px 15px -3px #1018281a,0 4px 6px -4px #1018281a;display:flex;flex-direction:column;flex-shrink:0;height:350px;justify-content:center;margin-bottom:0;padding:40px;position:relative;transition:all .3s ease}.scrollable-cards-with-content .card.bg-onyx{background:#3d3d3d}.scrollable-cards-with-content .card .card-content{margin-left:auto;margin-right:auto;max-width:600px}.scrollable-cards-with-content .card:hover{background:#333;border-color:#444}@media (max-width:1023px){.scrollable-cards-with-content .content-container{min-height:unset!important}.scrollable-cards-with-content{max-height:none;overflow:visible}.scrollable-cards-with-content .scrollable-cards-with-content-inner{padding-left:0;padding-right:0}.scrollable-cards-with-content .scrollable-cards-with-content-inner .content-wrapper{padding-left:20px;padding-right:20px}.scrollable-cards-with-content-inner{flex-direction:column;height:auto}.scrollable-cards-with-content .content-container{border-right:none;height:auto;justify-content:center;min-height:50vh;padding:60px 40px 60px 0;position:relative;text-align:center;width:100%}.scrollable-cards-with-content .content-container p{font-size:1rem;margin:0 auto;max-width:500px}.scrollable-cards-with-content .content-container .button-group{justify-content:center;margin-top:.8rem}.scrollable-cards-with-content .cards-container{display:block;height:auto;max-height:none;overflow:hidden;padding:40px 0;position:relative;width:100%}.scrollable-cards-with-content .cards-wrapper{display:flex;flex-direction:row;gap:20px;height:auto;overflow-x:auto;overflow-y:hidden;padding:0 20px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scrollable-cards-with-content .cards-wrapper::-webkit-scrollbar{display:none}.scrollable-cards-with-content .cards-wrapper{-ms-overflow-style:none;scrollbar-width:none}.scrollable-cards-with-content .card{flex-shrink:0;height:auto;margin-bottom:0;max-width:320px;min-height:280px;min-width:280px;padding:32px 24px;scroll-snap-align:start}.scrollable-cards-with-content .card:hover{transform:translateY(-3px)}.scrollable-cards-with-content .cards-container .card:first-child{margin-top:0}}@media (max-width:767px){.scrollable-cards-with-content{background-position:0 0;background-size:cover}.scrollable-cards-with-content .content-container{padding:40px 20px}.scrollable-cards-with-content .cards-wrapper{gap:16px;padding:0 16px}.scrollable-cards-with-content .card{max-width:300px;min-height:240px;min-width:260px;padding:24px 20px}.scrollable-cards-with-content .content-container{padding:40px 20px}.scrollable-cards-with-content .cards-wrapper{gap:20px;padding:30px 16px 40px}.scrollable-cards-with-content .card{min-height:180px;padding:24px 20px}}.scrollable-cards-with-content{background-position:50%;background-repeat:no-repeat;background-size:auto 100%}