body {
    background-color: #FFF;
}


/*************************************************custom css *************************************************/
#content-section-2 {
    padding-top: 50px;
    padding-bottom: 80px;
}


#content-section-x h2 {
    font-size: 5em;
    font-weight: 900;
    text-align: center;
}

#content-section-x h3 {
    font-size: 2.5em;
    font-weight: 400;
    text-align: center;
}

#content-section-x p {
    font-size: 1.4em;
    line-height: 1.3em;
    color: #000;
    text-align: center;
}

.exp_bg {
    cursor: pointer;
    transition: .2s;
    border-top: solid 1px #604827 !important;
    border-left: solid 1px #604827 !important;
    border-right: solid 1px #604827 !important;
}

.exp_bg:hover {
    background-color: #3f3221;
}

.exp_bg2 {
    cursor: pointer;
    background-color: transparent;
    border-bottom: solid 1px #604827 !important;
}

.exp_bg2:hover {
    background-color: #3f3221;
}

.mission .mission_txt,
.mission .event_txt {
    height: 100%;
    padding: 30px 20px;
}

.mission .event_txt {
    background-color: #c2e0ff;
}

.mission h3 {
    margin-bottom: 20px;
    color: #063058;
    font-size: 2.5em;
    font-weight: 400;
}

.mission p {
    font-size: 18px;
    font-weight: 500;
    color: #063058;
}

.btn_black {
    color: #fff;
    display: inline-flex;
    padding: 12px 30px;
    font-size: 16px;
    font-weight: 500;
    background-color: #063058;
    transition: 0.5s;
    box-shadow: 6px 4px 8px 0 rgba(0, 0, 0, 0.35);
}

.mission .mission_txt,
.mission .event_txt {
    height: 100%;
    padding: 30px 20px;
}

.mission .mission_txt {
    background-color: #99c5f2;
}

.mission .mission_txt div,
.mission .event_txt div {
    max-width: 760px;
}

.img_set {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-with-icon-caption p {
    font-size: 1.25em;
    color: #000;
}


/******************************************************************************************/
/*=============================================================*/
.section-gap-large {
    padding: 80px 0px;
}

.section-gap-medium {
    padding: 60px 0px;
}

.section-gap-small {
    padding: 30px 0px;
}

.sectiontop-gap-large {
    padding-top: 80px;
}

.sectiontop-gap-medium {
    padding-top: 60px;
}

.sectiontop-gap-small {
    padding-top: 30px;
    background-size: cover !important;
}

.sectionbottom-gap-large {
    padding-bottom: 80px;
}

.sectionbottom-gap-medium {
    padding-bottom: 60px;
}

.sectionbottom-gap-small {
    padding-bottom: 30px;
}

.section-mdgap-small {
    padding: 15px 0px;
}

@media screen and (max-width: 968px) {
    .section-gap-medium {
        padding: 30px 0px;
    }
}


/*=============================================================*/
main.wapper {
    padding-bottom: 80px;
}

/*=============================================================*/
.section-title {
    width: 100%;
    position: relative;
    display: inline-block;
}

.section-title p {
    font-size: 1.25rem;
    margin-bottom: 0px;
}

.section-title h1,
.section-title h2 {
    font-size: 32px;
    font-weight: bold;
}

.border_card {
    border: solid 5px #679A02;
    border-radius: 12px;
    padding: 20px;
    background-color: #f0fbda;
}

.row_gap .row {
    row-gap: 20px;
}


/*=============================================================*/
.page-title {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-title h1 {
    font-size: 1.8rem;
}

/*=============================================================*/
.box-left {
    display: flex;
    justify-content: start;
}

.box-center {
    display: flex;
    justify-content: center;

}

.box-right {
    display: flex;
    justify-content: end;

}

.tx-left,
.text-left {
    text-align: left;
}

.tx-center,
.text-center {
    text-align: center;
}

.tx-right,
.text-right {
    text-align: right;
}

/*=====================================================================*/

.page-heading {
    border-bottom: solid 1px #f3f3f3;
    background-color: #f3f3f3;
}

.custom-pages ul {
    list-style: none;
    padding: 0;
    margin: 0px;
    margin-bottom: 20px;
}

.custom-pages ul li {
    font-size: 18px;
}

.custom-pages ul li:before {
    content: "";
    background-image: url('../images/tick.png');
    width: 30px;
    height: 17px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px;
}


.list-section ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-section ul li {
    font-size: 18px;
}

.list-section ul li:before {
    content: "";
    background-image: url('../images/tick.png');
    width: 30px;
    height: 17px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px;
}

.list-section {
    background: linear-gradient(135deg, #f8ab02, #f9cd00, #f5b700);
    color: #3f3f3f;
}


.img-section img {
    border-radius: 10px;
}

.custom-pages {
    padding-top: 144px;
}

.color-white>* {
    color: #fff;
}

.central_row .central_committee {
    padding: 20px;
    border-radius: 14px;
    /* border: dotted 3px var(--dark_green); */
    box-shadow: 0px 0px 6px 0px #c2c2c2;
}

.central_row .img_box {
    height: 350px;
}

.central_row .central_committee h5 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 800;
}

.central_row .central_committee p {
    text-align: center;
    font-weight: 700;
}

.central_row .img_box img {
    width: 100%;
    height: 100%;
    border-radius: 12px;
    object-fit: contain;
    object-position: top;
}
 

section.blog_detail,
.blog {
    padding-top: 220px;
}

.blog_img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.blog_img_box {
    width: 100%;
    height: 450px;
}

.greennature-logo {
    margin-bottom: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


.blog_list .blog_img {
    display: flex;
    width: 100%;
    height: 400px;
}

.blog_list .blog_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bl_l_side .recent_post_img {
    min-width: 80px;
    width: 80px;
    height: 80px;
    margin-right: 16px;
}

.bl_l_side .cs_recent_post h5 {
    font-size: 18px;
}


@media (max-width: 991px) {
    .section-title h2 {
        font-size: 18px;
    }
}


@media (max-width: 767.50px) {

    .custom-pages {
        padding-top: 0px;
    }

    .blog_detail,
    .blog {
        padding-top: 40px !important;
    }

    .blog_img_box {
        height: 250px;
    }

    .custom-pages p,
    .custom-pages span {
        font-size: 16px !important;
        text-align: center;
    }

    

    .list-section ul li {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .custom-pages p {
        font-size: 16px;
    }

    ul#menu-main-menu {
        width: 100% !important;
        left: 0;
    }

    .exp_bg {
        border-bottom: solid 1px #604827 !important;
        margin-bottom: 30px;
    }

    .exp_bg2 {
        border-top: solid 1px #604827 !important;
        border-left: solid 1px #604827 !important;
        border-right: solid 1px #604827 !important;
        border-bottom: solid 1px #604827 !important;
        margin-bottom: 30px;
    }

    #content-section-x {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    #content-section-x h2 {
        font-size: 4em;
    }

    #content-section-x h3 {
        font-size: 2em;
    }

    #content-section-x p {
        font-size: 1.2em;
    }

    .greennature-classic-portfolio.greennature-item {
        padding-right: 0px;
        margin: 15px 0;
    }

    .mission p {
        font-size: 15px;
    }

    .mission h3 {
        font-size: 2.2em;
    }

    .greennature-item {
        margin: 0px;
    }
}

@media (max-width: 575.50px) {
    body .greennature-logo-inner img {
        min-width: 180px;
    }

    .blog_list .blog_txt h4 {
        font-size: 22px;
    }
}