@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');
/* ============== Default Element Style ================ */
body {
	font-family: "Jost", serif;
	font-size: 1rem;
	color: #000;
}

h1 {
	font-size: 60px;
	font-weight: 600;
	line-height: 80.04px;
}
/*----font-size:80px----*/
h2 {
	font-size: 28px;
	font-weight: 600;
	line-height: 36px;
}
/*----font-size:40px----*/
h3 {
	font-size: 1.875rem;
	font-weight: 500
}
/*----font-size:30px----*/
h4 {
	font-size: 2rem;
	font-weight: 500
}
/*----font-size:32px----*/
h5 {
	font-size: 20px;
	font-weight: 500;
	line-height: 31.79px;
	letter-spacing: 0.52em;
}
/*----font-size:18px----*/
h6 {
	font-size: 18px;
	font-weight: 500;
}
/*----font-size:16px----*/
p, a {
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
}
.active {
	color: #EEBFAA !important;
}
.nav-link.active::after {
	content: "";
	width: 48px;
	display: block;
	height: 1px;
	background: #EEBFAA;
	margin: auto;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a, a:hover, a:focus {
	text-decoration: none !important;
}

img {
	border-style: none;
}

.padding-100 {
	padding: 120px 0px;
}

.padding-top {
	padding-top: 120px;
}

@media (max-width: 768px) {
	.padding-top {
		padding-top: 60px;
	}
	h1 {
		font-size: 48px;
		line-height: 62.04px;
	}
}

.padding-bottom {
	padding-bottom: 120px;
}

.btn_pink {
	background: #EEBFAA;
	color: #000;
}

	.btn_pink:hover, .btn_white:hover {
		background: #EBF5F4;
		color: #000;
	}

.bg_blue {
	background: #DCD9F4;
}

.bg_green {
	background: #EBF5F4;
}

.bg_red {
	background: #EEBFAA;
}

#hero-section {
	margin-top: 67px;
}

.hi-emoji {
	font-size: 50px;
	display: inline-block;
	animation: wave 3s infinite ease-in-out;
	transform-origin: bottom right; /* Set origin for wave */
}

@keyframes wave {
	0% {
		transform: rotate(0deg);
	}

	15% {
		transform: rotate(15deg);
	}

	30% {
		transform: rotate(-10deg);
	}

	45% {
		transform: rotate(10deg);
	}

	60% {
		transform: rotate(-5deg);
	}

	75% {
		transform: rotate(5deg);
	}

	90% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(0deg);
	}
	/* Pause at the end */
}


.text-with-lines::before,
.text-with-lines::after {
	content: "";
	flex: 1;
	height: 0.5px;
	background-color: black;
	margin: 0 15px;
}
#cta {
	margin-top: -80px;
	padding-top:80px;
}
#cta .box {
	padding: 90px 20px;
}

.form-control {
	border: none;
	border-bottom: 1px solid;
	border-radius: 0;
	padding: 10px 0;
	color: #000 !important;
}

	.form-control::placeholder {
		color: #000 !important;
	}

	.form-control:focus {
		box-shadow: unset !important;
	}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* Mobile-specific styles */
@media (max-width: 991.98px) { /* Adjust according to your breakpoint */
	.offcanvas-header,
	.offcanvas-body {
		color: black; /* Text in the mobile offcanvas */
	}

	.nav-link {
		color: black !important; /* Black text for nav links */
	}
}
