.v-center {

 	align-items: center;

 }

 .logo-section ul {

 	list-style: none;

 	margin: 0;

 	padding: 0;

 	display: flex;

 	gap: 20px;

 }

 .logo-section a {

 	text-decoration: none;

 }

 /* header */

 .header {

 	display: block;

 	width: 100%;

 	position: relative;

 	z-index: 99;

 }

 .header .item-left {
 	flex: 0 0 26%;
 }

 .header .logo a {

 	font-size: 30px;

 	color: #000000;

 	font-weight: 700;

 	text-decoration: none;

 }

 nav.menu {

 	text-align: center;

 }

 .header .item-center {

 	flex: 0 0 55%;

 }

 .header .item-right {
 	flex: 0 0 74%;
 	display: flex;
 	justify-content: flex-end;
 }

 .header .item-right a {

 	text-decoration: none;

 	font-size: 20px;

 	color: #000000;

 	display: inline-block;

 	margin-left: 5px;

 	transition: color 0.3s ease;

 }

 .hdt-btn i {

 	color: #fff;

 }

 .header .menu>ul>li {

 	display: inline-block;

 	line-height: 50px;

 	margin-left: 25px;

 }

 .header .menu>ul>li>a {

 	font-size: 16px;

 	font-weight: 500;

 	color: #000000;

 	position: relative;

 	text-transform: capitalize;

 	transition: color 0.3s ease;

 }

 .header .menu>ul>li .sub-menu {

 	position: absolute;

 	z-index: 500;

 	background-color: #ffffff;

 	box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, 0.3);

 	padding: 0px 0px;

 	transition: all 0.5s ease;

 	margin-top: 25px;

 	opacity: 0;

 	visibility: hidden;

 }

 @media(min-width: 992px) {

 	.header .menu>ul>li.menu-item-has-children:hover .sub-menu {

 		margin-top: 25px;

 		visibility: visible;

 		opacity: 1;

 	}

 }

 .header .menu>ul>li .sub-menu>li {

 	line-height: 1;

 	text-align: left;

 }

 .header .menu>ul>li .sub-menu>li>a {

 	display: inline-block;

 	padding: 13px 10px;

 	font-size: 15px;

 	color: #555555;

 	transition: color 0.3s ease;

 	text-decoration: none;

 	text-transform: capitalize;

 	width: 100%;

 	border-bottom: 1px solid #e6e6e6;

 }

 .header .menu>ul>li .sub-menu {

 	min-width: 280px;

 	max-width: 350px;

 }

 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li {

 	line-height: 1;

 	display: block;

 	text-align: left;

 }

 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {

 	padding: 10px 0;

 	display: inline-block;

 	font-size: 15px;

 	color: #555555;

 	transition: color 0.3s ease;

 }

 .header .menu>ul>li .sub-menu.mega-menu {

 	left: 50%;

 	transform: translateX(-50%);

 }



 .header .menu>ul>li .sub-menu.mega-menu-column-4 {

 	max-width: 1100px;

 	width: 100%;

 	display: flex;

 	flex-wrap: wrap;

 	padding: 20px 15px;

 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {

 	flex: 0 0 25%;

 	padding: 0 15px;

 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item .title {

 	font-size: 16px;

 	color: #ea4636;

 	font-weight: 500;

 	line-height: 1;

 	padding: 10px 0;

 	text-align: left;

 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {

 	text-align: center;

 }

 .header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {

 	max-width: 100%;

 	width: 100%;

 	vertical-align: middle;

 	margin-top: 10px;

 	height: 300px;

 	object-fit: cover;

 }

 .header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a:hover,

 .header .menu>ul>li .sub-menu>ul>li>a:hover,

 .header .item-right a:hover,

 .header .menu>ul>li:hover>a {

 	color: #ea4636;

 }



 .mobile-menu-head,

 .mobile-menu-trigger {

 	display: none;

 }



 /*responsive*/

 @media(max-width: 991px) {

 	.logo-section ul {

 		display: flex;

 		gap: 15px;

 	}

 	.header .item-right a {
 		margin-left: 2px;
 		font-size: 13px;

 	}

 	.header .item-center {

 		order: 3;

 		flex: 0 0 100%;

 	}

 	.header .item-left {

 		flex: 0 0 40%;

 		padding-left: 0;

 	}



 	.header .item-right {

 		flex: 0 0 60%;

 	}







 	.v-center {

 		justify-content: space-between;

 	}

 	.header .mobile-menu-trigger {

 		display: flex;

 		height: 30px;

 		width: 30px;

 		margin-left: 15px;

 		cursor: pointer;

 		align-items: center;

 		justify-content: center;

 	}

 	.header .mobile-menu-trigger span {

 		display: block;

 		height: 2px;

 		background-color: #333333;

 		width: 24px;

 		position: relative;

 	}

 	.header .mobile-menu-trigger span:before,

 	.header .mobile-menu-trigger span:after {

 		content: '';

 		position: absolute;

 		left: 0;

 		width: 100%;

 		height: 100%;

 		background-color: #333333;

 	}

 	.header .mobile-menu-trigger span:before {

 		top: -6px;

 	}

 	.header .mobile-menu-trigger span:after {

 		top: 6px;

 	}

 	.header .item-right {

 		padding: 0;

 		align-items: center;

 	}



 	.header .menu {

 		position: fixed;

 		width: 320px;

 		background-color: #ffffff;

 		left: 0;

 		top: 0;

 		height: 100%;

 		overflow: hidden;

 		transform: translate(-100%);

 		transition: all 0.5s ease;

 		z-index: 1099;

 	}

 	.header .menu.active {

 		transform: translate(0%);

 	}

 	.header .menu>ul>li {

 		line-height: 1;

 		margin: 0;

 		display: block;

 	}

 	.header .menu>ul>li>a {

 		text-align: left;

 		line-height: 50px;

 		height: 50px;

 		padding: 0 50px 0 15px;

 		display: block;

 		border-bottom: 1px solid rgba(0, 0, 0, 0.1);

 	}

 	.header .menu>ul>li>a i {

 		position: absolute;

 		height: 50px;

 		width: 50px;

 		top: 0;

 		right: 0;

 		text-align: center;

 		line-height: 50px;

 		transform: rotate(-90deg);

 	}

 	.header .menu .mobile-menu-head {

 		display: flex;

 		height: 50px;

 		border-bottom: 1px solid rgba(0, 0, 0, 0.1);

 		justify-content: space-between;

 		align-items: center;

 		position: relative;

 		z-index: 501;

 		position: sticky;

 		background-color: #ffffff;

 		top: 0;

 	}

 	.header .menu .mobile-menu-head .go-back {

 		height: 50px;

 		width: 50px;

 		border-right: 1px solid rgba(0, 0, 0, 0.1);

 		cursor: pointer;

 		line-height: 50px;

 		text-align: center;

 		color: #000000;

 		font-size: 16px;

 		display: none;

 	}

 	.header .menu .mobile-menu-head.active .go-back {

 		display: block;

 	}

 	.header .menu .mobile-menu-head .current-menu-title {

 		font-size: 15px;

 		font-weight: 500;

 		color: #000000;

 	}

 	.header .menu .mobile-menu-head .mobile-menu-close {

 		height: 50px;

 		width: 50px;

 		border-left: 1px solid rgba(0, 0, 0, 0.1);

 		cursor: pointer;

 		line-height: 50px;

 		text-align: center;

 		color: #000000;

 		font-size: 25px;

 	}

 	.header .menu .menu-main {

 		height: 100%;

 		overflow-x: hidden;

 		overflow-y: auto;

 	}

 	.header .menu>ul>li .sub-menu.mega-menu,

 	.header .menu>ul>li .sub-menu {

 		visibility: visible;

 		opacity: 1;

 		position: absolute;

 		box-shadow: none;

 		margin: 0;

 		padding: 15px;

 		top: 0;

 		left: 0;

 		width: 100%;

 		height: 100%;

 		padding-top: 65px;

 		max-width: none;

 		min-width: auto;

 		display: none;

 		transform: translateX(0%);

 		overflow-y: auto;

 	}

 	.header .menu>ul>li .sub-menu.active {

 		display: block;

 	}

 	@keyframes slideLeft {

 		0% {

 			opacity: 0;

 			transform: translateX(100%);

 		}

 		100% {

 			opacity: 1;

 			transform: translateX(0%);

 		}

 	}

 	@keyframes slideRight {

 		0% {

 			opacity: 1;

 			transform: translateX(0%);

 		}

 		100% {

 			opacity: 0;

 			transform: translateX(100%);

 		}

 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item img {

 		margin-top: 0;

 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center .title {

 		margin-bottom: 20px;

 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item.text-center:last-child .title {

 		margin-bottom: 0px;

 	}

 	.header .menu>ul>li .sub-menu.mega-menu-column-4>.list-item {

 		flex: 0 0 100%;

 		padding: 0px;

 	}

 	.header .menu>ul>li .sub-menu>li>a,

 	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul>li>a {

 		display: block;

 	}

 	.header .menu>ul>li .sub-menu.mega-menu>.list-item>ul {

 		margin-bottom: 15px;

 	}

 	.menu-overlay {

 		position: fixed;

 		background-color: rgba(0, 0, 0, 0.5);

 		left: 0;

 		top: 0;

 		width: 100%;

 		height: 100%;

 		z-index: 1098;

 		visibility: hidden;

 		opacity: 0;

 		transition: all 0.5s ease;

 	}

 	.menu-overlay.active {

 		visibility: visible;

 		opacity: 1;

 	}

 }