.header {
 position: relative;
 background-color: #2c6919;
 border-bottom: 5px solid #ffc954;
}

.header .header-child {
 padding: 1rem 2rem;
 border-bottom-right-radius: 3rem;
 border-bottom-left-radius: 3rem;
}

.header figure {
 width: 170px;
 background: url(/assets/header-logo.png) no-repeat;
 background-size: contain;
 background-position: center;
 height: 70px;
 position: relative;
 margin-bottom: -2.6rem;
}

.header .search-icon {
 width: 70px;
 background: url(/assets/search-icon.png) no-repeat;
 background-size: contain;
 background-position: center;
 height: 30px;
}
.header ul li {
 font-size: 1.1rem;
 color: white;
}
.hambuger {
 position: absolute;
 top: -3rem;
 left: 2rem;
 width: 35px;
 height: 35px;
 display: none;
}
.inside-hamerger {
 position: absolute;
 background-color: white;
 left: 0;
 width: fit-content;
 top: 0;
 display: none;
}
.inside-hamerger ul li {
 color: black !important;
}

/* hero sec */
.hero {
 background-color: #fff1d3;
 padding-top: 3rem !important;
 padding-bottom: 2.5rem;
}
.hero-bg {
 /* background: url(/assets//hero-bg.png) no-repeat;
 background-size: cover;
 background-position: center; */
 height: 500px;
 border-radius: 1.5rem;
}
.hero-bg .hero-content {
 width: 50%;
 text-align: center;
 padding: 1.5rem 1rem;
 border-top-left-radius: 0.5rem;
 border-top-right-radius: 0.5rem;
 background-color: white;
}
.hero-bg .hero-content h2 {
 font-size: 1.8rem;
 margin-bottom: 0.6rem;
}

/* articles sec */
.latest-articles {
 background-color: #ffde98;
 padding-top: 1rem;
 padding-bottom: 1rem;
}
.latest-articles .articles {
 /* margin-top: 6rem; */
 height: 420px;
 width: 100%;
 overflow-x: auto;
}

.latest-articles .articles::-webkit-scrollbar {
 width: 0;
}

.latest-articles .articles article {
 height: 400px;
 width: 300px;
 background-color: white;
 padding: 0.5rem;
 border: 1px solid rgba(128, 128, 128, 0.341);
 margin: 0.15rem;
 margin-right: 2.2rem;
}
.latest-articles .articles article figure {
 /* background: url(/assets/image-1.png) no-repeat; */
 height: 230px;
 object-fit: cover;
 object-position: center;
 overflow: hidden;
}
.latest-articles .articles article .content {
 margin: auto;
 text-align: center;
 line-height: 1.5;
 /* margin-top: 0.6rem; */
 margin-top: 1.2rem;
 /* height: 200px; */
}

.latest-articles .articles article .content h4 {
 font-size: 1.2rem;
 font-weight: 500;
}
.latest-articles .articles article .content p {
 margin: 0.5rem 0;
}
.latest-articles .articles article .content button {
 border: none;
 background: none;
 border: 3px solid black;
 padding: 0.2rem 1.8rem;
 font-size: 1.2rem;
 color: black;
 border-radius: 0.2rem;
 font-weight: 600;
 font-family: "Fira Sans Condensed", serif;
 width: fit-content;
 margin: auto;
 margin-top: 1.2rem;
}

.latest-articles .heading {
 text-align: center;
 border-bottom: 1.8px solid rgba(0, 0, 0, 0.7);
 padding: 1.5rem;
 font-size: 1.8rem;
 margin-bottom: 2rem;
}

/* single article */
.single-article {
 background-color: #2c6919;
 padding: 3rem 0rem;
}
.single-article figure {
 /* background: url(/assets/single-article.png) no-repeat; */
 background-size: cover;
 background-position: center;
 height: 500px;
 width: 40%;
 border: 8px solid white;
 object-fit: cover;
 object-position: center;
 overflow: hidden;
}
.single-article .content {
 margin-top: 0.5rem;
}
.single-article .content h4 {
 color: white;
 font-size: 3rem;
 font-weight: 600;
}
.single-article .content p {
 font-size: 1.2rem;
 color: white;
 line-height: 1.3;
 margin-top: 0.5rem;
}
.read-more {
 background: none;
 border: none;
 outline: none;
 border: 1px solid white;
 color: white;
 padding: 0.8rem 4rem;
 font-size: 1.1rem;
 margin-top: 1rem;
 font-family: "Fira Sans Condensed", serif;
}

/* bottom articles */

.bottom-articles .latest-articles .articles {
 /* margin-top: 6rem; */
 height: 550px;
 width: 100%;
 overflow-x: auto;
}

.bottom-articles .articles article {
 background: none !important;
 border: none !important;
 height: 500px !important;
 width: 300px !important;
}
.bottom-articles article figure {
 border-radius: 97px;
 border: 8px solid white;
 height: 400px !important;
}

/* about sec */
.about-sec {
 padding: 2rem 0;
}
.about-sec .content {
 margin: auto;
 text-align: center;
 line-height: 2;
 padding: 2rem 1rem;
}
.about-sec .content figure {
 width: 170px;
 background: url(/assets/header-logo.png) no-repeat;
 background-size: contain;
 background-position: center;
 height: 70px;
 margin: auto;
 margin-bottom: 2rem;
}
.about-sec .content p {
 width: 60%;
 margin: auto;
 text-align: center;
 line-height: 1.5;
}
.about-sec .content .line {
 height: 0.1rem;
 background-color: black;
 margin: auto;
 margin-top: 1rem;
 margin-bottom: 1rem;
}
.about-sec .content span {
 text-align: center;
 display: block;
}
.about-sec .content small {
 font-weight: 900;
}

/* footer */
footer {
 width: 80%;
 background-color: #2c6919;
 margin: auto;
 padding: 1rem 0;
}
footer .footer-child li {
 color: white;
}