.recruitment {
    background-color: #131313;
}

.recruitment .container {
    padding: 72px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.text__recruitment,
.text__culture {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.text__recruitment span,
.text__culture span {
    color: #EE1C23;
    font-weight: 400;
    font-size: 14px;
    leading-trim: NONE;
    line-height: 145%;
    letter-spacing: 1%;
    text-align: center;
}

.text__recruitment h2,
.text__culture h2 {
    text-align: center;
}

.text__recruitment p,
.text__culture p {
    color: #E0E0E0;
    font-weight: 400;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 1%;
    text-align: center;
}

.recruitment__list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.recruitment__list__card {
    padding: 24px;
    border: 1px solid #212121;
    background-color: #141414;
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}

.recruitment__list__card span {
    color: #616161;
    font-weight: 400;
    font-size: 12px;
    line-height: 146%;
    letter-spacing: 1%;
}

.recruitment__list__card label {
    color: #FFFFFF;
    font-weight: 600;
    font-size: 20px;
    line-height: 138%;
    letter-spacing: 1%;
}

.recruitment__list__card__info {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 8px;
}

.recruitment__list__card__info p {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: nowrap;
    color: #BDBDBD;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    letter-spacing: 1%;
}

.recruitment__list__card__info p img {
    width: 16px;
    height: 16px;

}

.culture {
    background-color: #161616;
}

.culture .container {
    padding: 72px 0;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.culture__img {
    width: 100%;
}

.culture__img img {
    width: 100%;
    object-fit: cover;
    height: auto;
    max-height: 432px;
}

.culture__list {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 72px;
}

.culture__list__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

/* Hàng chẵn đảo ngược */
.culture__list__item:nth-child(even) {
    direction: rtl;
}

.culture__list__item:nth-child(even) .culture__list__item__content,
.culture__list__item:nth-child(even) .culture__list__item__content__img {
    direction: ltr;
}

.culture__list__item__content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.culture__list__item__content h3 {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 32px;
    line-height: 136%;
    letter-spacing: 1%;
    font-family: "SVN-Sigokae";
}

.culture__list__item__content__text {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.culture__list__item__content__text p {
    color: #E0E0E0;
    font-weight: 400;
    font-size: 16px;
    leading-trim: NONE;
    line-height: 150%;
    letter-spacing: 1%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.culture__list__item__content__text p img {
    width: 24px;
    height: 24px;
}

.culture__list__item__content__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.form__recruitment {
    background-color: #131313;
}

.form__recruitment .container {
    padding: 72px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
}

.form__recruitment__content {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.form__recruitment__content__main {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form__recruitment__content__main span {
    color: #EE1C23;
    font-weight: 400;
    font-size: 14px;
    line-height: 145%;
    letter-spacing: 1%;
}

.form__recruitment__content__main p {
    color: #E0E0E0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1%;
}

.form__recruitment__content__info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form__recruitment__content__info .item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form__recruitment__content__info .item label {
    color: #616161;
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1%;
}

.form__recruitment__shorcode {
    background-color: #FFFFFF;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form__recruitment__shorcode h3 {
    color: #212121;
    font-size: 20px;
    leading-trim: NONE;
    line-height: 138%;
    letter-spacing: 1%;
    text-align: center;
    font-family: "Montserrat-Bold";
}

.form__recruitment__content__info .item span {
    color: #E0E0E0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 1%;
}

@media screen and (max-width: 1024px) {

    .culture__list__item {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .culture__list__item:nth-child(even) {
        direction: ltr;
    }

    .culture__list__item__content h3 {
        font-size: 24px;
    }

    .form__recruitment .container {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 768px) {

    .recruitment .container,
    .culture .container,
    .form__recruitment .container {
        padding: 48px 10px;
    }

    .recruitment__list {
        grid-template-columns: 1fr;
    }

    .recruitment__list__card label {
        font-size: 18px;
    }

    .culture__list__item__content h3 {
        font-size: 20px;
    }
}