.expandable-card{max-width:42rem;margin:0 auto;width:100%;gap:1rem}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.2);height:100%;width:100%;z-index:10}.modal-container{position:fixed;inset:0;display:grid;place-items:center;z-index:100}.close-button{display:flex;position:absolute;top:.5rem;right:.5rem;align-items:center;justify-content:center;background-color:#fff;border-radius:9999px;height:1.5rem;width:1.5rem}@media (min-width:1024px){.close-button{display:none}}.modal-content{width:100%;max-width:500px;height:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:1.5rem;overflow:hidden}@media (min-width:768px){.modal-content{height:-moz-fit-content;height:fit-content;max-height:90%}}.modal-image{width:100%;height:15rem;object-fit:contain;object-position:top}@media (min-width:640px){.modal-image{border-top-left-radius:.5rem;border-top-right-radius:.5rem}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem}.modal-title{font-weight:700;color:#404040}.dark .modal-title{color:#e5e5e5}.modal-description{color:#525252}.dark .modal-description{color:#a3a3a3}.cta-button{padding:.75rem 1rem;font-size:.875rem;border-radius:9999px;font-weight:700;background-color:#22c55e;color:#fff}.modal-content-area{padding-top:1rem;position:relative;padding-left:1rem;padding-right:1rem}.modal-text{color:#525252;font-size:.75rem;height:10rem;padding-bottom:2.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;overflow:auto;-webkit-mask-image:linear-gradient(180deg,#fff,#fff,transparent);mask-image:linear-gradient(180deg,#fff,#fff,transparent);scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.modal-text::-webkit-scrollbar{display:none}@media (min-width:768px){.modal-text{font-size:.875rem;height:-moz-fit-content;height:fit-content}}@media (min-width:1024px){.modal-text{font-size:1rem}}.dark .modal-text{color:#a3a3a3}.card-list{max-width:100rem;margin:0 auto;width:100%;grid-gap:1rem;gap:1rem;display:grid;grid-template-columns:repeat(1,1fr);padding-top:60px;padding-bottom:100px;padding-left:0!important}.card-item{padding:1rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;border-radius:.75rem;cursor:pointer}.card-item:hover{background-color:#fafafa}.dark .card-item:hover{background-color:#262626}@media (min-width:768px){.card-item{flex-direction:row}.card-list{grid-template-columns:repeat(3,1fr)}}.card-content{display:flex;gap:1rem;flex-direction:column;text-align:center}@media (min-width:768px){.card-content{flex-direction:row}}.card-image{height:10rem;width:10rem;border-radius:.5rem;object-fit:cover;object-position:top}@media (min-width:768px){.card-image{height:3.5rem;width:3.5rem}}.card-title{font-weight:500;color:#262626;text-align:center}.dark .card-title{color:#e5e5e5}@media (min-width:768px){.card-title{text-align:left}}.card-description{color:#525252;text-align:center}.dark .card-description{color:#a3a3a3}@media (min-width:768px){.card-description{text-align:left}}.card-button{padding:.5rem 1rem;font-size:.875rem;border-radius:9999px;font-weight:700;background-color:transparent;border:none;color:#000;margin-top:1rem}.card-button:hover{background-color:transparent!important}@media (min-width:768px){.card-button{margin-top:0}}.close-icon{height:1rem;width:1rem;color:#000}