/* css screen choose your team */
#select-team,
#qa-card {
    flex: 1;
    background-size: contain;
    background-image: url("../images/bg-screen-select-team.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 20px;
}

.select-team__title {
    padding: 0 20px;
    color: var(--Primary-Active);
    text-align: center;
    font-family: "SVN-Neutraface 2";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3.5px;
    text-transform: uppercase;
    margin-bottom: 40px;
}
.select_team__list-card {
    margin: 0 10px;
    display: flex;
    gap: 20px;
    flex-wrap: nowrap;
    justify-content: center;
}

.card {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    width: 270px;
    flex: 0 1 auto;
    /* Adjust flex property */
    overflow: hidden;
    box-shadow: 0px 6px 2px 0px rgba(77, 7, 7, 0.3);
    padding: 20px 15px;
    word-wrap: break-word;
    word-break: break-word;
    transform-origin: top;
    height: auto;
    transition: transform 0.2s ease-in-out;
}

.card:hover {
    transform: scale(1.058);
}
.card-img-team {
    width: 100%;
    height:  100%;
    max-height: 301px;
}
.card__cute-panda,
.qa-card__content__cute-panda {
    border: 4px solid #111b1c;
    background: #fff9df;
}

.card__dream-car,
.qa-card__content__dream-car {
    border: 4px solid #4d0707;
    background: #ffe0dc;
}

.card__football,
.qa-card__content__football {
    border: 4px solid #1b1a22;
    background: #d9eff1;
}

.card__luxury-lifestyle,
.qa-card__content__luxury-lifestyle {
    border: 4px solid #713d28;
    background: #f8eae2;
}

.card__healthy-body,
.qa-card__content__healthy-body {
    border: 4px solid #fd8528;
    background: #fff1cd;
}

.card__btn {
    width: 100%;
    height: 63px;
    background: #fff;
    text-decoration: none !important;
    outline: none !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "SVN-Neutraface 2";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    transition: box-shadow 0.2s ease-in-out;
    text-align: center;
}

.card__btn--cute-panda {
    border: 1px solid #215521;
    box-shadow: 0 5px 0 #215521;
    color: #215521;
}

.card__btn--cute-panda:hover {
    background-color: #F1FFE2;
    color: #215521;
}

.card__btn--cute-panda:active {
    background-color: #F1FFE2;
    color: #215521;
    box-shadow: 0 0 0;
    border: 2px solid #5C805B
}

.card__btn--dream-car {
    border: 1px solid #9a1616;
    box-shadow: 0 5px 0 #9a1616;
    color: #9a1616;
}

.card__btn--dream-car:hover {
    background-color: #FFDBDB;
    color: #9a1616;
}

.card__btn--dream-car:active {
    background-color: #FFDBDB;
    color: #9a1616;
    box-shadow: 0 0 0;
    border: 2px solid #7B1A1A
}

.card__btn--football {
    border: 1px solid #137ab9;
    box-shadow: 0 5px 0 #137ab9;
    color: #137ab9;
}

.card__btn--football:hover {
    background-color: #CFEDFF;
    color: #137ab9;
}

.card__btn--football:active {
    background-color: #CFEDFF;
    color: #137ab9;
    box-shadow: 0 0 0;
    border: 2px solid #4D8DB3;
}

.card__btn--luxury-lifestyle {
    border: 1px solid #3f2c1f;
    box-shadow: 0 5px 0 #3f2c1f;
    color: #3f2c1f;
}

.card__btn--luxury-lifestyle:hover {
    background-color: #FFEBDE;
    color: #3f2c1f;
}

.card__btn--luxury-lifestyle:active {
    background-color: #FFEBDE;
    color: #3f2c1f;
    box-shadow: 0 0 0;
    border: 2px solid #7F5B4F
}

.card__btn--healthy-body {
    border: 1px solid #ff6506;
    box-shadow: 0 5px 0 #ff6506;
    color: #ff6506;
}

.card__btn--healthy-body:hover {
    background-color: #FFE8D9;
    color: #ff6506;
}

.card__btn--healthy-body:active {
    background-color: #FFE8D9;
    color: #ff6506;
    box-shadow: 0 0 0;
    border: 2px solid #FB6C1E
}

@media (max-width: 980px) {
    .select-team__title {
        margin-bottom: 30px;
        font-size: 32px;
    }
    .card__btn {
        font-size: 18px;
    }
}

@media (max-width: 478px) {
    .card__btn {
        font-size: 16px;
    }
    .select-team__title {
        margin-bottom: 10px;
        font-size: 24px;
    }
}