*{	
	margin:0;
	padding:0;
	font-family: Verdana, sans-serif;
	line-height: 1.5;
	scroll-behavior: smooth;
}
.header{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0.8),#214554),url(Images/background.jpg);
	background-size: cover;
	background-position: center; 
	position: relative;
}
nav{
	display: flex;
	padding: 0.5% 0.5%;
	justify-content: space-between;
	align-items: center;
	overflow:hidden;
    background-color: #173340;
    position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
    z-index: 10;
	border-bottom: 0.2rem solid #fff;
}
.fontawesomesvg {
	width: 1.2em;
  height: 1.2em;
  vertical-align: -.25em;
  fill: #ffff;
}
nav img{
	width: 2.5rem;
	cursor: pointer;
	margin: 0.625rem 0.3rem 0.625rem 0.625rem;
}
nav h1{
	font-size: 1.6rem;
	margin: auto;	
	color: white;
	display: flex;
	cursor: pointer;
	font-weight: 500;
	margin-bottom: 1.1rem;
}
.nav-links{
	flex: 1;
	text-align: right;
	margin-right: 1.25rem;
}
.nav-links ul li{
	list-style: none;
	display: inline-block;
	padding: 0rem;
	margin: 0 0.7rem;
	position: relative;
}
.nav-links ul li a{
	text-decoration: none;
	color: #ffff;
	font-size: 1.1rem;
}
.nav-links ul li::after{
	content: '';
	height: 0.188rem;
	width: 0%;
	background: #009688;
	position: absolute;
	left: 0;
	bottom: -0.125rem;
	transition: 0.5s;
}
.nav-links ul li:hover:after{
	width: 100%;
}
.hero{
	width: 80%;
	color: #ffff;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.hero h2{
	font-size:3.5rem ;
	margin-top: 0.313rem;
	font-weight: 100;
}
.hero p{
	margin: 1.875rem 0 2.5rem;
	font-size: 1.6rem;
	color: #fff;
}
.hero-button{
	display: inline-block;
	text-decoration: none;
	color: #fff;
	border: 0.063rem solid #fff;
	padding: 0.5rem 2rem;
	font-size: 1.3rem;
	background: transparent;
	position: relative;
	cursor: pointer;
	z-index: 1;
}
.hero-button span{
	width: 0%;	
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #0F6A73;
	z-index: -1;
	transition: 0.3s;
}
.hero-button:hover span{
	width: 100%;
}
.hero-button:hover{
	border: 0.063rem solid #0F6A73;
	background: #0F6A73;
	transition: 0.3s;
	color: white;
}
nav .fa{
	display: none;
}
#LoginPerson.material-icons{
	margin-bottom: 0rem;
	margin-right: 0rem;
}
#LoginPerson{
	width: 1.875rem;
	height: 1.875rem;
	font-size: 1.6rem;
	line-height: 2.1rem;
	border-radius: 0.313rem;
	color: #ffffff;
	vertical-align: bottom;
	margin-bottom: 0.313rem;
}

/*-----------------Services-------*/
.services{
	width: 80%;
	margin: auto;
	text-align: center;
	padding-top: 2.25rem;
	color: black;
}
.services h1{
	font-size: 2rem;
	font-weight: 300;
}
.services p{
	color: black;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 1.5rem;	
	margin: 1.5rem;
}
.row{
	margin-top: 3%;
	display: flex;
	justify-content: space-between;
}
.service-col1{
	flex-basis: 32.5%;
	background: #E8EAED;
	border-radius: 0.938rem;
	margin-bottom: 3%;
	padding: 1rem 0.5rem;
	box-sizing: border-box;
	color: black;
	transition: 0.5s;
}
.service-col1 h2{
	font-size: 1.3rem;
	text-align: center;
	color: #009688;
	font-weight: 600;
}
.service-col1 h3{
	margin-top: 5%;
	font-size: 1rem;
	font-style: italic;
	font-weight: 600;
	text-align: center;
}
.service-col1 p{
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	font-size: 0.9rem;
	color: #404040;
}
.service-col1:hover{
	box-shadow: 0 0 1.25rem 0rem rgba(0,0,0,0.2);
}

