/* CSS Document */


body{
	background:#f4f4f4;
}
.sv_cotact_body{	
    display: flex;
    padding-top: 30px;
}
.sv_cotact_b1{
	flex:1 0 60%;
}
.sv_cotact_b2{
	flex:1 0 40%;
}
.sv_cotact_b1 nav{
	text-align:left;
	color:var(--p);
	margin-bottom:30px;
	padding-right:20px;
}
.sv_cotact_b1 nav h1{
	font-size:20px;
    text-shadow: 0 1px 1px #333;
}
.sv_cotact_b1 nav p{
	font-size:14px;
	line-height:18px;
	padding:5px 0px;
	color:var(--s);
}

.sv_cotact_form{
    min-height: 100px;
    background: #FFF;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 4.8px 24.4px -6px rgb(0 0 0 / 10%);
    position: relative;
    overflow: hidden;
    transition: ease-in-out 0.2s all;
    text-align: left;
	padding:20px;
}
.sv_cotact_form aside{
	display:flex;
	position:relative;
}
.sv_cotact_form aside input, .sv_cotact_form aside textarea{
	flex:1;
	outline:none;
	font-size:16px;
	font-family:'Poppins', Lato;
	padding:15px;
	border:none;
	background:#f4f4f4;
	margin-bottom:20px;
	position:relative;
	padding-left:50px;
	width:100%;
}
.sv_cotact_form aside textarea{
	flex:1;
	min-height:80px;
}
.sv_cotact_form aside button{
	flex:1;
	font-family:'Poppins', Lato;
	padding:10px;
	font-size:20px;
}
.svContactIcon:after{
	z-index:10;
	content:'\f007';
	font-family:'FontAwesome';
	font-size:20px;
	color:#c7c7c7;
	top:16px;
	left:15px;
	width:20px;
	height:20px;
	position:absolute;
	text-align:center;
}
.svEmailIcon:after{
	content:'\f0e0';
}
.svPhoneIcon:after{
	content:'\f095';
}
.svMsgIcon:after{
	content:'\f044';
}
.svOTPIcon:after{
	content:'\f27a';
}
.svPassIcon:after{
	content:'\f084';
}
.sv_cotact_form h3{
    text-align: left;
    color: #999;
    font-family: 'Poppins', Lato;
    font-weight: 300;
    font-size: 18px;
    line-height: 24px;
	padding-bottom:20px;
}


.sv_contact_b1_txt{
	position:relative;
	padding-bottom:30px;
	text-align:left;
	min-height:55px;
	padding-left:80px;
}
.sv_contact_b1_txt span{
	position:absolute;
	border:2px solid #fff;
	width:60px;
	height:60px;
	top:0px;
	left:0px;
	font-size:25px;
	border-radius:5px;
	color:var(--p);
	text-align:center;
	display:flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
	box-shadow: 0 4.8px 24.4px -6px rgb(0 0 0 / 10%);

}
.sv_contact_b1_txt h2{
	font-size:24px;
	color:var(--t);
	padding-top:5px;
	padding-bottom:3px;
	font-weight:600;
}
.sv_contact_b1_txt article{
	text-align: left;
    font-size: 14px;
    color: #333;
    line-height: 20px;
	width:60%;
	padding:4px 0px;
}
.sv_contact_b1_txt a{
    color: #333;
}
.sv_contact_b1_txt a:hover{
	text-decoration:underline;
}
.sv_cotact_form section{
	padding-bottom:10px;
	display:flex;
    flex-wrap: wrap;
}
.sv_cotact_form section dl{
	display:flex;
    flex-direction: column;
}
.sv_cotact_form section dl input{
    outline: none;
    font-size: 16px;
    font-family: 'Poppins', Lato;
    padding: 5px;
    background: #fff;
    position: relative;
	font-weight:800;
	border:1px solid #ccc;
}
.sv_cotact_form section dl label{
	font-size:12px;
	padding-top:5px;
	color:#666;
}
.sv_cotact_form section dd .my_btn{
	width:100%;
	height:100%;
	font-size:20px;
}

.sv_cotact_form section dd i:active{
	transform:rotate(45deg);
}
.sv_cotact_form section dd{
	flex:1;
	padding-left:20px;
}
.sv_contact_b2{
	text-align:left;
	padding-bottom:15px;
}
.sv_contact_b2 .sv_head_sicon{
	position:relative;
	padding:0px;
}
.sv_contact_b2 .sv_head_sicon a{
    display: inline-block;
	text-align:center;
    padding: 15px;
	margin:0px;
	margin-right:10px;
	margin-bottom:10px;
	transition:ease-in-out 0.2s all;
}
.sv_contact_b2 .sv_head_sicon a:hover{
	transform:scale(1.1,1.1);
	cursor:pointer;
}
.sv_contact_b2 .sv_head_sicon i{
	height:25px;
	width:25px;
	font-size:25px;
}
.sv_contact_b2 h2{
	clear:both;
    font-size: 24px;
    color: var(--t);
    padding-bottom: 8px;
    font-weight: 600;
}



.sv_supp_success {
    min-height: 150px;
    overflow: hidden;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: 0 4.8px 24.4px -6px rgb(0 0 0 / 10%);
    overflow: hidden;
    position: relative;
	padding:80px 20px;
	text-align:center;
	margin-bottom:20px;
}
.sv_supp_success img{
	display:block;
	margin:0 auto;
	width:120px;
	height:120px;
}
.sv_supp_success h2{
	font-size:20px;
	font-weight:600;
	padding:10px;
	color:#3C6;
}
.sv_supp_success article{
	color:var(--t);
	font-size:14px;
	line-height:16px;
}
.sv_supp_success aside{
	padding-top:10px;
}
.sv_supp_success aside .my_btn{
	font-size:20px;
    padding: 13px 20px;
}
.sv_supp_success small{
	font-size:12px;
	display:block;
	padding-top:2px;
	color:#CCC;
	font-style:italic;
}


@media screen and (max-width:931px){
	.sv_cotact_body{
    	flex-direction: column;
	}
	.sv_contact_b1_txt article{
		width:auto;
	}
	.sv_cotact_b1{
		padding-top:65px;
	}
	.sv_cotact_b1 nav{
		text-align:center;
		padding-right:inherit;
	}
	.sv_cotact_b1 nav h1{
		text-shadow:none;
	}
	.sv_cotact_b1 nav p{
		color:#333;
	}
	.sv_cotact_form section dd{
		padding-top:15px;
		padding-left:inherit;
		flex:none;
		width:100%;
	}
	.sv_cotact_form section dd .my_btn{
		padding:15px;
	}
}