#hero{
    padding: 0 !important;
    background-size: cover;
}
#hero .left{
    padding: 50px 0;
}
#hero #contact2{
    background: rgba(89,177,58, 0.83) !important;
}
#hero #contact2 .inner {
    padding: 40px;
    border-radius: 8px;
    border: 1px solid #F5F6F7;
}
#hero #formMessage{
    display: none;
}
#why{
    background: #fff !important;
    padding-bottom: 150px;
}
#why .btn, #courses .btn, #other .btn{
    min-width: 250px;
}

#other{
    padding-bottom: 150px;
}


/*----------------------------
contact2
----------------------------*/

#contact2{
    padding: 50px 0;
    position: relative;
    overflow-x: hidden;
}

#contact2 .row{
    justify-content: center;
}

#contact2 .inner{
    padding: 50px;
    border-radius: 8px;
    border: 1px solid #F5F6F7;
}

#contact2 .inner .content{
    text-align: center;
}

#contact2 p{
    font-size: 20px;
    font-weight: 300;
    color: #1C2A45
}

#contact2 h4{
    margin: 0 0 10px;
}

#contact2 form .form-check a{
    color:#59B13A;
    text-decoration: none;
}

#contact2 form .form-check a:hover{
    text-decoration: underline;
}

#contact2 .click{
    margin: 30px 0 0;
    justify-content: center;
}

#contact2 .first{
    filter: brightness(0) invert(1);
    position: absolute;
    left: -50px;
    top: 50px;
}

#contact2 .second{
    filter: brightness(0) invert(1);
    position: absolute;
    right: -30px;
    top: 80px;
}

#nav .right {
    display: none !important;
}
#nav .inner {
    justify-content: center!important;
}
#nav .logo a{
    pointer-events: none!important;
}

@media(max-width:991px){
    #contact2 .first,
    #contact2 .second{
        display: none;
    }
    #tp img{
        width: 100%;
    }
}

@media(max-width:576px){
    #contact2 .inner{
        padding: 50px 15px;
    }
}