/*-----------------Footer-------*/
.container-Footer{
	background-color: #FAFAFB;
	margin: auto;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	width: 100%;
	border-top: 0.1rem solid #F2F2F2;
}
#footer-Column1{
	margin-left: 5rem;
}
#footer-Column2{
	margin-left: 0.1rem;
}
#footer-Column3{
	margin-left: 1rem;
}
.footer-row{
	background-color: #FAFAFB;
	color: #3B3838;
	display: flex;
	flex-wrap: wrap;
}
.Footer-Heading{
	width: 30%;	
	display: flex;
	flex-direction: column;
}
.Footer-Heading p{
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: 1.1rem;
	position: relative;
}
.Footer-Heading p::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: -10px;
	background-color: teal;
	height: 2px;
	box-sizing: border-box;
	width: 50px;
}
.Footer-Heading a{
	color: #3B3838;
	text-transform: capitalize;
	text-decoration: none;
	display: block;
	padding-bottom: 0.6rem;
	transition: all 0.5s ease;
}
.Footer-Heading a:hover{
	text-decoration: underline;
	color: black;
}
.Footer-Heading form input{
	width: 20rem;
	height: 2.5rem;
	border-radius: 0.25rem;
	text-align: center;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
	outline: none;
	border: 0.1rem solid #D9D9D9;
}
.Footer-Heading form button{
	background: transparent;
	border: 0.1rem solid #BFBFBF;
	color: #3B3838;
	border-radius: 1.875rem;
	margin: auto;
	padding: 0.5rem 1.5rem;
	font-size: 0.9rem;
	cursor: pointer;
}
#footer-email::placeholder{
	color: #b1b1b1;
}
.Footer-Heading p1{
	text-align: left;
	font-size: 0.9rem;
	font-weight: 300;
	color: #3B3838;
}
.Footer-Heading .icons{
	margin-top: 1.5rem;
	align-items: center;
}
.Footer-Heading .icons .fa{	
	display: inline-block;
	height: 40px;
	width: 40px;
	background-color: rgba(127, 127, 127, 0.2);
	margin: 0 10px 10px 0;
	font-size: 1.25rem;
	color: #ffff;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	transition: all 0.5s ease;
	cursor: pointer;
}
.icons ul{
	position: absolute;
	display: flex;
}
.icons ul li{
	list-style: none;
	margin: 0 5px;
}
.icons .fa:hover{
	color: #24262b;
	background-color: white;
}
.Footer-Heading p2{
	margin-top: 2.6rem;
	text-align: right;
	font-size: 0.6rem;
	font-weight: 300;
	color: #3B3838;
}

/*-----------------Sellers Page-------*/

.sellers-header{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0.8),#214554),url(Images/Seller_Page.jpg);
	background-size: cover;
	background-position: top; 
	position: relative;
}
.other-heros{
	width: 80%;
	color: #ffff;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.other-heros h2{
	font-size:2.5rem ;
	margin-top: 0.313rem;
	font-weight: 100;
}
.other-heros p{
	margin: 1.875rem 0 2.5rem;
	font-size: 1.6rem;
	color: #fff;
}

/*-----------------Buyers Page-------*/

.buyers-header{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0.8),#214554),url(Images/Buyers_page.jpg);
	background-size: cover;
	background-position: center; 
	position: relative;
}


/*-----------------Financier Page-------*/

.financiers-header{
	width: 100%;
	height: 100vh;
	background-image: linear-gradient(rgba(0,0,0,0.8),#214554),url(Images/Digital_Rupee.jpg);
	background-size: cover;
	background-position: center; 
	position: relative;
}

/*-----------------AboutUs Page-------*/

.aboutus-header{
	width: 100%;
	height: 70vh;
	background-image: linear-gradient(rgba(0,0,0,0.8),#214554),url(Images/aerial-view-business-team.jpg);
	background-size: cover;
	background-position: center; 
	position: relative;
}
.aboutus-heros{
	width: 80%;
	color: #ffff;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;	
}
.aboutus-heros p{
	margin: 1.5rem 0 2rem;
	font-size: 1.3rem;
	font-weight: 100;
	color: #fff;
	margin-bottom: 3rem;
}
.about-us{
	width: 80%;
	margin: auto;
}
.about-us p{
	padding-top: 2rem;
	font-size: 1.1rem;
}
.about-us-content{
	margin-bottom: 3rem;
}

/*-----------------AboutUs Page - Our Team-------*/
.TeamContainer{
	width: 70%;
	display: grid;	
	margin: auto;	
	grid-template-columns: 0.3fr 1fr;
	grid-template-rows: 0.45fr 1fr;	
	grid-template-areas: "Team-Column1 Team-Column1"
	"Team-Column2 Team-Column3";
}
#Team-Column1{
 	grid-area: Team-Column1;
	margin: 5%;
}
#Team-Column2{
	grid-area: Team-Column2;
}
#Team-Column3{
	grid-area: Team-Column3;	
	margin: 2%;
	background-color: #efefef;
	padding: 2%;
	box-shadow: 0 0 35px 2px rgba(0,0,0,0.2);
}
.Team-Column h1{	
	text-align: center;
	font-weight: 300;	
	color: black;
	font-size: 2rem;
}
.Team-Column h1:after{
	content: '';
	background-color: #0F6A73;
	display: block;
	height: 2px;
	width: 250px;
	margin: 5px auto;
}
.Team-Column-Img{
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
	color: #424242; 	
}
.Team-Column-Img img{
	width: 8rem;
	height: 8rem;
	object-fit: cover;	
	border-radius: 50%;
}
.Team-Column-Img h2{
	margin-top: 10px;
	font-weight: 300;
	color: #424242;	
	font-size: 1.1rem;
}
.Team-Column-Img p1{	
	color: #424242;
	font-size: 0.8rem;
}
.Team-Column-Content p{
	margin: auto;
	justify-content: center;
	margin-left: 2rem;
	font-size: 0.9rem;
	color: #424242;
}

