:root {
	--bg-theme: #F6F1EE;
	/* --bg-theme-primary: #1623AD;
	--text-theme-primary: #1623AD; */
	/* --bg-theme-secondary: #0C51CD; */
	/* --text-theme-secondary: #0C51CD; */
	--bg-theme-primary: #E90037;
	--text-theme-primary: #E90037;
	--bg-theme-secondary: #E90037;
	--text-theme-secondary: #df1846;
}
.bg-theme{
	background-color: var(--bg-theme);
}
.text-theme-primary{
	color: var(--text-theme-primary);
}
.text-theme-secondary{
	color: var(--text-theme-secondary);
}
.bg-theme-primary{
	background-color: var(--bg-theme-primary);
}
.bg-theme-secondary{
	background-color: var(--bg-theme-secondary);
}
.btn-theme-primary{
	background-color: var(--bg-theme-primary) !important;
	color: white !important;
}
.btn-theme-secondary{
	/* background-color: var(--bg-theme-secondary) !important; */
	background-color: #E90037 !important;
	color: white !important;
}
.border-rounded{
	border-radius: 30px !important;
}
@font-face {
	font-family: poppins;
	src: url(../fonts/Poppins/Poppins-Regular.ttf);
}

@font-face {
	font-family: fredoka;
	src: url(../fonts/Fredoka/Fredoka-Regular.ttf);
}

@font-face {
	font-family: nunito;
	src: url(../fonts/Nunito/Nunito-Regular.ttf);
}

* {
	scroll-behavior: smooth;
	padding: 0;
	margin: 0;
	font-family: "poppins";
}
header{
	margin: 10px 0;
}
header nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:10px 20px;
	background-color: white;
	border-radius: 20px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.075);
}
.menus{
	margin: 0;
}
.menus li{
	display: inline-block;
	margin: 0 10px;
}
.menus li a{
	text-decoration: none;
	font-weight: bold;
	color: var(--text-theme-secondary);
}
header nav .menu-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
@media(max-width: 992px){
	/* header nav .menu-wrap{
		position: relative;
	} */
	.menus{
		position: absolute;
		background-color: white;
		box-shadow: 0px 0px 10px rgba(0,0,0,.175);
		padding: 10px;
		transform: scale(0);
		width: 90%;
		left: 0;
		top: 100px;
		margin: 0 5%;
		border-radius: 10px;
	}
	.menu-toggle{
		transform: scale(1);
		transition: transform .2s;
	}
	.menus li{
		display: block;
		margin: 0 10px 20px 10px;
	}
}



/* Banner Section */

.banner-text{
	font-weight: bold !important;
}


/* Carousel */

.carousel-wrapper{
	overflow: hidden;
}
.carousel-outer{
	position: relative;
}
.carousel-outer::before{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background-color: #F6F1EE;
}
.carousel-outer::after{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	background-color: white;
}
.carousel-inner{
	border-top-right-radius: 70px;
	border-bottom-right-radius: 70px;
	padding-right: 50px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

@media(max-width:992px){
	.carousel-inner{
		border-radius: 0;
		padding-right: 0;
	}
}



.sub-carousel-wrapper{
	overflow: hidden;
}
.sub-carousel-outer{
	position: relative;
}
.sub-carousel-outer::before{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	top: 0;
	left: 0;
	background-color: white;
}
.sub-carousel-outer::after{
	content: "";
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 50%;
	bottom: 0;
	left: 0;
	background-color: white;
}
.sub-carousel-inner{
	border-top-left-radius: 70px;
	border-bottom-left-radius: 70px;
	padding-left: 50px;
	/* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 50px; */
}

@media(max-width:992px){
	.sub-carousel-inner{
		border-radius: 0;
		padding-left: 0;
	}
}



.features{
	padding: 20px;
	border-radius: 20px;
	background-color: #FCF5F3;
}
.img-len{
	height: 250px;
}
.img-sma{
	height: 180px;
}
.img-len,.img-sma{
	border-radius: 20px;
	margin: 10px 0;
	background-color: white;
	width: 100%;
}

/* Footer */
footer{
	background-color: #FCF5F3;
}

@media(max-width: 992px){
	.counter-box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}

#home_nav,#features_nav,#about_nav,#why_us{
	scroll-margin-top: 80px;
}