


@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body{
	margin:0px ;
 	padding:0px;
 	background:#fff !important;
	font-family: 'Poppins', sans-serif !important;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
  margin:0px ;
  padding:0px;
}




/*font-family: 'Poppins', sans-serif;
font-family: 'Cabin', sans-serif;*/
/*needed*/
a{
  text-decoration:none !important;
  -webkit-transition:300ms;
  -moz-transition:300ms;
  -ms-transition:300ms;
  -o-transition:300ms;
  transition:300ms;
}
a:hover{
  text-decoration:none !important;
}
ul{
  list-style-type:none;
}
.clear{
  clear:both;
}
/*needed*/
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto;
}



		/****** start contact-banner ********/
		
.contact-banner{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;
	background:url(../images/banner-bg.png) center center no-repeat;
	background-size:cover;
	height:400px;
}	
.contact-banner-row{
	margin:0px 0px 0px 0px;
	padding:250px 0px 0px 0px;
}	

.contact-banner-row h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:900;
	font-size:75px;
	color:#fff;
	text-transform:uppercase;
}	


		/******** start contact ********/
		
.contact{
	margin:0px 0px 0px 0px;
	padding:70px 0px 100px 0px;
	background:#fff;
	overflow:hidden;
	width:100%;
}	
.contact-box {
    margin: 0px auto 0px auto;
    padding: 0px 0px 0px 0px;
    width: 766px;
}
.box1 {
    margin: 0px 42px 0px 0px;
    padding: 15px 15px 15px 15px;
    float: left;
    width: 362px;
    border-radius: 5px;
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,.15);
    height: 98px;
}
img.box-icn{
	margin:0px 0px 0px 0px;
	float:left;
}
.box1-text {
    margin: 4px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 240px;
}
.box1-text p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-weight:600;
	font-size:17px;
	color:#0d0d0d;
	line-height:22px;
}	

.box3{
	margin:0px 0px 0px 0px;
}	
.clear4{
	margin:0px 0px 66px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	clear:both;
}


.contact-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.contact-left{
	margin:0px 0px 0px 0px;
	padding:57px 27px 68px 27px;	
	width:608px;
	float:left;
	border-radius:3px;
	border:1px solid #5a60b2;
}		
.contact-left h3{
	margin:0px 0px 50px 0px;
	padding:0px 0px 0px 0px;
	font-weight:800;
	font-size:35px;
	color:#0f0f0f;
	text-align:center;
	text-transform:uppercase;
}
.form{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}
.form1{
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
	display:flex;
	column-gap:14px;
	column-count: 2;
}
input.name{
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 20px;
	width:100%;
	line-height:55px;
	border-radius:5px;
	font-weight:normal;
	font-size:15px;
	color:#535353;
	border:none;
	background:#fcfcfc;
	border-bottom:2px solid #5a60b2;
	overflow: hidden;
}	
input.name:focus{
	border-bottom:2px solid transparent;
}
textarea.area{
	margin:15px 0px 0px 0px;
	padding:18px 10px 0px 20px;
	width:100%;
	height:126px;
	border-radius:5px;
	font-weight:normal;
	font-size:15px;
	color:#535353;
	border:none;
	background:#fcfcfc;
	border-bottom:2px solid #5a60b2;
	overflow: hidden;
}
textarea.area:focus{
	border-bottom:2px solid transparent;
}
input.btnn{
	margin:32px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
	line-height:53px;
	border-radius:5px;
	font-weight:600;
	font-size:20px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	border:none;
	background:#5a60b2;
	display:block;
}
input.btnn:hover, focus{
	background:#30389f;
	color:#fff;
}

.contact-right{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	width:474px;
}
.contact-right iframe {
    height: 574px;
    width: 100%;
    border-radius: 5px;
    box-shadow: -5px 0px 15px 0px rgba(0,0,0,.15);
}



			/******** responsive ******/

@media (max-width :1199px) and (min-device-width :992px){
	
	



.contact-left {
    width: 468px;
}
.contact-right {
    width: 424px;
}	

}				

@media (max-width :991px) and (min-device-width :768px){
	
	/***** contatc *****/
	
.contact-box {
    width: 100%;
}	
.box1 {
    margin: 0px 20px 0px 0px;
    width: 335px;
	height: 78px;
}
.box1-text {
    margin: 4px 0px 0px 16px;
}
.box1-text p {
    font-size: 14px;
}	
.box3 {
    margin: 0px 0px 0px 0px;
}		

.contact-left {
    width: 100%;
    float: none;
}			
.contact-right {
    margin: 40px 0px 0px 0px;
    float: none;
    width: 100%;
}

}




@media (max-width :767px) and (min-device-width :280px){
	
		/********* banner ******/
		
.contact-banner {
    padding: 0px 0px 70px 0px;
    height: auto;
}	
.contact-banner-row {
     padding: 285px 0px 0px 0px;
}
.contact-banner-row h1 {
    font-size: 40px;
}	


	/***** contact ***/
	
.contact {
    padding: 40px 0px 40px 0px;
}	

.contact-box {
    width: 100%;
}
.box1 {
    margin: 0px auto 30px auto;
    padding: 15px 15px 15px 15px;
    float: none;
    width: 275px;
    overflow: hidden;
	height: auto;
}	
img.box-icn {
    margin: 0px auto 15px auto;
    float: none;
    display: block;
}
.box1-text {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: none;
    width: 100%;
    text-align: center;
}
.clear4 {
    margin: 0px 0px 30px 0px;
}

.contact-left {
    margin: 0px 0px 40px 0px;
    padding: 40px 15px 40px 15px;
    width: 100%;
    float: none;
}
.contact-left h3 {
    margin: 0px 0px 20px 0px;
}
.form1 {
    margin: 0px 0px 0px 0px;
    display: block;
    column-gap: 0px;
    column-count: 1;
}
input.name {
    margin: 0px 0px 15px 0px;
}
textarea.area {
    margin: 0px 0px 0px 0px;
}
.contact-right {
    float: none;
    width: 100%;
}	
.contact-right iframe {
    height: 350px;
}			


			
	
	
}


				

	