/*-----------------AboutUs Page - Advisors-------*/
.AdvisorsContainer{
	width: 70%;
	display: grid;	
	margin: auto;	
	grid-template-columns: 0.3fr 1fr;
	grid-template-rows: 0.2fr 1fr 0.5fr 0.5fr;	
	grid-template-areas: "Advisors-Column1 Advisors-Column1"
	"Advisors-Column8 Advisors-Column9"
	"Advisors-Column2 Advisors-Column3"
	"Advisors-Column4 Advisors-Column5"
	"Advisors-Column6 Advisors-Column7";
	margin-bottom: 2rem;
}
#Advisors-Column1{
 	grid-area: Advisors-Column1;
	margin: 5%;
}
#Advisors-Column2{
	grid-area: Advisors-Column2;
}
#Advisors-Column3{
	grid-area: Advisors-Column3;	
	margin: 2%;
	background-color: #efefef;
	padding: 2%;
	box-shadow: 0 0 35px 2px rgba(0,0,0,0.2);
}
#Advisors-Column4{
	grid-area: Advisors-Column4;
}
#Advisors-Column5{
	grid-area: Advisors-Column5;	
	margin: 2%;
	background-color: #efefef;
	padding: 2%;
	box-shadow: 0 0 35px 2px rgba(0,0,0,0.2);
}
#Advisors-Column6{
	grid-area: Advisors-Column6;
}
#Advisors-Column7{
	grid-area: Advisors-Column7;	
	margin: 2%;
	background-color: #efefef;
	padding: 2%;
	box-shadow: 0 0 35px 2px rgba(0,0,0,0.2);
}
#Advisors-Column8{
	grid-area: Advisors-Column8;
}
#Advisors-Column9{
	grid-area: Advisors-Column9;	
	margin: 2%;
	background-color: #efefef;
	padding: 2%;
	box-shadow: 0 0 35px 2px rgba(0,0,0,0.2);
}
#Advisors-Column10{
	grid-area: Advisors-Column10;
}
#Advisors-Column11{
	grid-area: Advisors-Column11;	
	margin: 2%;
	background-color: #efefef;
	padding: 2%;
	box-shadow: 0 0 35px 2px rgba(0,0,0,0.2);
}
.Advisors-Column h1{	
	text-align: center;
	font-weight: 300;	
	color: black;
	font-size: 2rem;
}
.Advisors-Column h1:after{
	content: '';
	background-color: #0F6A73;
	display: block;
	height: 2px;
	width: 250px;
	margin: 5px auto;
}
.Advisors-Column-Img{
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    height: 100%;
	color: #424242; 	
}
.Advisors-Column-Img img{
	width: 8rem;
	height: 8rem;
	object-fit: cover;
	border-radius: 50%;
	box-shadow: 0.5rem 0.5rem 3rem rgba(0,0,0,0,2);
}
.Advisors-Column-Img h2{
	margin-top: 10px;
	font-weight: 300;
	color: #424242;
	font-size: 1.1rem;
}
.Advisors-Column-Img p1{	
	color: #424242;
	font-size: 0.8rem;
}
.Advisors-Column-Content p{
	margin: auto;
	justify-content: center;
	margin-left: 2rem;
	font-size: 0.9rem;
	color: #424242;
}

/*-----------------ContactUs Page-------*/

.location{
	width: 80%;
	margin: auto;
	padding: 1rem 0;
}
.location iframe{
	width: 100%;
}
.contact-us{
	width: 80%;
	margin: auto;
}
.contact-col{
	flex-basis: 50%;
}
.contact-col div{
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}
.contact-col div .fa{
	font-size: 1.6rem;
	color: #0F6A73;
	text-align: center;
}
.contact-col div h5{
	font-size: 1rem;
	margin-bottom: 0.313rem;
	color: #555;
	font-weight: 400;
	margin-left: 1.875rem;
}
.contact-col div p{
	font-size: 1rem;
	margin-left: 1.875rem;
}
.contact-col input, .contact-col textarea{
	width: 100%;
	padding: 0.938rem;
	margin-bottom: 1.063rem;
	outline: none;
	border: 0.063rem solid #0F434A;
	box-sizing: border-box;
	margin-left: 0;
}
.contact-col p1{
	font-size: 0.9rem;
	margin-bottom: 1.063rem;
}
.contact-col input{
	font-size: 0.8rem;
	text-align: left;
	margin-top: 0;
}
.contact-col form{
	margin-bottom: 1.5rem;
}
.contact-col button{
	background: transparent;
	margin-left: 0;
	border: 0.063rem solid #0F434A;
	border-radius: 1.875rem;
	padding: 0.625rem 1.875rem;
	font-size: 0.9rem;
	cursor: pointer;
	color: black;
}

/*-----------------Sellers/Buyers/Financiers Page - Benefits-------*/

