/*@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap');*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

body {
	background: white;
	overflow-x: hidden;
}

nav .logo a {
	float: left;
	color: #71be1c;
	font-size: 35px;
	font-weight: 500;
	line-height: 50px;
	padding-left: 50px;
}

nav .logo img {
	width: 40px;
	height: 40px;
}

nav .logo {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-content: center;
	align-items: center;
	color: #006600;
	font-size: 35px;
	font-weight: bold;
	line-height: 50px;
	margin-left: 2%;
	padding: 10px;
}

.menu {
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: flex-end;
	align-items: center;
	margin-right: 2%;
}


header {
	font-size: 35px;
	font-weight: 600;
	padding: 10px 0;
}


.asize {
	font-size: 14px;
}

.black {
	/*background: rgba(0, 0, 0, 0.5) !important;*/
}

nav {
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	flex-direction: row;
	align-items: center;
	display: flex !important;
	justify-content: space-between;
}

@media all and (max-width: 968px) {
}

.mid-sect {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center;
	gap: 20px;
}

.mid-sect .btn {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: center;
	align-items: center;
	width: 160px;
}

.mid-sect .btn-success {
	background: rgba(0, 0, 0, 0);
}

.mid-sect .btn-success:hover {
	background: #006600;
}

.mid-sect > button > a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	font-family: "Montserrat", sans-serif !important;
	color: #ffffff;
}

.nav-menu > ul {
	margin: 0;
}

.nav-menu > ul > .ser-list .hidden-ser-list {
	border-top: 1px solid #3a902a;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	z-index: 1;
	transition: 1s ease-in;
	display: none;
	flex-direction: column;
	align-items: flex-start;
	align-content: center;
}

.nav-menu > ul > .ser-list .hidden-ser-list:hover {
	display: flex;
}

.nav-menu > ul > .ser-list .hidden-ser-list > li {
	padding: 10px;
}

.nav-menu > ul > .ser-list .hidden-ser-list > li > a {
	padding: 5px;
	color: #ffffff;
}

.nav-menu > ul > .ser-list > a:hover + .hidden-ser-list {
	display: flex;
}

.nav-menu > ul > .ser-list .hidden-ser-list > li {
	list-style: none;
}

.nav-menu > ul > li {
	display: inline;
	font-size: 15px;
	padding: 10px;
	font-weight: bold;
}

.nav-menu > ul > li > a:hover {
	color: #3a902a;
}

.nav-menu > ul > li > a {
	padding: 10px;
	color: #ffffff;
	text-decoration: none;
}

@media (min-width: 480px) {
	.mid-sect-mobile {
		display: none;
	}

	.mobile-menu {
		display: none;
	}
}

@media (max-width: 480px) {
	nav {
		width: 100%;
	}

	nav .logo > img {
		height: 30px;
		width: 30px;
	}

	nav .logo {
		margin: 1%;
		padding: 5px;
		margin-left: 10%;
	}

	nav .logo > h1 {
		font-size: 20px;
	}

	nav .mid-sect {
		display: none;
	}

	.home-page .banner .left-side {
		width: 100%;
		padding: unset;
	}

	.mid-sect-mobile {
		display: flex;
		flex-direction: row;
		align-items: center;
		align-content: center;
		justify-content: space-between;
		gap: 20px;
		padding: 10px;
	}

	.mid-sect-mobile .btn {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-content: center;
		align-items: center;
	}

	.mid-sect-mobile .btn-success {
		background: rgba(0, 0, 0, 0);
	}

	.mid-sect-mobile .btn-success:hover {
		background: #006600;
	}

	.mid-sect-mobile > button > a {
		text-decoration: none;
		font-weight: bold;
		font-size: 14px;
		font-family: "Montserrat", sans-serif !important;
		color: #ffffff;
	}

	.mobile-menu {
		padding: 2%;
	}

	.nav-menu {
		display: none;
	}

	.mobile-menu > img {
		width: 30px;
		height: 30px;
	}

	#burger {
		background: rgba(0, 0, 0, 0);
		border: none;
	}

	.burger {
		position: relative;
		display: block;
		width: 28px;
		height: 4px;
		margin: 0 auto;
		background: #3a902a;
		transform: skew(5deg);
		transition: all 0.275s;
	}

	.burger:after,
	.burger:before {
		content: "";
		display: block;
		height: 100%;
		background: #3a902a;
		transition: all 0.275s;
	}

	.burger:after {
		transform: translateY(-12px) translateX(-2px) skew(-20deg);
	}

	.burger:before {
		transform: translateY(-16px) skew(-10deg);
	}

	/* Toggle State part */
	.is-open .burger {
		transform: skew(5deg) translateY(-8px) rotate(-45deg);
	}

	.is-open .burger:before {
		transform: translateY(0px) skew(-10deg) rotate(75deg);
	}

	.is-open .burger:after {
		transform: translateY(-12px) translateX(10px) skew(-20deg);
		opacity: 0;
	}

	/* MENU Text part */
	.burger-text {
		display: block;
		font-size: 0.675rem;
		letter-spacing: 0.05em;
		margin-top: 0.5em;
		text-transform: uppercase;
		font-weight: 500;
		text-align: center;
		color: #5a3b5d;
	}

	.is-open {
		position: absolute;
	}

	.is-open > ul {
		background: rgba(255, 255, 255, 1);
		width: 100%;
		display: block;
		margin-top: 5%;
	}

	.is-open > ul > li {
	}

	.is-open > ul > li .panel-group {
		margin: 0;
	}

	.is-open > ul > li .panel-heading {
		padding: unset;
	}
}