.hp_b1 {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 150px 0px 100px 0px;
    height: 784px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.banner-title {
    color: var(--color-79FF08);
    font-family: "Alata", sans-serif !important;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.7em;
    letter-spacing: 0.4px;
    margin-bottom: 30px;
}

.hp_b1 .des {
    font-size: 20px;
    margin-bottom: 20px;
}

.hp_b1 .box-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.btn_readmore {
    background-color: var(--bg-CDFDA5);
    padding: 15px 47px 15px 47px;
    font-family: "Poppins", Sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    color: #204e4a;
    border-style: none;
    border-radius: 15px 15px 15px 15px;
    text-decoration: none;
}
/* Box 2 */
.hp_b2{
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 105px 0px 100px 0px;
    background-color: #F6F6F6;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: left !important;
}
/* Box 3 */
.hp_b3{
    padding: 60px 0;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important; 
}
.hp_b3 h3.title{
    color: var(--color-2E933C);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.7em;
    letter-spacing: 0.4px;
    margin-bottom: 30px;
}
.hp_b3 .box-icon{
    display: flex
;
    justify-content: center;
}
.hp_b3 .box-icon i{
    font-size: 30px;
    padding: 30px;
    background-color: #2e933c;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.hp_b3 .box-text .des{
    font-size: 18px;
}
.hp_b4{
    padding: 60px 0;
}
.hp_b4 .icon-box{
    padding: 42px 10px 42px 10px;
    background-color: #ffffff;
    justify-content: center;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 28px 40px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px 10px 10px 10px;
}
.hp_b4 .box-text .des{
    font-size: 15px;
}
.hp_b5 {
    padding: 60px 0;
}
.logo-doi_tac{
background-color: #FFFFFF;
    min-height: 0px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.1);
    border-style: solid;
    border-width: 0px 0px 4px 0px;
    border-color: #2e933c;
}
/* hp_b6 */
.hp_b6{
    padding: 60px 0;
}
.hp_b7{
    padding: 60px 0;
}
.box-cate_content{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 20px;
}
.box-cate_content .icon-box{
    padding: 35px 25px 35px 20px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F5F5F5;
    border-radius: 15px 15px 15px 15px;
}
.box-cate_content .icon-box .box-icon i{
    font-size: 42px;
    margin-bottom: 10px;
}
.box-cate_content .icon-box:nth-child(odd){
    background-color: #f2f2f2;
}
.box-cate_content .icon-box:nth-child(odd):hover{
    background-color: #2e933c;
}
.box-cate_content .icon-box:nth-child(odd):hover i{
    background-color: #fff;
}
.box-cate_content .icon-box:nth-child(odd):hover .box-text h3,
    .box-cate_content .icon-box:nth-child(odd):hover .box-text p{
    color: #fff;
}
.box-cate_content .icon-box:nth-child(even){
background-color: #2e933c;
}
.box-cate_content .icon-box:nth-child(even):hover{
    background-color: #071540;
    }
.box-cate_content .icon-box:nth-child(even) .box-icon i{
    color: #fff;
}
.box-cate_content .icon-box:nth-child(odd) .box-icon i{
    color: #2e933c;
}
.box-cate_content .icon-box:nth-child(even) .box-text h3,.box-cate_content .icon-box:nth-child(even) .box-text p{
    color: #fff;
}
/* hp_b8 */
.hp_b8{
    padding: 60px 0;
}
.hp_b8 .des p{
    line-height: auto;
    font-size: 18px;
}
/* .hp_b9 */
.hp_b9{
    padding: 60px 0;
}
.form-sub p{
    position: relative;
}
.form-sub input.wpcf7-email,.form-sub input.wpcf7-submit{
    padding: 13px 15px;

}
.form-sub input.wpcf7-email{
    width: 100%;
   border-radius: 50px;
    border: none;
    padding-right: 380px;
    border: none;
}
.form-sub input.wpcf7-email:focus,.form-sub input.wpcf7-email:focus-visible{
    box-shadow: none;
    border: none;
    outline: none;
}
.form-sub input.wpcf7-submit{
    width: 30%;
    border-radius: 50px;
    background-color: #204e4a;
    position: absolute;
    top: 0;
    right: 0;
}
.form-sub input.wpcf7-submit:hover{
    background-color: #00ab1d;
}

.form-sub .wpcf7-spinner{
    display: none;
}
@media screen and (max-width:990px) {
    .box-cate_content{
        grid-template-columns: repeat(1,1fr);
    }
}
@media screen and (max-width:425px) {
    .form-sub input.wpcf7-submit{
        width: 40%;
    }
    .form-sub input.wpcf7-email{
        padding-right: 150px;

    }
}