.container-benefits{
	display: grid;
	width: 80%;
	margin: auto;
	margin-top: 2%;
	grid-template-columns: 0.1fr 1fr 1.1fr;
	grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr;
	grid-template-areas: "benefits-Column1 benefits-Column1 benefits-Column4"
	"benefits-Column2 benefits-Column3 benefits-Column4"
	"benefits-Column5 benefits-Column6 benefits-Column4"
	"benefits-Column7 benefits-Column8 benefits-Column4"
	"benefits-Column9 benefits-Column10 benefits-Column4"
	"benefits-Column11 benefits-Column12 benefits-Column4";
}
#benefits-Column1{
 	grid-area: benefits-Column1;
 	font-size: 1.5rem;
 	font-weight: 300;
 	margin-bottom: 2rem;
 	color: #089D93;
}
#benefits-Column2{
	grid-area: benefits-Column2;
	display: block; 
	margin: auto;
}
#benefits-Column5{
	grid-area: benefits-Column5;
	display: block; 
	margin: auto;
}
#benefits-Column7{
	grid-area: benefits-Column7;
	display: block; 
	margin: auto;
}
#benefits-Column9{
	grid-area: benefits-Column9;
	display: block; 
	margin: auto;
}
#benefits-Column11{
	grid-area: benefits-Column11;
	display: block; 
	margin: auto;
}
#benefits-Column3{
	grid-area: benefits-Column3;
	display: block; 
	margin: auto;
}
#benefits-Column6{
	grid-area: benefits-Column6;
	display: block; 
	margin: auto;
}
#benefits-Column8{
	grid-area: benefits-Column8;
	display: block; 
	margin: auto;
}
#benefits-Column10{
	grid-area: benefits-Column10;
	display: block; 
	margin: auto;
}
#benefits-Column12{
	grid-area: benefits-Column12;
	display: block; 
	margin: auto;
}
#benefits-Column4{
	grid-area: benefits-Column4;
	margin-top: -2.313rem;
}
.svg_images svg{
	margin: 1.1rem;
	width: 2.2rem;
	height: 2.2rem;
	fill: #009688;
}
.svg_first_image svg{
	margin-top: 0.5rem;
	margin-bottom: 2rem;
	fill: #009688;
}
.benefit-contents p{
	font-size: 1rem;
	font-weight: 100;
	margin-bottom: 1.563rem;
	margin-right: 0.625rem;
}
.benefit-image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin-left: 4.25rem;
}


