/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

		
		@media (min-width: 992px) {
			.block-mega-menu-4 .mega-menu-content {
				--bg-light-2: #fbf9f1;
				background: #FFF;
				background: linear-gradient(to right, #FFF 66.666667%, var(--bg-light-2) 66.666667%, var(--bg-light-2) 100%);
			}

			.block-mega-menu-4 .bg-light-2 {
				background-color: var(--bg-light-2) !important;
			}

			.block-mega-menu-4 .mega-menu-column {
				max-height: calc(100vh - 101px);
				overflow: auto;
			}

			.block-mega-menu-4 .hover-opacity .feature-box {
				transition: opacity .2s ease;
				will-change: opacity;
			}

			.block-mega-menu-4 .hover-opacity:hover .feature-box:not(:hover) {
				opacity: .3;
			}

			.block-mega-menu-4 .mega-menu-column .feature-box::before {
				content: "";
				opacity: 0;
				position: absolute;
				background-color: #52ADA2;
				width: 100%;
				top: -20px;
				left: -20px;
				border-radius: 2px;
				height: calc(100% + 40px);
				width: calc(100% + 40px);
				transform: scale(.875);
				transition: transform .2s linear;
			}

			.block-mega-menu-4 .mega-menu-column .feature-box:hover::before {
				opacity: .06;
				transform: scale(0.95);
			}
		}

		.block-mega-menu-4 .mega-menu-column .feature-box .fbox-content { padding-right: 0; }

		.block-mega-menu-4 .mega-menu-column .feature-box > i {
			line-height: 1.25;
			font-size: 18px;
		}

		.block-mega-menu-4 .mega-menu-column .feature-box h5 { transition: color .15s linear; }

		/* Color Primary */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-primary > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-primary:hover h5 {
			color: var(--bs-primary);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-primary::before {
			background-color: var(--bs-primary);
		}

		/* Color Info */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-info > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-info:hover h5 {
			color: var(--bs-info);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-info::before {
			background-color: var(--bs-info);
		}

		/* Color warning */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-warning > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-warning:hover h5 {
			color: var(--bs-warning);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-warning::before {
			background-color: var(--bs-warning);
		}

		/* Color danger */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-danger > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-danger:hover h5 {
			color: var(--bs-danger);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-danger::before {
			background-color: var(--bs-danger);
		}

		/* Color success */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-success > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-success:hover h5 {
			color: var(--bs-success);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-success::before {
			background-color: var(--bs-success);
		}

		/* Color orange */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-orange > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-orange:hover h5 {
			color: var(--bs-orange);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-orange::before {
			background-color: var(--bs-orange);
		}

		/* Color pink */
		.block-mega-menu-4 .mega-menu-column .feature-box.card-pink > i,
		.block-mega-menu-4 .mega-menu-column .feature-box.card-pink:hover h5 {
			color: var(--bs-pink);
		}
		.block-mega-menu-4 .mega-menu-column .feature-box.card-pink::before {
			background-color: var(--bs-pink);
		}