.create-brief-box {
    border-radius: 40rem;
    padding-inline: 49rem;
    background-color: var(--color-smoky-white);
    display: grid;
    gap: 31rem;
}

@media (min-width:1025px) {
    .create-brief-box  {
        grid-template-columns: [content] 0.5fr [figure] 1fr;
    }
}

@media (max-width:1024px) and (min-width:591px){
    .create-brief-box {
        grid-template-columns: [content] 0.5fr [figure] 0.6fr;
    }
}

@media (max-width:590px) {
    .create-brief-box {
        border-radius: 10rem;
        padding-block-start: 20rem;
        padding-inline: 15rem;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
}

.create-brief-box__content {
    display: flex;
    flex-direction: column;
    row-gap: 19rem;
    color:#000;
    font-size: 20rem;
    line-height: 1.1;
}

@media (min-width:591px) {
    .create-brief-box__content {
        grid-column: content;
        align-items: start;
        padding-block: 43rem 51rem;
    }
}

@media (max-width:590px) {
    .create-brief-box__content {
        row-gap: 10rem;
    }
}

.create-brief-box__title {
    font-size: 40rem;
}

@media (max-width:590px) {
    .create-brief-box__title {
        font-size: 24rem;
    }
}

.create-brief-box__desc {
    display: flex;
    flex-direction: column;
    row-gap: 19rem;
    margin-block-end: 30rem;
}

.create-brief-box__desc p {
    margin: 0;
}

@media (max-width:590px) {
    .create-brief-box__desc {
        margin-block-end: 5rem;
        font-size: 14rem;
        row-gap: 10rem;
    }
}

.create-brief-box__figure {
    grid-column: figure;
    display: flex;
    justify-content: end;
    overflow-y: hidden;
    overflow-y: clip;
    user-select: none;
}

.create-brief-box__img {
    display: block;
    width: 601rem;
    margin-block-end: -146rem;
    user-select: none;
    object-fit: contain;
}

@media (max-width:590px) {
    .create-brief-box__img {
        margin-block-end: -36rem;
    }
}