/**
 * Theme Name:     Divi Child
 * Author:         Elegant Themes
 * Template:       Divi
 * Text Domain:	   divi-child
 * Description:    Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
 */


/*********************
	Mega Menu Style
**********************/

@media (min-width: 980px){
	.j__bird-bnr{
		position: relative;
		z-index: 0;
	}
	.main__hdr .mega-menu .sub-menu{
		z-index: 999;
	}
	.main__hdr li.mega-menu > .sub-menu {
		display: none;
	}
	.main__hdr li.mega-menu:hover > .sub-menu {
		display: block;
	}
	.main__hdr .mega-menu .sub-menu > li{
		width: 100%;
		display: flex !important;
		flex-wrap: wrap;
		justify-content: left;
		border: none;
		position: static !important;
	}
	.main__hdr .mega-menu > .sub-menu{
		min-height: 500px;
		padding-inline: 0 !important;
	}
	.main__hdr .mega-menu > .sub-menu > li > .sub-menu{
		width: 75% !important;
		display: none;
		flex-wrap: wrap;
		flex: 1;
		justify-content: left;
		padding-inline: 30px;
		gap: 20px;
		position: absolute;
		top: 0;
		left: 25%;
		z-index: 999;
		padding-bottom: 30px;
	}
	.main__hdr .mega-menu > .sub-menu > li > .sub-menu:before{
		content: "";
		width: 1px;
		height: calc(100% - 30px);
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
	}

	.main__hdr .et-menu .mega-menu > .sub-menu > li.active__sub-menu > .sub-menu,
	.main__hdr .mega-menu > .sub-menu > li:hover > .sub-menu{
		display: flex;
	}

	.main__hdr .et-menu .mega-menu > .sub-menu > li > a{
		width: 25% !important;
		text-align: left;
		padding-block: 7px !important;
	}
	.main__hdr .mega-menu > .sub-menu > li > .sub-menu > li{
		width: calc(100% / 3 - 14px);
	}
	.main__hdr .mega-menu > .sub-menu > li > .sub-menu > li a{
		padding-inline: 0 !important;
	}
	.main__hdr .mega-menu .sub-menu > li > a{
		width: 100% !important;
		text-align: center;
		font-weight: 600;
		line-height: 1.5;
	}
	.mega-menu .second-level ul.sub-menu>li>a::before{
		width: 100% !important;
		height: 200px !important;
		border-radius: 6px;
	}
	.main__hdr .et-menu .mega-menu > .sub-menu > li > a{
		display: block;
	}
	.main__hdr .et-menu .mega-menu > .sub-menu > li > a:before{
		content: "";
		width: 8px;
		height: 16px;
		background: url("/wp-content/uploads/2025/12/arrow-right-white.webp");
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 9px;
		right: 40px;
		opacity: 0;
		transition: all 0.3s ease 0s;
	}
	.main__hdr .et-menu .mega-menu > .sub-menu > li.active__sub-menu > a:before,
	.main__hdr .et-menu .mega-menu > .sub-menu > li:hover > a:before{
		right: 15px;
		opacity: 1;
	}
}

/*************************
	Mega Menu Style End
*************************/