@charset "utf-8";
/* CSS Document */
/*  Author: Desizner (Arnab Das).
    Web: www.desizners.com
	Version 1.0.
*/
/*  Index
---------------------------------------------

 1. Responsive
---------------------------------------------
*/
/* 1. Reset Start */
@import url('https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
html {
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  font-family: 'Cabin', sans-serif;
  position: relative;
  background: rgb(3, 101, 100);
  background: linear-gradient(132deg, rgba(3, 101, 100, 1) 0%, rgba(3, 101, 100, 1) 26%, rgba(3, 22, 54, 1) 83%, rgba(3, 22, 54, 1) 100%);
}
a {
  font-family: 'Cabin', sans-serif;
}
ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, a, p {
  font-family: 'Cabin', sans-serif;
  padding: 0;
  margin: 0;
}
.spacer {
  font-size: 0;
  line-height: 0;
  clear: both;
}
img {
  margin: 0;
  padding: 0;
}

.center-box{
	float: none !important;
	margin: 10px auto !important;
}
.container{
/*	width: 100%;*/
}

/* About */
.haderarea{
  width: 94%;
  padding: 3%;
  text-align: right;
}

.haderarea img{
  width: 60px;
}
.haderarea h1{
 text-align: left;
 font-size: 24px;
 color: #fff;
 padding: 0;
 margin: 0;
}

.haderarea h1 span{
  text-align: left;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  display: block;
 }


 .founder-area{
  width: 94%;
  padding: 5% 3%;
   background-color: #fff;
   border-radius: 30px;
   min-height: 300px;
   text-align: center;
   float: left;
 }

 .founder-area h2{
  background-color: #daa951;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  font-weight: normal;
  font-size: 18px;
  padding: 7px 0;
  display: block;
  width: 50%;
  margin: 10px auto 10px;
 }

 .founderblk{
  width: 45%;
background-color: #035058;
border-radius: 20px;
overflow: hidden;
min-height: 150px;
float: left;
margin: 10px 10px;
box-shadow: 1px 1px 20px #c2c2c2;
 }

 .founderblk img{width: 100%; border-radius: 0 0 15px 15px;}
 .founderblk p{
   color: #daa951;
   font-weight: bold;
	 padding: 15px 0;
 }


 .founderblk-xl{
  width: 42%;
background-color: #035058;
border-radius: 20px;
overflow: hidden;
min-height: 150px;
margin: 10px 10px;
box-shadow: 1px 1px 20px #c2c2c2;
	 display: inline-block;
 }

 .founderblk-xl img{width: 100%; border-radius: 0 0 15px 15px;}
 .founderblk-xl p{
   color: #daa951;
   font-weight: bold;
	 padding: 15px 0;
 }




 .about-area{
  width: 90%;
  padding: 5%;
   background-color: #fff;
   border-radius: 30px;
   min-height: 300px;
   float: left;
   margin: 30px 0 0 0;
 }

 .about-area h3{
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 20px;
  margin: 0;
}

 .about-area p{
   font-size: 14px;
   color: #343030;
   padding: 0 0 20px;
   margin: 0;
 }

 .about-area blockquote{
  font-size: 13px;
  background-color: #03434d;
  color: #daa951;
  text-align: center;
  padding: 13px 5px;
  border-radius: 4px;
  display: block;
  margin: 0;
}
/* About */
/* Contact */
.contact-area{
  width: 90%;
  padding: 5%;
   background-color: #fff;
   border-radius: 30px;
   min-height: 300px;
   float: left;
   margin: 30px 0 0 0;
 }

 .contact-area h3{
  font-size: 20px;
  font-weight: bold;
  padding: 0 0 20px;
  margin: 0;
}
.contact-area h3 span{
	display: inline-block;
	vertical-align: middle;
}
.contact-area h3 span{
}
.contact-area h3 span i{
	font-weight: 500; font-size: 20px;
}
 .contact-area p{
   font-size: 16px;
   color: #343030;
   padding: 0 0 20px;
   margin: 0;
 }
.address{
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px !important;
}
.sociallink{
	text-align: center;
		border-top: 1px solid #e6e6e6;
	margin-top: 20px !important;
	padding-top: 20px;
}
.sociallink li{
	
	display: inline-flex; 
	margin: 0 10px;
	background: #daa951;
	border-radius: 50%;
	border: 1px solid #daa951;
}
.sociallink li a{
	width: 50px;
	height: 50px;
}
.sociallink li a i{
	font-size: 30px;
	color: #fff;
	line-height: 50px;
}
.xtraspace p{
	padding-bottom: 20px !important;
}
/* Contact */


@media only screen and (max-width: 580px){
	  .founderblk{
  width: 45%;
  background-color: #035058;
  border-radius: 20px;
  overflow: hidden;
  min-height: 150px;
  float: left;
  margin: 10px 10px;
  box-shadow: 1px 1px 20px #c2c2c2;
   }
	
	  .founderblk-xl{
  width: 40%;
  background-color: #035058;
  border-radius: 20px;
  overflow: hidden;
  min-height: 150px;
  margin: 10px 10px;
  box-shadow: 1px 1px 20px #c2c2c2;
   }
	
	.founderblk-xl p{
		font-size: 14px;
	}
	}
@media only screen and (min-width: 600px){

  .founderblk{
  width: 45%;
  background-color: #035058;
  border-radius: 20px;
  overflow: hidden;
  min-height: 150px;
  float: left;
  margin: 10px 10px;
  box-shadow: 1px 1px 20px #c2c2c2;
   }
	
	  .founderblk-xl{
  width: 42%;
  background-color: #035058;
  border-radius: 20px;
  overflow: hidden;
  min-height: 150px;
  margin: 10px 10px;
  box-shadow: 1px 1px 20px #c2c2c2;
   }
}

/* 1. Reset End */