/*-----------------Sellers/Buyer/Financier Page - FAQs-------*/
.container-faq{
	display: grid;
	border-bottom: 0.1rem solid #F2F2F2;
	width: 100%;
	margin: auto;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 0.1fr;
	grid-template-areas: "faq-Column1 faq-Column2";
}
#faq-Column1{
 	grid-area: faq-Column1;
 	background-color: #F2F2F2;
 	position: relative; 	
}
#faq-Column1 p{
	font-size: 2rem;
 	font-weight: 500;
 	color: #089D93;
 	text-align: center;
 	margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#faq-Column2{
	grid-area: faq-Column2;
	background-color: #0E444C;
}
.faq{
	margin: 1.25rem;
	max-width: 95%;
	padding-top: 0.313rem;
	padding-bottom: 1rem;
	color: white;
	border-bottom: 0.063rem solid #ffff;	
	cursor: pointer;
}
.question{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.question h3{
	font-size: 1rem;
	font-weight: 100;
}
.answer{
	max-height: 0;
	overflow: hidden;
	transition: max-height .6s ease;
}
.answer p{
	padding-top: 1rem;
	line-height: 1.6;
	font-size: 0.9rem;
}
.faq.active .answer{
	max-height: 18.75rem;
	animation: fade .6s ease-in-out;
}
.faq.active svg{
	transform: rotate(180deg);
}
svg{
	transition: transform .5s ease-in;
}
@keyframes fade{
	from{
		opacity: 0;
		transform: translateY(-0.625rem);
	}
	to{
		opacity: 1;
		transform: translateY(0rem);		
	}
}

/*-----------------Privacy Policy Page-------*/
.privacy-header{
	width: 100%;
	height: 40vh;
	background-image: linear-gradient(rgba(0,0,0,0.8),#214554),url(Images/ContactUs.jpg);
	background-size: cover;
	background-position: center; 
	position: relative;
}
.container-privacy{
	display: grid;
	width: 90%;
	margin: auto;
	margin-top: 2%;
	grid-template-columns: 1fr;
	grid-template-rows: 0.1fr 1fr;
	grid-template-areas: "Privacy-Column1"
	"Privacy-Column2"
	"Privacy-Column2";
}
.Privacy-Column h1{
	text-align: center;
	font-size: 1.5rem;
}
.Privacy-Column h2{
	text-align: center;
	font-size: 1rem;
	padding-bottom: 2rem;
}
.Privacy-Column h3{
	text-decoration: underline;
	font-size: 1rem;
	padding-bottom: 0.5rem;
}
.Privacy-Column p{
	font-size: 0.9rem;
	margin-bottom: 1rem;
}
.Privacy-Column ul a{
  list-style-position: inside;
}
.Privacy-Column p1{
	text-decoration: underline;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}
.Privacy-Column h4{
	text-decoration: underline;
	font-size: 1rem;
	padding-bottom: 0.5rem;
}
.Privacy-Column h5{
	text-decoration: underline;
	font-size: 0.9rem;
	padding-bottom: 0.5rem;
}
.Privacy-Column p2{
	text-decoration: underline;
	font-style: italic;
	font-size: 0.9rem;
	margin-bottom: 1rem;
}

/*-----------------Terms and Conditions Page-------*/
.termsandconditions-header{
	width: 100%;
	height: 40vh;
	background-image: linear-gradient(rgba(0,0,0,0.7),#214554),url(Images/ContactUs.jpg);
	background-size: cover;
	background-position: center; 
	position: relative;
}
.Privacy_TAC-heros{
	width: 90%;
	color: #ffff;
	position: absolute;
	top: 70%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.Privacy_TAC-heros h2{
	font-size:2rem ;
	margin-top: 0.313rem;
	font-weight: 100;
}
/*-----------------Scroll to Top-------*/
.to-top{
	background-color: teal;
	color: white;
	position: fixed;
	bottom: 16px;
	right: 32px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	text-decoration: none;
	transition: all 0.3s ease;
	opacity: 0;
	pointer-events: none;
}
.to-top.active{
	bottom: 32px;
	pointer-events: auto;
	opacity: 1;
}
.to-top.active:hover{
	background-color: #0E444C;
}

/*-----------------Media - For Mobile Portrait View-------*/

@media(max-width:575px){
	.row{
		flex-direction: column;
	}	

/*-----------------Navigation-------*/
nav img{
	width: 2.5rem;
	}
nav h1{
	font-size: 1.3rem;
	font-weight: 500;
	}
.nav-links ul li{
		display: block;
		margin-bottom: 10px;
		margin: 0 1rem;
		border-bottom: 0.002rem solid #F2F2F2;
		width: 100%;
	}
.nav-links{
		position: fixed;
		background-color: #173340;
		opacity: 1;
		min-height: 45vh;
		width: 200px;
		top:5px;
		right: -300px;
		text-align: left;
		z-index: 14;
		margin-right: -30px;
		transition: all 1s ease;
		display: block;
		flex-direction: column;
		overflow:hidden;
	}
nav .fa{
	display: block;
	color: #fff;
	margin: 20px;
	font-size: 25px;
	font-weight: 100;
	cursor: pointer;
}
.nav-links .i .fa{
	margin-left: 200px;
}
.nav-links ul{
	padding: 21;
}

/*-----------------Home-------*/
.hero h2{
		font-size:2.0rem;
	}
.hero p{
		font-size:1.2rem;
	}
.hero-button{
	padding: 0.5rem 1.5rem;
	font-size: 1.2rem;	
}
.services{
	width: 95%;
}
.services h1{
	font-size: 2rem;
	margin-top: -1rem;
}
.services p{
	font-size: 1.2rem;
}
.service-col1{
	margin-bottom: 2%;
	padding: 1rem 0.5rem;
}
.service-col1 h2{
	font-size: 1.1rem;
}
.service-col1 h3{
	margin-top: 2%;
	font-size: 0.9rem;
}
.service-col1 p{
    margin: 0% 2% 0% 2%;
	font-size: 0.9rem;
}
/*-----------------Buyer/Seller/Financier Heros-------*/
.other-heros{
	width: 95%;
}
.other-heros h2{
		font-size:2.1rem;
	}
.other-heros p{
		font-size:1.25rem;
	}

/*-----------------Footer-------*/
#footer-Column1{
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}
#footer-Column2{
	margin-left: 1rem;
	margin-bottom: 0.5rem;
}
#footer-Column3{
	margin-left: 1rem;
}
.Footer-Heading{
	width: 100%;
}
.Footer-Heading p{
	font-size: 1rem;
}
.Footer-Heading p::before{
	width: 90%;
}
.Footer-Heading a{
	font-size: 0.8rem;
	padding: 0.5rem;
}
.Footer-Heading form input{
	width: 90%;
	margin-top: 0.8rem;
	margin-bottom: 0.8rem;
}
.Footer-Heading form button{
	padding: 0.5rem 1rem;
	font-size: 0.8rem;
}
.Footer-Heading p1{
	font-size: 0.8rem;
}
.icons .fa{	
	height: 30px;
	width: 30px;
	margin: 0 5px 5px 0;
	font-size: 1rem;
	line-height: 30px;
}
.Footer-Heading p2{
	font-size: 0.5rem;
	margin-top: 2.5rem;
}
.benefit-image{
	display: none;
}

/*-----------------Benefits-------*/
.container-benefits{
	display: grid;
	width: 90%;
	margin: auto;
	margin-top: 2%;
	grid-template-columns: 0.2fr 1fr;
	grid-template-rows: 0.1fr 0.1fr;
	grid-template-areas: "benefits-Column1 benefits-Column1"
	"benefits-Column2 benefits-Column3"
	"benefits-Column5 benefits-Column6"
	"benefits-Column7 benefits-Column8"
	"benefits-Column9 benefits-Column10"
	"benefits-Column11 benefits-Column12";
}
#benefits-Column1{
 	grid-area: benefits-Column1;
 	font-size: 1.2rem;
 	font-weight: 300;
 	color: #089D93;
}
#benefits-Column3{
	grid-area: benefits-Column3;
}
.benefit-contents p{
	font-size: 0.9rem;
	font-weight: 100;
}

