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

/* START FOR COLLABORATION 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');
}

.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;
}

.collaboration_block {
    padding: 150px 0 80px;
    overflow-x: hidden;
}

.collaboration_block .title_block {
    margin: 0 auto;
    text-align: center;
}

.collaboration_block .title_block .head_title {
    text-align: center;
    margin: 20px 0;
    color: #AF7F32;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    position: relative;
    display: inline-block;
}

.collaboration_block .title_block .head_title:before,
.collaboration_block .title_block .head_title:after {
    content: "";
    position: absolute;
    top: 50%;
}

.collaboration_block .team_block {
    overflow: hidden;
}

.collaboration_block .title_block .head_title:before {
    background: url(../images/icon_left_green.svg);
    background-size: cover;
    left: -33px;
    width: 24px;
    height: 24px;
}

.collaboration_block .title_block .head_title:after {
    background: url(../images/icon_right_green.svg);
    background-size: cover;
    right: -30px;
    width: 29px;
    height: 22px;
}

.collaboration_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;
}

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


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

.collaboration_block .team_block .forest_dwellers .leftside_leaf {
    position: absolute;
    z-index: -1;
    top: 120%;
    left: -20%;
}

.collaboration_block .team_block .forest_dwellers .rightside_leaf {
    position: absolute;
    z-index: -1;
    top: 130%;
    right: -7%;
}

.collaboration_block .team_block .forest_dwellers .rightside_leaf .leaf_one {
    position: relative;
    right: -50px;
}

.butterflypic {
    position: absolute;
    left: 65%;
    top: 25%;
    z-index: -1;
}


.leftsideflowers_collaborationpg {
    position: absolute;
    left: 0;
    top: 80%;
    z-index: -1;
}

.rightsideflowers_collaborationpg {
    position: absolute;
    top: 40%;
    right:0;
    z-index: -1;
}

.collaboration_block .collaboration_content .list_collaboration {
    width: 100%;
}

.collaboration_block .collaboration_content .list_collaboration li:not(:last-child) {
    margin: 0 0 40px;
}

.collaboration_block .collaboration_content .list_collaboration li {
    width: 100%;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration,
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration {
    display: flex;
    align-items: flex-start;
    width: 100%;
}

.collaboration_block .bg_green_pattern {
    background-color: #027D3E;
    padding: 40px 0;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .thumb_block,
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .thumb_block {
    width: 248px;
    height: 248px;
    margin: 50px 0 0 0;
    background-color: #E9E9E9;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block,
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block {
    width: calc(100% - 292px);
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption,
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption {
    padding: 20px 50px;
    /*background: #027D3E;*/
    margin: 0 0 12px;
}

.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption .subtitle {
    color: #fff;
    letter-spacing: 0.25px;
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 36px;
}

.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc {
    color: #fff;
    line-height: 24px;
    font-size: 15px;
    font-weight: 500;
    font-family: 'Raleway', sans-serif;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption .subtitle {
    color: #027D3E;
    letter-spacing: 0.25px;
    font-size: 25px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 36px;
}

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc {
         color: #292929;
        line-height: 24px;
        font-size: 15px;
        font-weight: 500;
        font-family: 'Raleway', sans-serif;
    }

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc:not(:last-child),
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc:not(:last-child) {
    margin: 0 0 20px;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .thumb_block img,
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .thumb_block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .vm_block,
.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .vm_block {
    padding: 0 0 0 40px;
}

.collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .vm_block .btn_vm {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    outline: none;
    cursor: pointer;
    text-align: center;
    width: 150px;
    height: 50px;
    line-height: 40px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

.collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .vm_block .btn_vm {
    background: transparent linear-gradient(75deg, #027D3E 0%, #029148 100%) 0% 0% no-repeat padding-box;
    color: #fff;
    border: 0;
    outline: none;
    cursor: pointer;
    text-align: center;
    width: 150px;
    height: 50px;
    line-height: 50px;
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
}

/*MEDIA QUERIES*/
@media (min-width:1500px) {
    .rightsideflowers_collaborationpg {
        top: 30%;
    }
}

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

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration {
        flex-direction: column;
    }

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block {
        width: 100%;
    }

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .thumb_block,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .thumb_block {
        margin: 0 auto 20px;
    }

    #team_one button,
    #team_two button,
    #team_three button {
        display: initial;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .collaboration_block .team_block .forest_dwellers .leftside_leaf {
        left: -30%;
    }

    .collaboration_block {
        padding: 150px 0 50px;
    }
}

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

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption {
        padding: 20px;
    }

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .vm_block,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .vm_block {
        padding: 0;
    }

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .vm_block .btn_vm,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .vm_block .btn_vm {
        width: 100%;
    }

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc,
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc {
        font-size: 14px;
    }

    .collaboration_block .collaboration_content .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc:not(:last-child),
    .collaboration_block .bg_green_pattern .list_collaboration li .inner_collaboration .caption_block .inner_caption .desc:not(:last-child) {
        margin: 0 0 10px;
    }

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

    .butterflypic,
    .leftsideflowers_collaborationpg,
    .rightsideflowers_collaborationpg,
    .collaboration_block .team_block .forest_dwellers .leftside_leaf,
    .collaboration_block .team_block .forest_dwellers .rightside_leaf {
        display: none;
    }
}

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

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

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

/*320 to 500*/
@media (min-width:320px) and (max-width:500px) {
    .collaboration_block .banner_block .inner_banner .title {
        font-size: 32px;
    }

    .collaboration_block .title_block .head_title {
        font-size: 16px;
    }
}
/* END FOR COLLABORATION PAGE */