body{
	margin:0;
	overflow-x: hidden;
}    
    ::-webkit-scrollbar{
      width: 7px; 
    }

    ::-webkit-scrollbar-track{
      background: #fff;
    }

    ::-webkit-scrollbar-thumb{
      background: #53e153;

    }
.bars{
	position: fixed;
	margin-left: 90vw;
	margin-top: 10vh;
	cursor: pointer;
	transform: rotate(180deg);
	z-index: 20;
	transition: 300ms;
}

.bar{
	height: 3px;
	width: 30px;
	border-radius: 2px;
	background-color: #000;
	margin-top: 1vh;
	transition: 300ms;
}
.bar1-a{
	width: 40px;
}
.bar3-a{
	width: 20px;
}

.ham{
	width: 30vw;
	height: 100vh;
	position: fixed;
	z-index: 2;
	margin-left: 100vw;
	background-color: #13171c;
	transition: 300ms;
}
.ham--ac{
	margin-left: 70vw;
}
.bars2--ac{
	margin-left: 65vw;
	transform: rotate(90deg);
}
.land{
	position: relative;
}
.slide{
	height: 100vh;
	width: 100vw;
}
.s1{
	padding-top: 30vh;
	background-image: url('logo2.png');
	background-attachment: fixed;
}
.logohead{
	position: absolute;
	height: 30vh;
	width: 30vh;
	background-position: right;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('logo.png');
}
.head{
	padding-top: 5vh;
	font-size: 60px;
	font-family: 'Playfair Display';
	letter-spacing: 4px;
}
.line2{
	height: 2px;
	width: 150px;
	margin-top: 1vmin;
	margin-bottom: 1vmin;
	background-color: #13171c;
}
.parahead{
	padding-top: 15px;
	font-family: 'Montserrat';	
	font-size: 4vh;
}


/*
.s2{
	background-color: blue;
	margin-left: 100vw;
	position: absolute;
	margin-top: -100vh;
}
.s3{
	margin-top: -100vh;
	margin-left: 100vw;
	background-color: green;
	position: absolute;
}*/
.s2_ac{

}
.s3_ac{

}
.ab{
		
}
.about{
	padding-top: 50px;
	padding-bottom: 50px;
	text-align: center;
	/*
    background: linear-gradient(to bottom, #2C7DFA, #0F36A5);
*/}
.text{
	font-size: 20px;
	color: #000;
	width: 35vw;
	margin: auto;
}
.line{
	height: 2px;
	width: 150px;
	margin: auto;
	margin-top: 1vmin;
	background-color: #000;
	margin-bottom: 1vmin;
}
.abhead{
	font-size: 40px;
	text-align: center;
	font-family: 'Playfair Display';
}

.dekh{
	height: 50vh;
	transition: 300ms;
	cursor: pointer;
	transition: 500ms;
}


.dekh1{
	background-image: url('1.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.dekh2{
	background-image: url('2.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.dekh3{
	background-image: url('3.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.dekh4{
	background-image: url('4.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.padh{
	font-size: 4vh;
	color: #fff;
	text-align: center;
	height: 55vh;
	padding-top: 40vh;
	padding-bottom: 5vh;
	opacity: 0;
	transition: 500ms;

}
.padh_ac{
	opacity: 1;
}
.t1, .t3{
	margin-left: -5vw;

}

.c{
	height: 40vh;
	width: 20vw;
	margin: auto;
}
.im{
	height: 30vh;
	width: 30vh;
	margin: auto;
	border-radius: 100%;
	background-image: url('logo.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	border: 5px solid #53e153;
}
.paese{
	font-size: 20px;
}
.com{
	height: 40vh;
	background-color: #FE5F55; 
}
.comments{
	width: 100vw;
}
.ablogo{
	background-image: url('logo.png');
	background-position: center;
	height: 50vh;
	background-size: contain;
	background-repeat: no-repeat;
}
.com0{
	font-size: 4vh;
	color: #efefef;
	position: absolute;
	text-align: center;
	transition: 300ms;

}

.com3{
	margin-top: -12vh;
}
.com1{
	margin-top: 12vh;
}
.com2{
	margin-top: -12vh;
}
.circles{
	position: absolute;
	transform: translate(48vw, 32vh);

}
.circle{
	height: 20px;
	width: 20px;
	cursor: pointer;
	background-color: #fff;
	display: inline-block;
	border-radius: 100%;
	transition: 300ms;
}
ul{
	list-style-type: none;
	padding-top: 20vh;
}
.item{
	font-size: 4vh;
	color: #efefef;
	text-align: left;
	margin-top: 5vh;
	transition: 300ms;
	cursor: pointer;
	font-family: 'Playfair Display';
}
.item_ac{
	padding-left: 5vw; 
}
.line_c{
	height: 2px;
	width: 90px;
	margin: auto;
	background-color: #13171c;
}

.contact_card{
	
	padding-top: 30px;
	padding-bottom: 30px;
	color: #000;
	margin:auto;
}
.card1{
	border-right: 3px solid #13171c;

}
.contact_head{
	font-size: 25px;
	font-family: 'Playfair Display';
}
.btnhead{
	font-family: 'Montserrat';
	font-size: 2vh;
	border-radius: 50px;
	border: 3px solid #53e153;
	width: 20vh;
	height: 7vh;
	position: absolute;
	left: 46vw;
	text-align: center;
	padding-top: 10px;
	margin-top: -26vh;
	transition: 400ms;
	cursor: pointer;
}
.btnhead:hover{
	background-color: #53e153;
	color: #fff;
}
.dekh:hover{
	box-shadow: inset 0 -20vh 0 0 #53e153;
}
.show{
	opacity: 1;
}
.hide{
	opacity: 0;
}

@media screen and (max-width: 500px){
	.im{
		margin-left: -12vw;
	}
}