/*
* © Seddike Tanvir
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/



/* !-----Header Section--------------------------------- */
.header_area {
	margin: auto;
	/* height: 5rem; */
	width: 100%;
	z-index: 1000;
	/* background-color: var(--headerBgColor01); */
	/* box-shadow: 0 1px 5px -2px var(--boxShadowColor01); */

}

.siteLogoArea {
	background-color: var(--headerBgColor01);
	/* backdrop-filter: blur(20px); */
	border-bottom: 1px solid var(--headerBoxShadowColor01);
	-webkit-box-shadow: 0 0 10px -3px var(--headerBoxShadowColor01);
	box-shadow: 0 0 10px -3px var(--headerBoxShadowColor01);
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: flex;
	justify-content: center;
}
.logo_and_themeChanger{
	width: 98%;
	max-width: 90rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	/* বাম ও ডান পাশে আলাদা করে দেয় */
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* উভয়কে vertically center করে */
	padding: 1rem 5vw 1rem 5vw;
}

.header_logo {
	/* width: 16rem; */
	width: 14rem;
	height: auto;
	cursor: pointer;

	/* margin-right: auto; */

}

.theme_changer {
	cursor: pointer;

}

/* .siteLogoArea > .theme_changer > img{
    width: 1.3rem;
    padding: 1.9rem 0rem .6rem 0rem;
} */
.theme_changer > i {
	font-size: 1.3rem;
	margin: 1.2rem 0rem .7rem 0rem;
	-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
	transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
	-o-transition: transform 0.4s ease, opacity 0.4s ease;
	transition: transform 0.4s ease, opacity 0.4s ease;
	transition: transform 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease;
	overflow: hidden;

}

/* .siteLogoArea > .theme_changer > i:hover{

} */
.siteMap {
	display: flex;
	justify-self: center;
	/* height: 2rem; */
	width: 100%;
	max-width: 80rem;
	/* background-color: #ff0000; */
	/* box-shadow: 0 2px 25px -5px #0000001a,  0 8px 10px -6px #0000001a; */
	margin-top: 5.2rem;
}

.mapLine {
	width: 100%;
	max-width: 90rem;
	text-align: left;
	padding: .8rem 0rem;
	/* color: black; */
	margin-left: 7%;
}

.mapLine a,
.mapLine>span {
	color: var(--aHrefTagTextColor01);
	/* font-family: var(--bn_font_2); */

}

.mapLine a {
	text-decoration: none;
	color: var(--aHrefTagTextColor01);
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	/* font-weight: 100; */
	font-size: .9rem;
}

.mapLine a:hover {
	color: var(--aHrefTagTextColorOnHover01);
	text-decoration: underline;
}

.mapLine i {
	font-size: .7rem;
}

.mapLine span {
	font-size: 1rem;
	color: var(--maplineIndicatorColor);
	padding: 0 7px;
}