@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');

/* START FOR ABOUT US PAGE */
@font-face {
    font-family: 'ClanOT-NarrowMedium';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/ClanOT-NarrowMedium'), url('../fonts/ClanOT-NarrowMedium.woff') format('woff');
}

@font-face {
    font-family: 'ClanOT-NarrowBook';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/ClanOT-NarrowBook'), url('../fonts/ClanOT-NarrowBook.woff') format('woff');
}

@font-face {
    font-family: 'ClanOT-NarrowNews';
    font-style: normal;
    font-weight: normal;
    src: local('../fonts/ClanOT-NarrowNews'), url('../fonts/ClanOT-NarrowNews.woff') format('woff');
}

.logo_font {
    font-family: 'Pinyon Script', cursive;
    font-size: 53px;
    font-weight: 500;
    text-align: center;
    color: #007D3F;
    line-height: 0.6;
}

.forest_dwe_title {
    font-family: 'ClanOT-NarrowNews';
    font-size: 28px;
    text-align: center;
    color: #575756;
}

.forest_dwe_title_hr {
    border-bottom: 1px solid #cbae7f;
    padding: 8px 0;
    height: 2px;
    width: 260px;
    margin: 0 auto;
}

.about_block {
    overflow-x: hidden;
    padding: 170px 0 50px;
}

.about_block .banner_block .inner_banner .title {
    color: #FDCA79;
    font-size: 52px;
    line-height: 70px;
    margin: 0;
    font-family: 'DM Serif Display', serif;
    font-weight: 500;
}

.about_block .team_block .forest_dwellers {
    padding: 0 0 30px;
}


.about_block .team_block .forest_dwellers .desc {
    color: #171313;
}

.butterflypic {
    position: absolute;
    left: 65%;
    top: 25%;
}


.leftsideflowers {
    position: absolute;
    left: 0;
    top: 22%;
}

.rightsideflowers {
    position: absolute;
    /*right:-30px;*/
    right: 0;
    top: 22%;
}


.about_block .team_block {
    padding: 30px 0 0;
    overflow-x: hidden;
}