/*-----------------FAQs Sellers/Buyers/Financiers-------*/
.container-faq{
	display: grid;
	border: 0.063rem solid #F2F2F2;
	width: 100%;
	margin: auto;
	grid-template-columns: 1fr;
	grid-template-rows: 0.1fr 1fr;
	grid-template-areas: "faq-Column1"
	"faq-Column2";
}
#faq-Column1{
 	grid-area: faq-Column1;
}
#faq-Column1 p{
	font-size: 1.2rem;
 	font-weight: 500;
 	text-align: left;
 	position: relative;
 	margin-bottom: 1rem;
 	margin-right: 0.5rem;
 	margin-left: 0.5rem; 	
}
#faq-Column2{
	grid-area: faq-Column2;	
}
.faq{
	margin: 1rem;
	max-width: 95%;
	padding-top: 0.1rem;
	padding-bottom: 0.5rem;
}
.question h3{
	font-size: 1rem;
}
.answer p{
	padding-top: 0.5rem;
	font-size: 0.8rem;
}
/*-----------------About Us-------*/

.aboutus-header{
	height: 60vh;
}
.aboutus-heros{
	width: 90%;
	color: #ffff;
	position: absolute;
}
.aboutus-heros p{
	font-size: 1.2rem;
}
.about-us p{
	padding-top: 0.1rem;
	font-size: 1rem;
}
.about-col{
	display: none;
}
.about-col1{
	padding: 0.625rem 0.125rem;
	flex-basis: 90%;
}
.about-col1 h1{
	padding: 0;	
	font-size: 1rem;
}

/*-----------------ContactUs-------*/

.location{
	width: 95%;
}
.contact-us{
	width: 90%;
}
.contact-col div{
	margin-bottom: 1rem;
}
.contact-col div .fa{
	font-size: 1.4rem;
	margin: 0.2rem;
}
.contact-col div h5{
	font-size: 1rem;
	margin-bottom: 0.1rem;
	margin-left: 1rem;
}
.contact-col div p{
	font-size: 1rem;
	margin-left: 1rem;
}
.contact-col input, .contact-col textarea{
	padding: 0.5rem;
	margin-bottom: 0.5rem;
}
.contact-col p1{
	font-size: 0.8rem;
}
.contact-col input{
	font-size: 0.7rem;
}
.contact-col button{
	font-size: 0.8rem;
	padding: 0.5rem 1rem;
}
.sellers-header{
	height: 100vh;
	object-fit: contain;	
}
.buyers-header{
	height: 100vh;
	object-fit: contain;	
}
.financiers-header{
	height: 100vh;
	object-fit: contain;	
}
.aboutus-header{
	height: 100vh;
	object-fit: contain;	
}
/*-----------------AboutUs Our Team Page-------*/
.TeamContainer{
	width: 90%;
	grid-template-columns: 1fr;
	grid-template-rows: 0.1fr 0.3fr 1fr;	
	grid-template-areas: "Team-Column1"
	"Team-Column2"
	"Team-Column3";
}
#Team-Column1{
 	grid-area: Team-Column1;
	margin: 0.5%;
}
#Team-Column2{
	grid-area: Team-Column2;
}
#Team-Column3{
	grid-area: Team-Column3;	
	margin: 1%;
	padding: 0.5%;
}
.Team-Column h1{	
	font-size: 1.5rem;
}
.Team-Column h1:after{
	width: 190px;
}
.Team-Column-Img img{
	margin-top: 0.8rem;
	width: 6rem;
	height: 6rem;
}
.Team-Column-Img h2{
	margin-top: 0.8rem;
	font-size: 1.2rem;
}
.Team-Column-Img p1{	
	font-size: 0.9rem;
}
.Team-Column-Content p{
	margin: 1rem;
	font-size: 0.8rem;
}

/*-----------------AboutUs Page - Advisors-------*/
.AdvisorsContainer{
	width: 90%;
	grid-template-columns: 1fr;
	grid-template-rows: 0.05fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr 0.3fr;	
	grid-template-areas: "Advisors-Column1"
	"Advisors-Column8"
	"Advisors-Column9"
	"Advisors-Column2" 
	"Advisors-Column3"
	"Advisors-Column4" 
	"Advisors-Column5"
	"Advisors-Column6" 
	"Advisors-Column7";
}
#Advisors-Column1{
 	grid-area: Advisors-Column1;
	margin-top: 5%;
}
#Advisors-Column2{
	grid-area: Advisors-Column2;
}
#Advisors-Column3{
	grid-area: Advisors-Column3;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column4{
	grid-area: Advisors-Column4;
}
#Advisors-Column5{
	grid-area: Advisors-Column5;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
.Advisors-Column h1{	
	font-size: 1.5rem;
}
#Advisors-Column6{
	grid-area: Advisors-Column6;
}
#Advisors-Column7{
	grid-area: Advisors-Column7;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column8{
	grid-area: Advisors-Column8;
}
#Advisors-Column9{
	grid-area: Advisors-Column9;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column10{
	grid-area: Advisors-Column10;
}
#Advisors-Column11{
	grid-area: Advisors-Column11;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
