.contentWrapper{display:flex;align-items:flex-start;gap:2rem}.subCardsWrapper{padding:0;margin:0;display:flex;flex-direction:column;list-style-type:none;width:25%;min-width:200px}.subCardsWrapper li{width:100%;padding:1rem;margin-bottom:.5rem;border-radius:8px;cursor:pointer}.subDescription{flex:1;background-color:var(--black-color-ui);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);outline:solid 1px var(--brand-color);padding:2rem}.subDescription p{margin-top:1rem}.subCard{cursor:pointer;background-color:var(--black-color-ui);border-radius:8px;border-top:1px solid rgba(255,255,255,.3);box-shadow:0 0 20px rgba(0,0,0,.3);padding:1rem}.subCard:hover{border:1px solid var(--brand-color)}.subCardActive{display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:8px;border:1px solid var(--brand-color);background-color:var(--black-color-ui)}.subCardActive:after{content:"";display:block;position:relative;width:2rem;height:1px;background-color:var(--brand-color);right:-3rem}@media screen and (max-width:1000px){.contentWrapper{flex-direction:column;align-items:center;gap:1rem}.subCard,.subCardActive,.subCardsWrapper{width:100%}.subDescription{width:100%;position:static;padding:.5rem;outline:none;background-color:transparent}.subCardActive:after{display:none}}