.about_block .founder_bg {
    background: #077D3D;
    padding: 15px 0 25px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.about_block .founder_bg .leafside_one {
    position: absolute;
    top: 0;
    left: -20%;
}

.about_block .founder_bg .leafside_two {
    position: absolute;
    top: 60%;
    left: -5%;
}

.about_block .founder_bg .rightside_one {
    position: absolute;
    top: 0;
    right: -5%;
}

.about_block .founder_bg .rightside_two {
    position: absolute;
    top: 70%;
    right: -3%;
}

.about_block .founder_bg .rightside_three {
    position: absolute;
    top: 15%;
    right: -2%;
}

.about_block .team_block .title_block {
    text-align: center;
    margin: 10px 0 40px;
}

    .about_block .team_block .title_block .head_title {
        position: relative;
        color: #FDCA79;
        line-height: 24px;
        letter-spacing: 2.4px;
        font-weight: 700;
        font-size: 20px;
        margin: 0;
        display: inline-block;
    }

.about_block .team_block .title_block .head_title:before,
.about_block .team_block .title_block .head_title:after {
    content: "";
    position: absolute;
    bottom: -5px;
}

    .about_block .team_block .title_block .head_title:before {
        background: url("../images/icon_left_green.svg");
        background-size: cover;
        left: -33px;
        width: 24px;
        height: 24px;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

    .about_block .team_block .title_block .head_title:after {
        background: url("../images/icon_right_green.svg");
        background-size: cover;
        right: -30px;
        width: 29px;
        height: 22px;
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }

.about_block .hr_line {
    border: 2px solid #FDCA79;
    /*	max-width: 970px;*/
    margin: 25px auto 10px;
}


.about_block .team_block .desc {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin: 0 auto 15px;
    /*	max-width: 970px;*/
    text-align: center;
}

.about_block .team_block .inner_team .box_team {
    border: 1px solid #AF7F32;
    position: relative;
    margin: 0 0 30px;
}

.about_block .team_block .inner_team .box_team .job_title {
    display: block;
    text-align: right;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 15px 0 0;
    color: #171313;
    margin: 0 0 20px;
}

.about_block .team_block .inner_team .box_team .thumb_block {
    width: 156px;
    height: 156px;
    margin: 0 auto 20px;
}

.about_block .team_block .inner_team .box_team .thumb_block .img_fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.about_block .team_block .inner_team .box_team .name_plus_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_block .team_block .inner_team .box_team .name_plus_block .txt_name {
    padding: 0 0 0 20px;
    font-size: 24px;
    font-weight: 700;
    color: #AF7F32;
    line-height: 30px;
}

.about_block .team_block .inner_team .box_team .name_plus_block .icon_plus {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    background-color: #029148;
    font-size: 70px;
}


.founders_wrap {
    padding: 0;
    margin: 0;
}

.individual_box {
    padding: 15px;
    margin: 0 0 40px;
    position: relative;

}

.individual_box a {
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    color: #fff;
}

.picture_section {
    width: 162px;
    height: 162px;
    margin: 0 auto;
}

.picture_section img {
    width: 162px;
    height: 162px;
    object-fit: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.name_profile_section {
    margin: 20px auto;
    text-align: center;
}

.founder_name {
    font-size: 22px;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}

.profile_name {
    color: #fff;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}


.some_brief_desc {
    position: relative;
    padding: 10px 0 0;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 82px;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: inherit;
}

.view_more_btn {
    font-size: 14px;
    margin: 20px auto;
    display: block;
    width: 150px;
    line-height: 50px;
    height: 50px;
    border: 2px solid #fff;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}

.team_box_modal button {
    display: none;
}

.modal-dialog {
    max-width: 890px;
    margin: 5% auto;
}

.modal-body {
    padding: 0 10% 4%;
}

.modal-content {

    border-radius: 17px;
}

.team_box_modal .modal-header {
    display: block !important;
    text-align: center;
    border-bottom: none !important;
}

.modal-header .title_block h5 {
    color: #029148;
    text-align: center;
}

.modal-header .title_block h5 {
    color: #029148;
    text-align: center;
    text-transform: capitalize !important;
}

.modal-header .title_block .job_title {
    color: #8D8D8D;
    text-align: center;
    text-transform: capitalize !important;
}

/*MEDIA QUERIES*/
/*991*/
@media (max-width:1199px) {
    .rightsideflowers {
        right: 0 !important;
    }

    .about_block .founder_bg .leafside_one {
        left: -30%;
    }
}

@media (max-width:991px) {
    .team_box_modal button {
        display: initial;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .about_block {
        padding: 150px 0 0;
    }
}

/*767*/
@media (max-width:767px) {

    .about_block .founder_bg .leafside_one {
        position: absolute;
        top: 0;
        left: -20%;
    }

    .about_block .founder_bg .leafside_one,
    .about_block .founder_bg .leafside_two,
    .about_block .founder_bg .rightside_one,
    .about_block .founder_bg .rightside_two,
    .about_block .founder_bg .rightside_three {
        display: none;
    }

    .about_block .team_block {
        padding: 30px 0 0;
    }

    .about_block .team_block .desc {
        font-size: 14px;
        margin: 0 auto 10px;
        padding: 0 15px;
    }

    .butterflypic,
    .leftsideflowers,
    .rightsideflowers {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .butterflypic {
        opacity: 0.3;
    }

    .leftsideflowers {
        left: 0;
        opacity: 0.3;
    }

    .rightsideflowers {
        right: 0;
        opacity: 0.3;
    }

}

/*320 to 500*/
@media (min-width:320px) and (max-width:500px) {
    .about_block .banner_block .inner_banner .title {
        font-size: 32px;
    }
}
/* END FOR ABOUT US PAGE */