@import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
	margin: 0;
	padding: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
}

.navbar-nav a{
	font-weight: 500;
	color: #c4c4c2;
	margin: 0 10px;
}
/* =============== about section =============== */
.fs{
	font-size: 15px;
	font-weight: 500;
}
/* =============== Button =============== */
.custombtn {
	--color1: rgba(8,133,131,1);
	--color2: rgba(129,163,171,1);
	perspective: 1000px;
	padding: 1em 1em;
	background: linear-gradient(126deg, var(--color1) 35%, var(--color2) 100%);
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #fff;
	text-shadow: 0 10px 10px #000;
	cursor: pointer;
	transform: rotateX(70deg) rotateZ(30deg);
	transform-style: preserve-3d;
	transition: transform 0.5s;
	position: relative;
}

.custombtn::before {
	content: "";
	width: 100%;
	height: 5px;
	background-color: var(--color2);
	position: absolute;
	bottom: 0;
	right: 0;
	transform: rotateX(90deg);
	transform-origin: bottom;
}

.custombtn::after {
	content: "";
	width: 5px;
	height: 100%;
	background-color: var(--color1);
	position:
}

.custombtn:hover {
	transform: rotateX(30deg) rotateZ(0);
}
/* =============== Event Watermark =============== */
span.event-watermark
{
	font-size: 50rem !important;
}


/* =============== Event =============== */


.name{
	margin-left: 70px;
}

/* =============== Event Management Carousel Controls =============== */

.pic{
	border-radius: 30px;
}







/* --------------- individual page -------------- */
.carousel-item img{
	height: 500px;
	object-fit: cover;
}
.carousel-caption .section_heading{
	margin-top: -300px;
}