.clickable-cards{display:flex;flex-direction:column;gap:30px;padding:34px 0 20px}.clickable-cards .clickable-cards-title{width:294px;padding:28px 20px}.clickable-card{display:flex;flex-direction:column;gap:14px;height:100%;padding:18px 19px 14px;background-color:var(--card-bg-color, #fb513a);border-radius:16px;transition:background-color .3s ease}.clickable-card .card-description{display:flex;flex-direction:column;gap:14px;height:100%}.clickable-card .card-description ul li{margin-left:20px}.clickable-card .card-main-image{width:100%;height:auto;border-radius:4px}.clickable-card .card-title-text{font-size:14px}.clickable-card .card-description-text{font-size:14px;font-family:var(--font-secondary)}.clickable-card .card-secondary-image{width:auto;height:28px}.clickable-card .card-link-container{display:flex;justify-content:space-between;align-items:center}.clickable-card .card-link{position:relative;display:inline-flex;justify-content:center;align-items:center;height:auto;padding:10px;transition:background-color .3s ease}.clickable-card .card-link:hover{background-color:var(--button-hover-color, var(--color-brand))}.clickable-card .card-link:hover svg,.clickable-card .card-link:hover svg *{transition:fill .3s ease;fill:var(--arrow-hover-color, #000000)}.clickable-card .hover-slide-up:before{background-color:var(--button-hover-color, --color-brand)}.clickable-card .card-content{display:flex;flex-direction:column;justify-content:space-between;gap:10px;height:100%}.clickable-cards-carousel-mobile{overflow:hidden}.clickable-cards-container{display:flex;gap:14px}.clickable-card-container{flex:0 0 70%;width:100%;position:relative}@media (min-width: 540px){.clickable-card-container{flex:0 0 40%}}@media (min-width: 686px){.clickable-card-container{flex:0 0 36%}}.clickable-card-container:first-child{margin-left:20px}.clickable-card-container:last-child{margin-right:20px}.clickable-cards .carousel-controls{display:flex;align-items:center;justify-content:space-between;max-width:350px;width:100%;margin:auto;padding:0 20px}.clickable-cards .carousel-controls button{font-size:22px;font-family:var(--font-primary)}.clickable-cards .carousel-dots{display:flex;gap:10px;align-items:center;height:24px}.clickable-cards .carousel-dot{width:10px;height:10px;padding:0;background-color:transparent;border:1px solid var(--color-primary);border-radius:50%;transition:background-color .3s ease;cursor:pointer}.clickable-cards .carousel-dot:hover,.clickable-cards .carousel-dot--selected{background-color:var(--color-primary)}@media screen and (min-width: 768px){.clickable-cards{gap:52px}.clickable-cards .clickable-cards-title{width:unset;margin:0 auto;text-align:center;padding-top:8px}.clickable-card{position:relative;padding:22px 28px 20px 22px;width:424px}.clickable-card .card-link{position:absolute;top:22px;right:22px}.clickable-card .card-main-image{object-fit:cover;width:215px;height:207px;border-radius:6px}.clickable-card .card-description{display:flex;flex-direction:row;gap:20px}.clickable-card .card-content{display:flex;flex-direction:column;justify-content:space-between;margin-top:12px;height:auto}.clickable-card .card-title-text{font-size:18px}.clickable-card .card-description-text{font-size:16px}.clickable-card .card-secondary-image{width:auto;height:48px}}@media screen and (min-width: 900px){.clickable-cards{padding:80px 0}.clickable-cards .clickable-cards-carousel{width:100%}.clickable-cards .clickable-cards-container{display:grid;width:fit-content;margin:auto;grid-template-columns:repeat(2,1fr);gap:28px}.clickable-card-container:first-child{margin-left:0}.clickable-card-container:last-child{margin-right:0}.clickable-cards .carousel-controls{display:none}.clickable-cards .clickable-card-container{width:fit-content}}@media screen and (min-width: 1400px){.clickable-cards .clickable-cards-container{grid-template-columns:repeat(3,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/clickable-cards-stylesheet.css.map */