.form-modal .modal-content {
			background-color: #fefefe;
			margin: auto !important;
			padding: 20px !important;
			border: 1px solid #888 !important;
			width: 60% !important;
		}
        .form-modal{
            overflow-y: auto !important;
            -ms-overflow-style: none;
        
        }
		.form-modal .content {
			width: 100%;
			height: 100%;
			background-image: linear-gradient(rgba(8, 146, 146, 0.6), rgba(8, 146, 146, 0.6)) !important;
			border-radius: 0.3rem;
			display: -webkit-box;
		}

		.form-modal a {
			font-size: 17px;
		}

		.form-modal .form-group {
			text-align: left;
		}
        .form-modal::-webkit-scrollbar {
    display: none;
}

		.form-modal h5 {
			margin: 0 0 20px;
			padding: 0;
			letter-spacing: 0;
			font-weight: 600;
			font-family: Poppins, sans-serif;
			color: #232323;
		}

		.form-modal .testimonial-client {
			max-width: 17% !important;
			border-radius: 0.3rem;
			margin: 3% 0% 2% 0%;
		}

		.text-left a {
			font-size: 14px;
			color: #6f6f6f;
			font-weight: 625;
		}

		.form-modal input[type=button],
		input[type=email],
		input[type=password],
		input[type=search],
		input[type=submit],
		input[type=text],
		textarea {
			-webkit-appearance: none;
			outline: 0;
		}

		.form-modal .form-control {
			display: block;
			width: 100%;
			padding: 0.375rem 0.75rem;
			font-size: 1rem;
			line-height: 1.5;
			color: #495057;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid #ced4da;
			border-radius: 0.25rem;
			transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
		}

		/*right side social media start*/
		.sidebar-icon {
			position: fixed;
			right: -37px;
			top: 45%;
			z-index: 999;
		}

		.Meassge-icon {
			position: absolute;
			width: 45PX;
			height: 45PX;
			bottom: 55px;
			right: 40px;
			background-color: #25d366;
			color: #FFF;
			text-align: center;
			font-size: 30px;
			box-shadow: 2px 2px 3px #999;
			z-index: 100;
		}

		.Meassge-icon-float {
			font-size: 28px !important;
			margin-top: 9px;
			margin-left: 9px;
		}

		.whatsapp-icon {
			position: relative;
			width: 45px;
			height: 45px;
			bottom: 32%;
			right: 40px;
			background-color: #25d366;
			color: #FFF;
			text-align: center;
			font-size: 30px;
			box-shadow: 2px 2px 3px #999;
			z-index: 100;
		}

		.whatsapp-icon-float {
			font-size: 28px !important;
			margin-top: 10px;
			margin-left: 11px;
		}
	   .form-modal input::-webkit-outer-spin-button,
       .form-modal input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        }
        .google-icon {
			position: absolute;
			width: 45px;
			height: 45px;
			bottom: -123%;
			right: 40px;
			background-color: #25d366;
			color: #FFF;
			text-align: center;
			font-size: 30px;
			box-shadow: 2px 2px 3px #999;
			z-index: 100;
		}

		.google-icon-float {
			font-size: 28px !important;
			margin-top: 9.5px;
			padding-left: 11px;
		}

		.Meassge-icon:hover {
            width: 135px;
		}

		.Meassge-text {
			display: none;
			margin-top: 4%;
			padding-left: 9px;
			font-size: 16px;
			padding-top: 5px;
		}

		.Meassge-icon:hover .Meassge-text {
			display: block;
		}

		.whatsapp-text {
			display: none;
			padding-top: 5px;
			margin-top: 4%;
			padding-left: 9px;
			font-size: 16px;
		}

		.whatsapp-icon:hover {
			width: 130px;
		}

		.whatsapp-icon:hover .whatsapp-text {
			display: block;
		}

		.google-icon:hover {
			width: 172px;
		}

		.google-icon:hover .google-text {
			display: block;
		}

		.google-text {
			display: none;
			padding-top: 5px;
			font-size: 16px;
			margin-top: 2%;
			padding-left: 14px;
		}
		
		#html_element{
		        margin-bottom: 1.5rem;
		}
        .form-group-Interests{
    margin-bottom: 2rem !important;
        }
        .fa-quote-right{
            color: #089292;
        }
		/*right side social media end*/


		.form-modal {
			position: fixed;
			z-index: 100000;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-color: rgb(0, 0, 0);
			background-color: rgba(0, 0, 0, 0.4);
			display: none;
			/* visibility: hidden; */
			justify-content: center;
			align-items: center;

		}

		.form-modal .modal-content {
			position: relative;
			display: -ms-flexbox;
			display: flex;
			-ms-flex-direction: column;
			flex-direction: column;
			width: 60%;
			pointer-events: auto;
			background-clip: padding-box;
			border: 1px solid rgba(0, 0, 0, .2);
			border-radius: .3rem;
			outline: 0;
			height: auto;
			margin: 0 auto;
			padding: 0%;

		}

		.form-modal .close {
			float: right;
			font-size: 1.5rem;
			font-weight: 700;
			line-height: 1;
			color: #333;
			text-shadow: 0 1px 0 #fff;
			opacity: .5;
			text-align: end;
			width: 100%;
		}

		.form-modal .content {
			width: 100%;
			height: 100%;
			background: linear-gradient(-45deg, #ffffff24, #b2b8fdba);
			border-radius: 0.3rem;
			display: -webkit-box;
		}

		.form-modal .details {
			background-color: #ffffff;
			border-radius: 0rem 0.3rem 0.3rem 0rem;
		}

		.form-modal label {
			display: inline-block;
			margin-bottom: 0;
			color: #333;
			font-size: 17px;
		}

		.form-modal .form-group {
			margin-bottom: 2.5rem;
		}

		.form-modal .form-robot {
			margin-bottom: 2.5rem;
			margin-top: -0.8rem;
		}

		.form-control {
			font-size: 0.5rem;
		}

		.form-modal input,
		select,
		textarea {
			margin: 0 0 0 0;
		}

		.form-modal .btn-primary {
			color: #fff;
			/* background: linear-gradient(-45deg, #4e54c8, #8089ff); */
			background: linear-gradient(rgba(8, 146, 146, 0.9), rgba(8, 146, 146, 1)) !important;
			border-color: linear-gradient(-45deg, #4e54c8, #8089ff);
		}

		.form-modal .btn {
			display: inline-block;
			text-align: center;
			white-space: nowrap;
			vertical-align: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			border: 1px solid transparent;
			padding: .3rem .3rem;
			font-size: 16px !important;
			line-height: 1.5;
			border-radius: .25rem;
			transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
			border: 1px solid #d1d1d1;
			font-size: 16px important;
			padding: 8px 15px;
			width: 100%;
			margin: 0 0 15px 0;
			max-width: 100%;
			resize: none;
			font-weight: bold;
		}

		.hide {
			display: none;
		}

		@media only screen and (max-width: 768px) {

			.form-modal .left {
				display: none;
			}

			.form-modal .modal-content {
				width: 95% !important;
			}

			.form-modal .details {
				border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
			}

			.form-modal .start-project {
				padding-bottom: 5%;
			}

		}

		.form-modal .testimonial-content {
			height: 65%;
			padding: 5%;
		}

		.form-modal h5 {
			font-size: 24px;
		}

		.form-modal .flag {
			max-width: 10% !important;
		}

		.form-modal .testimonial-text {
			text-align: justify;
			font-size: 15px;
			line-height: 24px;
			font-weight: inherit;
			margin: 0 0 0px 0;
			font-weight: 500;
		}

		.form-modal .testimonial-client {
			max-width: 17%;
			border-radius: 0.3rem;
			margin: 3% 0% 2% 0%;
		}

		.form-modal .client-name {
			color: #333;
			text-align: left;
			font-size: 15px;
			line-height: 24px;
			font-weight: normal;
			margin: 0 0 0px 0;
		}

		.form-modal #name {
			margin: 1% 0% -5% 0%;
			color: red;
		}

		.form-modal #email {
			margin: 1% 0% -5% 0%;
			color: red;
		}

		.form-modal #project {
			margin: 1% 0% -5% 0%;
			color: red;
		}

		@media (max-width:992) {
			.form-modal .modal-content {
				margin: -5% auto !important;
				padding: 0;
				background-color: red;
			}
		}

		@media only screen and (max-width: 767px) {
			.form-modal .form-group {
				margin-bottom: 2rem;
			}
		}