.card-of-active-desc{display:grid;gap:1rem;padding:5rem 0}@media(min-width:1024px){.card-of-active-desc{grid-template-columns:repeat(2,1fr);column-gap:5rem}}.card-of-active-desc__image-wrapper{width:100%;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden}.card-of-active-desc__image{width:100%;height:auto;max-width:700px;object-fit:cover;object-position:center;transition:transform .3s ease-in-out}.card-of-active-desc__image:hover{transform:scale(1.03)}.card-of-active-desc__container{display:grid;gap:2.5rem;padding:2.5rem 0}.card-of-active-desc__card{padding:2rem;cursor:pointer;border:2px solid #fcf8f5;transition:all .4s cubic-bezier(.4,0,.2,1)}.card-of-active-desc__card.is-active{box-shadow:0 4px 6px rgba(0,0,0,.1);background-color:#f2efea}.card-of-active-desc__card:not(.is-active):hover{border-color:#d1d5db;transform:translateY(-2px)}.card-of-active-desc__card .card-header{display:flex;justify-content:space-between;align-items:center}.card-of-active-desc__card .card-header__title{color:#c4996c;padding-bottom:.75rem;font-size:1.125rem;letter-spacing:.03em}.card-of-active-desc__card .card-header__icon{color:#c4996c;margin-top:.25rem;transition:transform .3s ease}.card-of-active-desc__card .card-header__icon .chevron-icon{transition:transform .4s ease}.card-of-active-desc__card .card-header__icon .rotate{transform:rotate(180deg)}.card-of-active-desc__card .card-content-wrapper{max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .5s ease;margin-top:1rem}.card-of-active-desc__card .card-content-wrapper.expand{max-height:500px;opacity:1}.card-of-active-desc__card .card-content{line-height:1.6;font-size:1rem}