.Advisors-Column h1:after{
	width: 180px;
}
.Advisors-Column-Img img{
	margin-top: 0.8rem;
	width: 6rem;
	height: 6rem;	
}
.Advisors-Column-Img h2{
	margin-top: 0.8rem;
	font-size: 1.2rem;
}
.Advisors-Column-Img p1{	
	font-size: 0.9rem;
}
.Advisors-Column-Content p{
	margin: 1rem;
	font-size: 0.8rem;
}
/*-----------------Scroll to Top-------*/
.to-top{
	transition: all 0.01s ease;
}
}



/*-----------------Media - For Tablet View-------*/

@media (min-width: 576px) and (max-width: 991px){
/*-----------------Navigation-------*/
nav img{
	width: 2.5rem;
	}
nav h1{
	font-size: 1.5rem;
	font-weight: 500;
	}
.nav-links{
		position: fixed;
		background-color: #173340;
		opacity: 1;
		height: 50vh;
		width: 200px;
		right: -300px;
		text-align: left;
		z-index: 12;
		top: 5px;
		margin-right: -30px;
		transition: all 1s ease;
		display: block;
		flex-direction: column;
		overflow:hidden;
	}
nav .fa{
	display: block;
	color: #fff;
	margin-right: 20px;
	font-size: 25px;
	font-weight: 100;
	cursor: pointer;
}
.nav-links .i .fa{
	margin-left: 200px;
}
.nav-links ul{
	padding: 20px;
}
.nav-links ul li{
	padding: 5px;
	border-bottom: 0.002rem solid #F2F2F2;
	width: 100%;
}

/*-----------------Home-------*/
.hero h2{
		font-size:3.5rem;
	}
.hero p{
		font-size:1.6rem;
	}
.hero-button{
	padding: 0.5rem 1.5rem;
	font-size: 1.5rem;	
}
.services{
	width: 98%;
}
.services h1{
	font-size: 2rem;
	margin-top: -1rem;
}
.services p{
	font-size: 1.3rem;
}
.service-col1{
	margin-bottom: 2%;
	padding: 1rem 0.5rem;
}
.service-col1 h2{
	font-size: 1.1rem;
}
.service-col1 h3{
	margin-top: 2%;
	font-size: 0.9rem;
}
.service-col1 p{
    margin: 0% 2%;
	font-size: 0.9rem;
}
/*-----------------Buyer/Seller/Financier Heros-------*/
.other-heros{
	width: 90%;
}
.other-heros h2{
		font-size:3rem;
	}
.other-heros p{
		font-size:1.8rem;
	}

/*-----------------Footer-------*/
#footer-Column1{
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}
#footer-Column2{
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}
#footer-Column3{
	margin-left: 2rem;
}
.Footer-Heading{
	width: 100%;
}
.Footer-Heading p{
	font-size: 1.2rem;
}
.Footer-Heading p::before{
	width: 98%;
}
.Footer-Heading a{
	font-size: 1rem;
	padding: 0.5rem;
}
.Footer-Heading form input{
	width: 80%;
	margin-top: 0.8rem;
}
.Footer-Heading form button{
	padding: 0.5rem 1rem;
}

.Footer-Heading p1{
	font-size: 1rem;
}
.icons .fa{	
	height: 30px;
	width: 30px;
	margin: 0 5px 5px 0;
	font-size: 1rem;
	line-height: 30px;
}
.Footer-Heading p2{
	font-size: 0.6rem;
	margin-top: 2rem;
}


/*-----------------Sellers/Buyers/Financiers Page - Benefits-------*/

.container-benefits{
	display: grid;
	width: 90%;
	margin: auto;
	margin-top: 2%;
	grid-template-columns: 0.1fr 1fr 1.1fr;
	grid-template-rows: 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr 0.1fr;
	grid-template-areas: "benefits-Column1 benefits-Column1 benefits-Column1"
	"benefits-Column2 benefits-Column3 benefits-Column4"
	"benefits-Column5 benefits-Column6 benefits-Column4"
	"benefits-Column7 benefits-Column8 benefits-Column4"
	"benefits-Column9 benefits-Column10 benefits-Column4"
	"benefits-Column11 benefits-Column12 benefits-Column4";
}
#benefits-Column1{
 	grid-area: benefits-Column1;
 	font-size: 1.5rem;
 	font-weight: 300;
 	color: #089D93;
}
.svg_images svg{
	margin-bottom: 2.188rem;
	fill: #009688;
}
.svg_first_image svg{
	margin-top: 0.625rem;
	margin-bottom: 2.188rem;
	fill: #009688;
}
.benefit-contents p{
	font-size: 1rem;
	font-weight: 100;
	margin-left: 1rem;
	margin-bottom: 1.563rem;
	
}
.benefit-image img{
	width: 100%;
	object-fit: cover;
	margin-left: 0rem;
	margin-top: 2rem;
}

