/* myheader */
.myheader {
	background-color: #fff;
}

	.myheader .container {
		padding: 10px 0px;
		max-width: 95%;
	}

		.myheader .container .row {
			align-items: center;
		}

	.myheader .item-left {
		flex: 0 0 15%;
	}

	.myheader .logo img {
		width: 100%
	}

	.myheader .item-center {
		flex: 0 0 65%;
	}

	.myheader .item-right {
		flex: 0 0 20%;
		display: flex;
		justify-content: flex-end;
	}

		.myheader .item-right a {
			text-decoration: none;
			font-size: 15px;
			color: #555555;
			display: inline-block;
			margin-left: 10px;
			transition: color 0.3s ease;
		}

	.myheader .menu > ul {
		margin: 0px; padding-left:20px;
	}

		.myheader .menu > ul > li {
			display: inline-block;
			line-height: 50px;
			margin-left: 15px;
		}

			.myheader .menu > ul > li > a {
				font-size: 16px;
				font-weight: 400;
				letter-spacing: -0.5px;
				color: #000;
				position: relative;
				text-transform: capitalize;
				transition: color 0.3s ease;
			}

			.myheader .menu > ul > li .sub-menu {
				position: absolute;
				z-index: 500;
				background-color: #fff;
				box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
				padding: 15px;
				transition: all 0s ease;
				margin-top: 25px;
				opacity: 0;
				visibility: hidden;
				border-top: 2px #5943a3 solid;
			}

				.myheader .menu > ul > li .sub-menu > ul > li .sub-menu1 {
					position: absolute;
					z-index: 500;
					background-color: #fff;
					box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
					padding: 15px;
					transition: all 0s ease;
					margin-top: 25px;
					opacity: 0;
					visibility: hidden;
					border-top: 2px #5943a3 solid;
					left: 270px;
					top: 0px;
				}

				.myheader .menu > ul > li .sub-menu ul {
					list-style: none;
					padding: 0px;
				}

					.myheader .menu > ul > li .sub-menu ul li ul {
						list-style: none;
						padding-left: 10px;
					}

					/* .myheader .menu > ul > li .sub-menu ul li{position:relative; padding-left:20px;line-height: normal;} */
					.myheader .menu > ul > li .sub-menu ul li {
						position: relative;
						line-height: normal;
					}
/* .myheader .menu > ul > li .sub-menu ul li a:before {content: "›"; position: absolute; margin-left: -15px; top: 4px; font-size: 20px; font-weight: 700;}
.myheader .menu > ul > li .sub-menu ul li h5:before{content: "⮟"; position: absolute; margin-left: -12px; top: 10px; font-size: 10px; font-weight: 700;} */


@media(min-width: 992px) {
	.myheader .menu > ul > li.menu-item-has-children:hover .sub-menu {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
		padding: 20px 10px;
		border-radius:10px;
	}
}

@media(min-width: 992px) {
	.myheader .menu > ul > li .sub-menu > ul > li.menu-item-has-children:hover .sub-menu1 {
		margin-top: 0;
		visibility: visible;
		opacity: 1;
		padding: 20px 10px;
	}
}

.myheader .menu ul li .sub-menu ul li a {
	display: inline-block;
	padding: 8px 0;
	font-size: 14px;
	color: #000;
	transition: color 0.3s ease;
	text-decoration: none;
	text-transform: capitalize;
}

