//css form home 2

.form-home-2 {
    position: relative;
    display: block;
    border-radius: 8px;
    background-color: rgb(247, 244, 242);
    text-align: center;
    padding: 36px 50px 50px;
    width: 100%;
    height: 100%;

    .title {
	    margin-bottom: 24px;

	    h2 {
	    	margin: 0;
	    	font-size: 40px;
		    line-height: 50px;
		    margin-bottom: 4px;
		    color: #2c2734;
	    }

	    p {
	    	font-size: 16px;
    		margin: 0;
	    }
    }

    .your-name {
    	text-align: center;

    	input[type="text"] {
    		height: 67px;
		    width: 100%;
		    background-color: #fff;
		    border: none;
		    outline: none;
		    margin-bottom: 10px;
		    font-size: 16px;
		    color: #88858e;
		    border-radius: 30px;
		    padding: 0 80px;
		    text-align: center;
	        overflow: visible;
	        @media only screen and (max-width: 768px) {
			    padding: 0 20px;
			}
    	}
    }

    .your-email {
    	text-align: center;

    	input[type="email"] {
		    height: 67px;
		    width: 100%;
		    background-color: #fff;
		    border: none;
		    outline: none;
		    margin-bottom: 10px;
		    font-size: 16px;
		    color: #88858e;
		    border-radius: 30px;
		    padding: 0 80px;
		    text-align: center;
	        overflow: visible;
	        @media only screen and (max-width: 768px) {
			    padding: 0 20px;
			}
    	}
    }

    .btn-submit {
    	text-align: center;

    	input[type="submit"] {
    		display: inline-block;
		    vertical-align: middle;
		    height: 67px;
    		width: 100%;
		    border: none;
		    outline: none;
		    background-color: #ff6d12;
		    font-size: 16px;
		    color: #fff;
		    font-weight: 700;
		    border-radius: 33.5px;
		    -webkit-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    &:hover{
		    	background-color:#2C2734;;
		    };
    	}
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {
	    padding: 36px 10px 50px;
	}
}


//css form become

.form-become {
 



    	input[type="text"] {
    		height: 67px;
		    width: 100%;
		    background-color: #f7f4f2;
		    border: none;
		    outline: none;
		    margin-bottom: 20px;
		    font-size: 16px;
		    color: #88858e;
		    border-radius: 30px;
	        overflow: visible;
	        padding-left: 35px;
    	}
   
 

    	input[type="email"] {
		    height: 67px;
		    width: 100%;
		    background-color: #f7f4f2;
		    border: none;
		    outline: none;
		    margin-bottom: 20px;
		    font-size: 16px;
		    color: #88858e;
		    border-radius: 30px;
		   padding-left: 35px;
	        overflow: visible;
    	}

    	textarea{
		    width: 100%;
		    height: 180px;
		    background-color: #f7f4f2;
		    border: none;
		    outline: none;
		    margin-bottom: 20px;
		    font-size: 16px;
		    color: #88858e;
		    border-radius: 30px;
		   padding: 20px 20px 20px 35px;
	        overflow: visible;
    	}
    

    .btn-submit {
    	text-align: center;

    	input[type="submit"] {
    		display: inline-block;
		    vertical-align: middle;
		  
		    border: none;
		    outline: none;
		    background-color: #ff6d12;
		    font-size: 16px;
		    color: #fff;
		    font-weight: 700;
		    border-radius: 33.5px;
		    -webkit-transition: all 0.4s ease;
		    transition: all 0.4s ease;
		    padding: 0px 55px;
		    height: 67px;
		    float: left;
		    &:hover{
		    	background-color:#2C2734;;
		    };
    	}
    }
}