textarea {
    overflow-y: scroll;
    height: 600px;
    border: none;
    resize: none; /* Remove this if you want the user to resize the textarea */
}
.breadcrumb{
    padding-top: 20px;
    padding-left: 0;
    background-color: transparent;
    color: #273329;
    margin-bottom: 36px;
}
.breadcrumb-item+.breadcrumb-item::before{
    content: ">";
    color: #273329;
}
.main-title{
    font-size: 40px;
    color: #006738;
    font-weight: bold;
    padding-bottom: 10px;
    border-bottom:1px solid #12A33E;
    margin-bottom: 70px;
    position: relative;
    
}
.main-title .leaf{
    position: absolute;
    right:0;
    bottom:-19px;
}

.gray{
    color: #595757
}
.fontsize-24{
    font-size: 24px;
    font-weight: 900;
}
.fontsize-20{
    font-size: 20px;
    text-align: justify;
    line-height: 35px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-70{
    margin-bottom: 70px;
}
.mb-pageEnd{
    margin-bottom: 200px;
}
.textarea-deco{
    border: 2px solid #12A33E;
    border-radius: 10px;
    width: 100%;
    padding: 20px 20px;
}
.letter-spacing{
    letter-spacing:4px
}

@media screen and (max-width:992px){
    .breadcrumb{
        margin-bottom: 10px;
        padding-left: 0;
    }
    .main-title{
        font-size: 30px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 35px;
        text-align: -webkit-center;
    }
    .main-title .leaf{
        bottom:-12px;
    }

    
}

@media screen and (max-width:576px){
    .breadcrumb{
        padding-top: 20px;
            padding-left: 0;
            margin-bottom: 36px;
    }
    .main-title{
        padding-bottom: 0;
        text-align: -webkit-center;
    }
    .letter-spacing{
        letter-spacing: 1px
    }
    .textarea-deco{
        height: 300px;
    }
    .mb-pageEnd{
        margin-bottom: 80px;
    }

}