/*.myheader .menu ul li .sub-menu ul li ul li a {font-size: 12px; color: #555555;}*/
.myheader .menu ul li .sub-menu ul li h5 {display: inline-block; padding: 8px 0; font-size: 14px;	color: #000; font-weight: 400; text-transform: capitalize; margin: 0px;}
.myheader .menu > ul > li .single-column-menu {min-width: 280px; max-width: 400px;}
.myheader .menu > ul > li .sub-menu.mega-menu {left: 40%; transform: translateX(-50%);}

.myheader .menu > ul > li .sub-menu.mega-menu-column-3 {max-width: 750px; width: 100%; display: flex; flex-wrap: wrap;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item {flex: 0 0 33.33%; padding: 0 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item a {-webkit-transition: all 0s ease-in-out;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item a:hover {
filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0s ease-in-out;}



.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item .title {font-size: 13px; color: var(--White); font-weight: 500; line-height: 16px;
    padding: 8px 5px; margin: 0px; background: #525fe1; min-height: 40px; display: flex; flex-direction: column; 
	justify-content: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item .title  span{font-size: 13px;}

.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item.text-center .title {text-align: center;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item img {max-width: 100%; width: 100%; 
vertical-align: middle; height: 165px; object-fit: cover; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.myheader .menu ul li .sub-menu ul li a:hover, .myheader .item-right a:hover, .myheader .menu > ul > li:hover > a {	color: #f86f03;}





.myheader .menu > ul > li .sub-menu.mega-menu-column-4 {max-width: 1100px; width: 100%; display: flex; flex-wrap: wrap;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {flex: 0 0 25%; padding: 0 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item a {-webkit-transition: all 0s ease-in-out;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item a:hover {
filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0s ease-in-out;}

.myheader .menu > ul > li .sub-menu.mega-menu-column-4-1 {max-width: 955px; width: 100%;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4-2 {max-width: 955px; width: 100%;}

.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box {
	flex: 0 0 50%; display:flex; -webkit-transition: all 0s ease-in-out;
}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box:hover {
filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0s ease-in-out;
}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-left{width: 50%; 
background: #525fe1; color: var(--White); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box 
.mega-menu-list-left img{border-top-right-radius: 0px;}

.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-left h4{display:block;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-left h4 i{padding-left: 35px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-right{width: 50%; padding: 10px;
text-align: left; background: #525fe1; color: var(--White); border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-right a{display: block; 
line-height: 20px; margin-bottom: 15px; font-size:14px; color: var(--White);}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-right a:hover{width: max-content; -webkit-filter: grayscale(0); border-bottom: 1px #fff solid;}

@media(max-width: 770px) {
	.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box 
	.mega-menu-list-left{border-bottom-left-radius: 0px;}
	.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box 
	.mega-menu-list-left img{border-top-right-radius: 10px;}
	.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box 
	.mega-menu-list-right{border-top-right-radius: 0px; border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px; margin-top: -1px;}
}

.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-5 > .list-item {flex: 0 0 20%; padding: 0 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-5 > .list-item a {-webkit-transition: all 0s ease-in-out;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-5 > .list-item a:hover {
filter: gray; -webkit-filter: grayscale(1); -webkit-transition: all 0s ease-in-out;}

/*.myheader .menu > ul > li .sub-menu.mega-menu-all.mega-menu-column-4 > .list-item:nth-child(1) {flex: 0 0 20%;}
.myheader .menu > ul > li .sub-menu.mega-menu-all.mega-menu-column-4 > .list-item:nth-child(2) {flex: 0 0 20%;}
.myheader .menu > ul > li .sub-menu.mega-menu-all.mega-menu-column-4 > .list-item:nth-child(3) {flex: 0 0 30%;}
.myheader .menu > ul > li .sub-menu.mega-menu-all.mega-menu-column-4 > .list-item:nth-child(4) {flex: 0 0 30%;}*/

.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-5 > .list-item .mega-menu-list-all{margin-top: 15px; margin-left: 10px; text-align: left;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-5 > .list-item .mega-menu-list-all a{display: block; line-height: 20px; 
margin-top: 5px; color: #000; font-size:14px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-5 > .list-item .mega-menu-list-all a:hover{ -webkit-filter: grayscale(0); color:#ea4636 !important;}

.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title {font-size: 13px; color: var(--White); font-weight: 500; line-height: 16px;
    padding: 8px 5px; margin: 0px; background: #525fe1; min-height: 40px; display: flex; flex-direction: column; 
	justify-content: center; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item .title  span{font-size: 13px;}

.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {text-align: center;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {max-width: 100%; width: 100%; 
vertical-align: middle; height: 165px; object-fit: cover; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.myheader .menu ul li .sub-menu ul li a:hover, .myheader .item-right a:hover, .myheader .menu > ul > li:hover > a {	color: #f86f03;}


	/* banner section */
	.banner-section {
		/*background-image: url('../img/banner.jpg');*/
		background-size: cover;
		background-position: center;
		height: 700px;
		width: 100%;
		display: block;
	}

	.mobile-menu-head,
	.mobile-menu-trigger {
		display: none;
	}
.HeadingSubMenuAll{display: block; line-height: 20px; margin-top: 5px; color: #000; font-size: 14px;}
.HeadingSubMenuAll:hover{-webkit-filter: grayscale(0) !important; color: #ea4636 !important;}


/*responsive*/
@media(max-width: 991px) {
	.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box {
			flex-direction: column;
		}

			.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-left,
			.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-right {
				width: 100%;
			}

				.myheader .menu > ul > li .sub-menu.mega-menu-column-4.mega-menu-column-4-2 > .list-item.mega-menu-box .mega-menu-list-left h4 i {
					transform: rotate(90deg);
					padding-left: 0px;
					padding-bottom: 3px;
				}

		.myheader .item-center {
			order: 3;
			flex: 0 0 100%;
		}

		.myheader .item-left, .myheader .item-right {
			flex: 0 0 35%;
		}

		.v-center {
			justify-content: space-between;
		}

		.myheader .mobile-menu-trigger {
			display: flex;
			height: 30px;
			width: 25px;
			margin-left: 15px;
			cursor: pointer;
			align-items: center;
			justify-content: center;
		}

			.myheader .mobile-menu-trigger span {
				display: block;
				height: 2px;
				background-color: #333333;
				width: 24px;
				position: relative;
			}

				.myheader .mobile-menu-trigger span:before, .myheader .mobile-menu-trigger span:after {
					content: '';
					position: absolute;
					left: 0;
					width: 100%;
					height: 100%;
					background-color: #333333;
				}

				.myheader .mobile-menu-trigger span:before {
					top: -6px;
				}

				.myheader .mobile-menu-trigger span:after {
					top: 6px;
				}

		.myheader .item-right {
			align-items: center;
			flex: 0 0 65%;
		}

			.myheader .item-right .menuButton {font-size: 11px; min-width: 50px; padding: 4px 7px; min-height:auto;}

		.myheader .menu {
			position: fixed;
			width: 320px;
			background-color: #ffffff;
			left: 0;
			top: 0;
			height: 100%;
			overflow: hidden;
			transform: translate(-100%);
			transition: all 0s ease;
			z-index: 1099;
		}

			.myheader .menu.active {
				transform: translate(0%);
			}

			.myheader .menu > ul > li {
				line-height: 1;
				margin: 0;
				display: block;
			}

				.myheader .menu > ul > li > a {
					line-height: 50px;
					height: 50px;
					padding: 0 50px 0 15px;
					display: block;
					border-bottom: 1px solid rgba(0,0,0,0.1);
				}

					.myheader .menu > ul > li > a i {
						position: absolute;
						height: 50px;
						width: 50px;
						top: 0;
						right: 0;
						text-align: center;
						line-height: 50px;
						transform: rotate(-90deg);
					}

			.myheader .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;
			}

				.myheader .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;
				}

				.myheader .menu .mobile-menu-head.active .go-back {
					display: block;
				}

				.myheader .menu .mobile-menu-head .current-menu-title {
					font-size: 15px;
					font-weight: 500;
					color: #000000;
				}

				.myheader .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;
				}

			.myheader .menu .menu-main {
				height: 100%;
				overflow-x: hidden;
				overflow-y: auto;
			}

			.myheader .menu > ul > li .sub-menu.mega-menu,
			.myheader .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;
			}

				.myheader .menu > ul > li .sub-menu.active {
					display: block;
				}

				.myheader .menu > ul > li .sub-menu > ul > li .sub-menu1 {
					visibility: visible;
					opacity: 1;
					position: absolute;
					box-shadow: none;
					margin: 0;
					padding: 0px;
					top: -25px;
					left: 0;
					width: 100%;
					height: 80vh;
					max-width: none;
					min-width: auto;
					display: none;
					transform: translateX(0%);
					overflow-y: auto;
					border: 0px;
				}

					.myheader .menu > ul > li .sub-menu > ul > li .sub-menu1.active {
						display: block;
					}

					.myheader .menu > ul > li .sub-menu > ul > li .sub-menu1 > ul {
						padding: 0px;
					}

			.myheader .menu ul li .sub-menu ul li ul li a {
				font-size: 14px;
			}

		@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%);
			}
		}

.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item img {margin-top: 0;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item.text-center .title {
	margin-bottom: 20px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item.text-center:last-child .title {
	margin-bottom: 0px;
}
.myheader .menu > ul > li .sub-menu.mega-menu-column-3 > .list-item {flex: 0 0 100%; padding: 0px;}


.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item img {margin-top: 0;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center .title {
	margin-bottom: 20px;}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item.text-center:last-child .title {
	margin-bottom: 0px;
}
.myheader .menu > ul > li .sub-menu.mega-menu-column-4 > .list-item {flex: 0 0 100%; padding: 0px;}

		.myheader .menu > ul > li .sub-menu > ul > li > a,
		.myheader .menu > ul > li .sub-menu.mega-menu > .list-item > ul > li > a {
			display: block;
		}

		.myheader .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 0s ease;
		}

			.menu-overlay.active {
				visibility: visible;
				opacity: 1;
			}
	}