@charset "UTF-8";
/* CSS Document */
:root {
	--bs-body-bg: #ffffff;
	--bs-body-font-family: "Poppins", sans-serif;
	--bs-secondary: #faf7fb;
}
.body {
	height: 5000px;
	overflow-x: hidden; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
.contentFirst {
	margin-top: -100vh;
}
.carouselWrapper {
	top: 0;
	left: 0;
} 
.theHeader {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
.my-nav {
	z-index: 999;
}
.c-item {
	height: 100vh;
}
.c-img {
	height: 100%;
	object-fit: cover;
	filter: brightness(0.85);
}

@media (max-width: 991px) {

}


@media (max-width:767px){
	.c-item {
		height: 75vh;
	}
}


@media (max-width: 991px) {
	.theHeader {
		position: fixed;
	}
	/* Remove mobile navbar transitions */
	.collapsing { transition: opacity .1s !important; height: auto !important; }
	.collapse.show { transition: opacity .1s !important; }
	.navbar-collapse { transition: opacity .1s !important; }
	/**/

	.navbar {
		--bs-navbar-toggler-padding-y: 0;
		--bs-navbar-toggler-padding-x: 0;
		--bs-navbar-toggler-focus-width: 0;
	}
	.collapse:not(.show) {
		display: block;
		opacity: 0;
		pointer-events: none;
	}
	.navbar-collapse {
		display: block;
		position: fixed;
		z-index: 1000;
		background: var(--bs-secondary);
		top: 0;
		color: #000;
		width: 100%;
		height: 100% !important;
		left: 0;
	}
	.navbar-collapse .nav-link {
		color: #000 !important;
		font-size: 24px;
		text-align: center;
	}

	.navbar-toggler {
		border: none;
		z-index: 1001;
		position: relative;	
	}
}


.navbar-toggler {
	height: 30px;
	width: 35px;
	position: relative;
	transition: all .2s;
}	
.navbar-toggler::before,
.navbar-toggler::after {
	content: '';
	width: 35px;
	height: 1px;
	background-color: var(--bs-secondary);
	top: 50%;
	left: 0;
	position: absolute;
	transition: all .2s;
}
.navbar-toggler:before {
	margin-top: -4px;
}
.navbar-toggler:after {
	margin-top: 7px;
}

.navbar-toggler:not(.collapsed) {
	transform: scale(.8);
}
.navbar-toggler:not(.collapsed)::before,
.navbar-toggler:not(.collapsed)::after {
	background-color: #000;
	margin: 5px 0 0 0;
}
.navbar-toggler:not(.collapsed)::before {
	transform: rotate(45deg);
}
.navbar-toggler:not(.collapsed)::after {
	transform: rotate(-45deg);
}