*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
:root{
	--primary-color : rgb(252, 169, 16);
}
body{
	max-width: 100vw;
	min-height: 100vh;
	background: linear-gradient(45deg, #181b1e, #121010);
	--width: 0%;
	transition: opacity 0.3s;
	background-color: black;
	overflow-x: hidden;
} 

@media (min-width: 500px){
	section .container{
		margin-left: 54px !important;
		margin-right: 54px !important;
	}
}

.visible{
	visibility: visible !important;
}
.p-4{
	padding: 1.5rem;
}

.h-fit-content{
	height: fit-content;
}

.gap-80px{
	gap: 80px;
}

@media (min-width: 768px){
	.gap-md-70px{
		gap: 70px;
	}
}
@media (min-width: 768px){
	.mt-sm-100px{
		margin-top: 100px;
	}
}
@media (max-width: 768px){
	.max-md-mt-5 {
		margin-top: 3rem !important;
	}
}

.fs-7{
	font-size: 0.85rem;
}