:root{
	--footer-form-color: #1c3e8c;
	--footer-form-bg-color: #b2e8ef;
	--footer-form-hover-color: black;
	--footer-form-hover-bg-color: #c5eff4;
	--footer-form-list-title-color:  black;



	--star-color: grey;
	--star-hover-color: #ffa41d;
	--star-active-color: #ff9800;


	--footer-info-alert-title-color: white;


	--footer-info-fb-color: #3d5999;
	--footer-info-insta-color: #e1306c;
	--footer-info-tw-color: #1da1f2;
	--footer-info-link-color: #0076af;

	--footer-info-bg-color: #cdedff;
}

	/*FORM SECTION*/

		.footer-form-container{
			width: 38%;
			margin: auto;
			margin-top: 50px; 
			padding: 30px 30px;
			border: 1px solid var(--footer-form-color);
			border-radius: 5px;
		}
		.footer-form-header-container{
			
			width: 100%;
			font-size: 30px;
			border-radius: 5px;
			text-align: center;
			/*padding: 10px 30px;*/
			margin: 10px 0px 45px 0px;
			color: var(--footer-form-color);
			/*color: rgb(4, 21, 51);*/
			font-weight: 500;
    		background: #eef2fb;
    		padding: 17px 14px;
		}
		.footer-form-select-container{
			margin: 35px 0px;
		}
		.footer-form-select-title{
			display: flex;
			
		}
		.footer-form-select-title-text{
			line-height: 35px;
			margin-right: 10px;
			color: var(--footer-form-color);
		}
		.footer-form-title-btn-container{
			background-color: white;
			padding: 5px 25px;
			margin: 0px 10px 0px 0px;
			border: 1px solid #1c3e8c;
			border-radius: 5px;
			cursor: pointer;
		}


		.footer-form-title-btn-container:hover {
			background-color: var(--footer-form-hover-bg-color);
			border-color: var(--footer-form-hover-bg-color);
		}
		.active-req-info-title-btn-container{
			background-color: var(--footer-form-bg-color);
			border-color: var(--footer-form-bg-color);
		}
		.active-req-info-title-btn-seller{
			display: none;
		}

		.footer-form-each-input-container{
			display: flex;
			position: relative;
			width: 100%;
		    border: 1px solid var(--footer-form-color);
		    border-radius: 5px;
		    overflow: hidden;
		    margin: 30px 0px 0px 0px;
		}
		.footer-form-each-input-icon{
			position: absolute;
			font-size: 25px;
			border-radius: 5px;
		    color: var(--footer-form-color);
		    padding: 2px 8px;
		}
		.footer-form-each-input-container > input{
			width: 100%;
			padding: 10px 5px 10px 45px;
		    border: none;
		    border-radius: 5px;
		    overflow: hidden;
		}
		.footer-form-each-input-container > textarea{
			width: 100%;
			height: 80px;
			border:  none;
		}
		
		.footer-form-btn-container {
			text-decoration: none;
			display: block;
			width: 100%;
			padding: 10px 0px;
			border-radius: 5px;
			color: white;
			background-color: var(--footer-form-color);
			text-align: center;
			margin: 30px 0px 0px 0px;
		}
		.footer-form-btn-container:hover{
			background-color: #b2e8ef;
			color: var(--footer-form-color);
		}
		.req-info-select-container{
			position: relative;
			background-color: lightblue;
		}
		.req-info-select{
			position: absolute;
		}
		.footer-form-property-detail-title{
		    color: var(--footer-form-color);
			margin: 25px 0px 10px 0px;
			font-weight: 500;
		}
		.footer-form-required-field-text{
			color: red;
			font-size: 14px;
			margin: 5px 0px 0px 0px;
		}

	/*FORM SECTION ENDS*/

	/*RATING STAR*/
		.footer-form-feedback-title-container{
			color: var(--footer-form-color);
			font-size: 18px;
			font-weight: 600;
		}
		.feedback-star-icons-container{
			display: flex;
		}

		.feedback-star-icon-container{
			margin: 0px 18px 0px 0px;
			color: var(--star-color);
		}

		.hover-feedback-star-icon{
			color: var(--star-hover-color);
		}

		.active-feedback-star-icon{
			color: var(--star-active-color);
		}

		.feedback-star-icon-container > i {
			font-size: 30px;
		}
	/*RATING STAR ENDS*/




	/*FOOTER INFO PAGE*/
		.footer-info-container{
			width: 80%;
			margin: auto;
			margin-top: 50px; 
			margin-bottom: 50px;
			padding: 30px 30px;
			border: 1px solid var(--footer-form-color);
			border-radius: 5px;
		}
		.footer-info-sub-container-content-wrapper{
			margin: 30px 0px 0px 0px;
			/*color: var(--footer-info-text-color);*/
		}
		.footer-info-title-container{
			font-size: 20px;
			font-weight: 500;
			color: var(--footer-form-color);
		}
		.footer-info-title-text-container{
			margin: 15px 0px 20px 0px;
			font-size: 15px;
			color: var(--footwer-form-list-title-color);
		}
		.footer-info-title-text-container > span{
			font-weight: 600;
		}
		.footer-info-title-text-container > ul{
			list-style: decimal;
		}
		.footer-info-content-list-container{
			margin: 15px 0px 0px 0px;
		}
		.footer-info-content-list-container > ul{
			/*list-style: square;*/
			font-size: 15px;
		}
		.footer-info-content-list-container > ul > li > span{
			font-weight: 500;
			color: var(--footwer-form-list-title-color);
		}
		.footer-info-content-lists-item-container > ul{
			list-style: decimal;
		}

		.footer-info-content-lists-item-title-container{
			font-weight: 500;
			color: var(--footwer-form-list-title-color);
		}

		.footer-info-icons-container{
			display: flex;
		}
		.footer-info-icon-container > a{
			font-size: 30px;
			margin-right: 10px;
			transition: 0.3s;
			text-decoration: none;

		}



		.footer-info-fb > a{
			color: var(--footer-info-fb-color);
		}
		.footer-info-insta > a{
			color: var(--footer-info-insta-color);
		}
		.footer-info-tw > a{
			color: var(--footer-info-tw-color);
		}
		.footer-info-link > a{
			color: var(--footer-info-link-color);
		}


		.footer-info-fb > a:hover{
			color: var(--footer-info-fb-color);
		}
		.footer-info-insta > a:hover{
			color: var(--footer-info-insta-color);
		}
		.footer-info-tw > a:hover{
			color: var(--footer-info-tw-color);
		}
		.footer-info-link > a:hover{
			color: var(--footer-info-link-color);
		}



		/*TESTIMONIAL SEC*/
			.footer-testimonial-container{
				border-radius: 5px;
				/*border:  1px solid grey;*/
				background-color: var(--footer-info-bg-color);
				padding: 25px;
			}
			.testimonial-identity-container{
				display: flex;
			}
			.testimonial-identity-img-container{
				background-color: var(--footer-form-list-title-color);
			    color: var(--footer-info-alert-title-color);
			    font-size: 20px;
			    padding: 12px 12px 10px 12px;
			    border-radius: 50%;
			    line-height: 23px;
			    margin: 0px 15px 0px 0px;

			}
			.identity-text-container{
				color: var(--footer-form-list-title-color);
			}
			.identity-text-container > span{
				color: grey;
				display: block;
				line-height: 15px;
				font-size: 12px;
			}

		/*TESTIMONIAL SEC ENDS*/


		/*CONTACT US*/
			.footer-info-contact-container{
				width: 38%;
    			margin: auto;
    			background-color: var(--footer-info-bg-color);
    			padding: 10px 15px;
    			border-radius: 5px;
			}

		/*CONTACT US ENDS*/




		/*ALERT BOX*/
			.footer-info-alert-box-container{
				/*background: var(--footer-form-bg-color);*/
				border-radius: 5px;
				overflow: hidden;
				border: 1px solid  var(--footer-form-color);;
			}
			.footer-alert-box-title-container{
				background: var(--footer-form-color);
				/*background-color: var(--footer-form-bg-color);*/
				color: var(--footer-info-alert-title-color);
				font-size: 18px;
				justify-content: center;
				padding: 10px;
				display: flex;
				line-height: 20px;
				/*font-weight: 500;*/
			}
			.footer-info-alert-box-icon{
				font-size: 20px;
				margin: 0px 5px 0px 0px;
				/*font-weight: 600;*/
			}
			.footer-alert-box-text{
				padding: 10px 15px;
				font-size: 13px;
			}
			.footer-alert-box-text > span{
				margin: 8px 0px 0px 0px; 
				display: block;
			}
		/*ALERT BOX*/

	/*FOOTER INFO PAGE ENDS*/


	@media only screen and (max-width: 600px){
		.footer-form-container{
			width: 100%;
		}
		.footer-form-header-container{
			margin: 10px 0px 30px 0px;
		}

		.footer-info-container{
			width: 100%;
			padding: 20px 20px;
		}

		.footer-info-contact-container{
			width: 100%;
		}	
	}