.project__detail {
    display: flex;
    justify-content: space-between;
    padding-top: 70px;
    font-family: Montserrat, sans-serif;
}
.project__detail__content {
     flex: 0 0 69%;
     max-width: 980px;
 }

.project__detail__right {
    flex: 0 0 28%;
    max-width: 340px;
    position: sticky;
    top: 96px;
    align-self: flex-start;
}

.brief__content {
    background-color: #f3f3f3;
}

.__paragraph {
    padding: 30px 50px;
}

.box_input input[type="text"], .box_textarea textarea {
    font-family: 'Gotham Pro', serif;
    padding-left: 20px;
    padding-right: 20px;
}

.box_input, .box_textarea, .custom-check, .custom-radio {
    margin-bottom: 20px;
}

.box_input.has_tip, .box_textarea.has_tip, .custom-check.has_tip, .custom-radio.has_tip {
    margin-bottom: 40px;
}

.group_title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.brief-subtitle {
    color: white;
    font-size: 25px;
    font-weight: 600;
}

.brief-loader {
    position: absolute;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border: 4px solid #ff8c29;
    border-right-color: #fff;
    right: 0;
    box-sizing: border-box;
    top: calc(50% - 30px);
    animation: rotating 2s linear infinite;
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 900px) {
    .project__detail__right {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 680px) {
    .group_title {
        font-size: 16px;
    }
}
@media screen and (max-width: 419px) {
.box_input > .tip, .box_textarea > .tip {
    font-size: 11px;
    line-height: 12px;
}
}