@charset "utf-8";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-family:"montserrat";
}

/* PREMADE */
			.max-wrap {
				margin: 0px auto;
				max-width: 1200px;
			}
			.section_padding {
				padding: 80px 20px;
			}
			 .lp-title {
				color: transparent;
				background: linear-gradient(270deg, #17e078, #0093ff, #17e078, #0093ff, #17e078);
				background-size: 200% 200%;
				-webkit-background-clip: text;
				background-clip: text;
				animation: rotateGradient 2.75s linear infinite;
			}

			@keyframes rotateGradient {
				0% {
					background-position: 0% 50%;
				}
				100% {
					background-position: 100% 50%;
				}
			}

			/* HEADER */
			
			header {
				width: 100%;
				position: fixed;
				z-index: 1000;
				background: #9c85bd;
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
				height: 54px;
			}
			.header-wrap {
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: space-between;
				padding: 0px 30px;
				height: 100%;
			}
			nav {
				display: flex;
				flex-direction: row;
				gap: 20px;
				font-weight: 500;
			}
			nav a {
				text-decoration: none;
				color: black;
			}
			.nav-item {
				margin: 0;
				padding-bottom: 14px;
				padding-top: 17px;
				color: white;
			}
			.nav-item:hover {
				cursor: pointer;
			}
			.nav-active {
				color: white;
				border-bottom: 3px solid white;
			}
			/* HAMBURGER-MENU*/
			#hamburger-menu {
				height: 25px;
				width: 25px;
				display: flex;
				align-items: center;
			}
			#hamburger-menu:hover {
				cursor: pointer;
			}
			.btn15 {
				position: absolute;
				transition-duration: 0.5s;
			}
			.btn15.open .icon {
				transition-duration: 0.5s;
				background: transparent;
			}
			.btn15 .icon {
				transition-duration: 0.5s;
				height: 4px;
				width: 30px;
				top: 25px;
				background-color: white;
				border-radius: 4px;
				left: 15px;
			}
			.btn15.open .icon:before {
				transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
				background-color: red;
				top: -10px !important;
			}
			.btn15 .icon:before {
				transition-duration: 0.5s;
				position: absolute;
				width: 30px;
				height: 4px;
				background-color: white;
				content: "";
				top: -10px;
				border-radius: 4px;
				transition: 0.4s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
			}			
			.btn15.open .icon:after {
				transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
				background-color: red;
				top: 10px !important;
			}
			.btn15 .icon:after {
				transition-duration: 0.5s;
				position: absolute;
				width: 30px;
				height: 4px;
				background-color: white;
				content: "";
				top: 10px;
				border-radius: 4px;
				transition: 0.4s linear(0 0%, 0 1.8%, 0.01 3.6%, 0.03 6.35%, 0.07 9.1%, 0.13 11.4%, 0.19 13.4%, 0.27 15%, 0.34 16.1%, 0.54 18.35%, 0.66 20.6%, 0.72 22.4%, 0.77 24.6%, 0.81 27.3%, 0.85 30.4%, 0.88 35.1%, 0.92 40.6%, 0.94 47.2%, 0.96 55%, 0.98 64%, 0.99 74.4%, 1 86.4%, 1 100%);
			}
	

			/* FOOTER */
			.g-maps-wrap {
				width: 500px;
				height:360px;
				display: inline-flex;
				border-radius: 10px;
				overflow: hidden;
				box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
			}
			footer {
				padding: 80px 0px 0px 0px;
				background: #f5f5f5;
			}
			/* COPYRIGHT */
			.pp-link {
				color: #909090;
				filter: brightness(1);
				transition: 0.2s;
				text-decoration: none;
			}
			.pp-link:hover {
				cursor: pointer;
				color: black;
			}
			.copyright {
				padding: 20px;
				background: white;
				color: #909090;
				font-size: 13px;
			}
			.copyright-wrap {
				display: flex;
				flex-direction: row;
				gap: 15px;
				justify-content: space-between;
			}
			.left-copy-div {
				display: flex;
				flex-direction: column;
				gap: 5px;
			}
			.mobile-nav {
				display: none;
				background: #f5f5f5;
				transition: all 0.25s;
			}
			.footer-mob {
				padding: 0px 20px;
			}
.soc-links-div {
	justify-content: flex-start;
}
			@media(min-width:580px) {
				#hamburger-menu {
					display: none !important;
				}
			}
			@media(max-width:580px) {
				nav{
					display: none !important;
				} 
				
				.mobile-nav {
					display: flex;
					position: fixed;
					width: 100vw;
					top: 53px;
					height: calc(100vh - 53px);
					z-index: 1000;
					flex-direction: column;
    				align-items: center;
					gap: 20px;
				}
				.mobile-nav a {
					color: black;
					text-decoration: none;
				}
				.nav-item {
					padding-bottom: 4px;
				}
				.copyright-wrap {
					padding: 0px 20px;
					text-align: center;
					align-items: center;
					flex-flow: column-reverse;
				}
				.left-copy-div {
					padding-top: 10px;
				}
				.g-maps-wrap {
					width: 100%;
				}
				
			}
			@media (max-width:900px) {
				.footer-mob {
					flex-direction: column !important;
					text-align: center;
					gap: 30px;
					align-items: center;
				}
				.soc-links-div {
					justify-content: center;
				}
			}