#app {
    min-height: calc(100vh - 4.5rem);
}

html,
body {
    background: #DAD6CA;
}

/* header strat */
header {
    height: 2.75rem;
    padding: 0 .6875rem;
}

header>div:nth-child(3) {
    width: 2.6875rem;
    gap: .6875rem;
}

header .back {
    width: 2.6875rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

header .back img {
    width: 1.125rem;
    height: 1.125rem;
}

header .search {
    width: 1rem;
    height: 1rem;
}

header .menu {
    width: 1.125rem;
    height: 1.125rem;
}

header .logo {
    position: relative;
}

header .logo img {
    width: 6.5625rem;
    height: 1.125rem;
}

/* header end */
.unFound {
    width: 100%;
    margin-top: 2.6811rem;
}

.unFound>div:nth-child(1) {
    font-family: 'Roboto 600', sans-serif;
    text-align: center;
    color: #5C4C42;
    margin-bottom: .736rem;
    line-height: 120%;
}

.unFound>div:nth-child(2) {
    font-family: 'Roboto 600', sans-serif;
    color: #AD8E72;
    text-align: center;
    line-height: 140%;
}

.part-one {
    width: 100%;
}

.type {
    font-family: 'Playfair Display SC 400', sans-serif;
    font-size: 1.25rem;
    letter-spacing: 0em;
    color: #5C4C42;
    padding-left: 1.875rem;
    position: relative;
    margin-bottom: .1875rem;
}

.part-one .news_div {
    margin: 0 auto 1.1563rem;
    padding: 0 1.875rem;
    display: grid;
    grid-template-columns: 8.4206rem 1fr;
    gap: .7856rem;
}

.part-one .news_div .news_img {
    width: 100%;
    height: 11.25rem;
}

.part-one .news_div .title {
    font-family: 'Roboto 400', sans-serif;
    font-size: .875rem;
    font-weight: normal;
    line-height: 140%;
    letter-spacing: 0em;
    color: #5C4C42;
    margin-bottom: .625rem;
}

.part-one .news_div .desc {
    font-family: 'Roboto 400', sans-serif;
    font-size: .75rem;
    font-weight: normal;
    line-height: 140%;
    letter-spacing: 0em;
    color: #AD8E72;
    margin-bottom: .9375rem;
}

.part-one .news_div .line {
    width: 8.1681rem;
    height: .0625rem;
    background: linear-gradient(180deg, #AD8E72 0%, rgba(173, 142, 114, 0) 100%);
    margin-bottom: .6094rem;
}

.part-one .news_div .read {
    color: #AD8E72;
    font-family: 'Roboto 400', sans-serif;
    font-size: .5625rem;
    font-weight: normal;
    line-height: 140%;
    letter-spacing: 0em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .125rem;
}

.part-one .news_div .read img {
    width: .625rem;
    height: .5613rem;
}