/* CSS Document */


.ind_contact_body{
	padding: 50px 0px;
	background: url(../pattern/ptrn1.png) top;
	overflow: hidden;
}
.ind_contact{
	background: #f7fdff;
	border: 2px dashed #6ad2ff;
	padding: 15px;
	border-radius: 15px;
	display: flex;
	box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.05);
	z-index: 10;
}
.ind_contact_box1{
	flex:1;		
}
.ind_contact_box2{
	flex:1;		
}
.ind_contact_map{
	height: 100%;
}
.ind_contact_map iframe{
	height: 100%;
	overflow: hidden;
	border-radius: 10px 0px 0px 10px;
}
.ind_contact_info{
	padding: 20px;
	text-align: left;
}
.ind_contact_info h1{
	color: var(--p2);
	font-family: 'Alkatra';
	font-size: 25px;
}
.ind_contact_info h1 i{
	margin-right: 7px;
}
.ind_contact_info article{
	padding: 25px 0px;
	font-size: 16px;
	line-height: 22px;
	color: #333;
	padding-top: 5px;
}
.ind_contact_info article a{
	color: #333;
}
.ind_contact_info article a:hover{
	cursor: pointer;
	color: var(--y);
}

.sv_foot2 svg{
	fill:#f7f7f7;
}
.my_contact_form_body{
	padding: 50px 0px;
	background: #f7f7f7;
	overflow: hidden;
}
.my_contact_form_in{
	display: flex;
	min-height: 200px;

}
.my_contact_form_b1{
	flex:1 0 60%;
}
.my_contact_form_b2{
	flex:1 0 40%;
}
.my_contact_form_b1 img{
	width: 100%;
	height: 100%;
	display: block;
}
.my_contact_form{
	margin: 15px;
	padding: 20px;
	padding-bottom: 15px;
	padding-top: 15px;
	border-radius: 20px;
	background: #ffffff;
	box-shadow: 0px 0px 5px 5px rgba(51,51,51,0.05);
	margin-right: 0px;
}
.my_contact_form_box{
	text-align: left;
	padding-bottom: 15px;

}
.my_contact_form section{
	display: flex;
	flex-direction: column;
}
.my_contact_form section aside{
	display: flex;
	padding: 20px 0px;
	padding-top: 5px;
}
.my_contact_form section h2{
	color: #2076fc;
	font-family: 'Alkatra';
}
.my_contact_form aside input, .my_contact_form aside textarea{
	flex:1;
	border: 3px solid rgba(0,0,0,0.1);
	font-size: 18px;
	padding: 8px 15px;
	border-radius: 10px;
	outline: none;
	color: var(--p2);
	font-weight: 500;
	font-family:'Poppins', 'Lato', Calibri, Arial, sans-serif;
	width: 100%;
}
.my_contact_form aside input::placeholdern, .my_contact_form aside textarea::placeholder{
	color: #ccc;
	font-family: Aqleema-Regular, Lato, sans-serif;
}
.my_contact_form aside input::-webkit-input-placeholder, .my_contact_form aside textarea::-webkit-input-placeholder {
	color: #ccc;
	font-family: Aqleema-Regular, Lato, sans-serif;
}
.my_lr_form section aside input:-ms-input-placeholder, .my_lr_form section aside textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ccc;
}
.my_contact_form aside input:focus, .my_contact_form aside textarea:focus{
	border-color: #2076fc;
}
.my_contact_form aside button{
	flex: 1;
	outline: none;
	border: none;
	display: inline-block;
	background: linear-gradient(0deg,var(--p),var(--pd) 100%);
	color: #FFF;
	font-size: 20px;
	padding: 10px 10px;
	border-radius: 10px;
	width: 100%;
	font-family: 'Poppins', 'Lato';
	transition: ease-in-out 0.2s all;
	letter-spacing: 1px;
	box-shadow: 0px 3px 6px 0.05px rgb(0 0 0 / 20%);
	border: 1px solid rgba(255,255,255,0.1);
	font-weight: 600;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	background-image: linear-gradient(to right, #56ab2f 0%, #a8e063 51%, #56ab2f 100%);

}
.my_contact_form aside button:hover{
	background-color:#2D96FF;
	cursor:pointer;
	background-position: right center;
}
.my_contact_form aside button:active{
	transform:translate(3px,3px);
}
.my_contact_form article{
	font-size: 16px;
	color: var(--t);
	opacity: 0.5;
}
.my_contact_form_t{
	text-align: center;
	padding-bottom: 10px;
}
.my_contact_form_t img{
	height: 60px;
	display: inline-block;
}

.my_form_captcha input{
	border-radius: 0px 15px 15px 0px !important;
	border-left: none !important;
}
.my_form_thank{
	padding: 30px 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin: 5px;
}
.my_form_thank img{
	width: 150px;
	opacity: 0.8;
}
.my_form_thank h2{
	font-size: 25px;
	padding: 4px 0px;
	color: #158E02;
}
.my_form_thank dd{
	font-size: 14px;
	line-height: 20px;
	color: var(--t);
}
.my_form_thank dd em{
	font-size: 12px;
	color: #A8A8A8;

}
@media screen and (max-width:1100px){
}
@media screen and (max-width:1024px){
	/**RCss**/
}
@media screen and (max-width:931px){
}
@media screen and (max-width:768px) {
}
@media screen and (max-width:480px) {
	
	.ind_contact{
		margin:0px 15px;
    	flex-direction: column;
	}
	.ind_contact_info{
		padding: 20px 0px;
	}
	.ind_contact_map iframe{
		height: 200px;
	}
	.ind_contact_info h1{
		font-size: 20px;
	}
	.ind_contact_info article{		
		font-size: 14px;
		line-height: 20px;
	}
	.ind_contact_info article{
		padding: 15px 0px;
	}
	.my_contact_form_in{
		padding: 15px;
    	flex-direction: column;
	}
	.my_contact_form{
		margin: 15px 0px;
	}
}