/*-----------------FAQs Sellers/Buyers/Financiers-------*/
.container-faq{
	display: grid;
	border: 0.063rem solid #F2F2F2;
	width: 100%;
	margin: auto;
	grid-template-columns: 1fr;
	grid-template-rows: 0.1fr 1fr;
	grid-template-areas: "faq-Column1"
	"faq-Column2";
}
#faq-Column1{
 	grid-area: faq-Column1;
 	background-color: #F2F2F2;
}
#faq-Column1 p{
	font-size: 1rem;
 	font-weight: 600; 	
 	text-align: left;
 	position: relative;
 	margin-right: 1rem;
 	margin-left: 1rem;
 	margin-bottom: 1rem;
}
#faq-Column2{
	grid-area: faq-Column2;
}
.faq{
    margin: 1rem;
	max-width: 95%;
	padding-top: 0.1rem;
	padding-bottom: 0.5rem;
}
.question h3{
	font-size: 1rem;
}
.answer p{
	padding-top: 0.5rem;
	font-size: 0.8rem;
}


/*-----------------AboutUs Page-------*/
.aboutus-heros{
	width: 90%;
}
.aboutus-heros p{	
	font-size: 1.5rem;
}
.about-col1{
	flex-basis: 90%;
}
.about-col img{
	width: 50%;
	display: block;
	margin: auto;
}
.about-col1 h1{
	font-size: 1.1rem;
}
.about-col1 p{
	font-size: 1rem;
}
.about-us-content{
	margin-top: -2rem;
}
.about-us-content p{
	font-size: 1rem;
}

/*-----------------ContactUs Page-------*/

.contact-col div{
	margin-bottom: 1rem;
}
.contact-col div .fa{
	font-size: 1.5rem;
	color: #0F6A73;
}
.contact-col div h5{
	font-size: 0.9rem;
	margin-left: 1rem;
	margin-right: 2rem;
}
.contact-col div p{
	font-size: 0.9rem;
	margin-left: 1rem;
	margin-right: 2rem;
}
.contact-col p{
	font-size: 0.9rem;
	margin-bottom: 1.063rem;
}
.contact-col input{
	font-size: 0.7rem;
}
.contact-col button{
	font-size: 0.9rem;
}

/*-----------------AboutUs Our Team Page-------*/
.TeamContainer{
	width: 80%;
	display: grid;	
	margin: auto;	
	grid-template-columns: 1fr;
	grid-template-rows: 0.15fr 0.5fr 1fr;	
	grid-template-areas: "Team-Column1"
	"Team-Column2"
	"Team-Column3";
}
#Team-Column1{
 	grid-area: Team-Column1;
	margin: 0.5%;
}
#Team-Column2{
	grid-area: Team-Column2;
}
#Team-Column3{
	grid-area: Team-Column3;	
	margin: 1%;
	padding: 0.5%;
}
.Team-Column h1{
	font-size: 1.6rem;
}
.Team-Column h1:after{
	width: 200px;
}
.Team-Column-Img img{
	margin-top: 0.8rem;
	width: 8rem;
	height: 8rem;
}
.Team-Column-Img h2{
	margin-top: 0.8rem;
	font-size: 1.4rem;
}
.Team-Column-Img p1{
	font-size: 1rem;
}
.Team-Column-Content p{
	margin: 1rem;
	font-size: 0.9rem;
}

/*-----------------AboutUs Page - Advisors-------*/
.AdvisorsContainer{
	width: 80%;
	display: grid;	
	margin: auto;	
	grid-template-columns: 1fr;
	grid-template-rows: 0.15fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr 0.5fr;	
	grid-template-areas: "Advisors-Column1"
	"Advisors-Column8"
	"Advisors-Column9"
	"Advisors-Column2" 
	"Advisors-Column3"
	"Advisors-Column4" 
	"Advisors-Column5"
	"Advisors-Column6" 
	"Advisors-Column7";
}
#Advisors-Column1{
 	grid-area: Advisors-Column1;
	margin-top: 8%;
}
#Advisors-Column2{
	grid-area: Advisors-Column2;
}
#Advisors-Column3{
	grid-area: Advisors-Column3;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column4{
	grid-area: Advisors-Column4;
}
#Advisors-Column5{
	grid-area: Advisors-Column5;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column6{
	grid-area: Advisors-Column6;
}
#Advisors-Column7{
	grid-area: Advisors-Column7;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column8{
	grid-area: Advisors-Column8;
}
#Advisors-Column9{
	grid-area: Advisors-Column9;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
#Advisors-Column10{
	grid-area: Advisors-Column10;
}
#Advisors-Column11{
	grid-area: Advisors-Column11;	
	margin-top: 1%;
	padding: 0.5%;
	margin-bottom: 3%;
}
.Advisors-Column h1{
	font-size: 1.6rem;
}
.Advisors-Column h1:after{
	width: 180px;
}
.Advisors-Column-Img img{
	margin-top: 0.8rem;
	width: 8rem;
	height: 8rem;	
}
.Advisors-Column-Img h2{
	margin-top: 0.8rem;
	font-size: 1.2rem;
}
.Advisors-Column-Img p1{	
	font-size: 1rem;
}
.Advisors-Column-Content p{
	margin: 1rem;
	font-size: 0.8rem;
}
/*-----------------Scroll to Top-------*/
.to-top{
	transition: none;
}
}