:root {
			/*
			 * فاصله مگامنو از پایین همان لینک منویی که هاور می‌شود.
			 * مقدار مثبت = پایین‌تر، مقدار منفی = بالاتر.
			 */
			--gramm-margin-top: 10px;
			--gramm-top: 80px;
			--gramm-white: #f7f7fa;
			--gramm-muted: #babcc5;
		}

		.gr-about-mega-menu {
			position: static !important;
		}

		.gramm-wrap {
			position: fixed;
			z-index: 999999;
			top: var(--gramm-top);
			right: 0;
			left: 0;
			width: 100vw;
			margin-top: var(--gramm-margin-top);
			padding:
				0
				clamp(
					32px,
					5.1vw,
					98px
				);
			overflow: visible;
			visibility: hidden;
			opacity: 0;
			pointer-events: none;
			color: var(--gramm-white);
			background:
				rgba(2, 0, 31, .88);
			border: 0 !important;
			border-top:
				1px solid
				rgba(255, 255, 255, .05);
			box-shadow:
				0 30px 70px
				rgba(0, 0, 0, .56);
			backdrop-filter:
				blur(18px)
				saturate(108%);
			-webkit-backdrop-filter:
				blur(18px)
				saturate(108%);
			transform: translateZ(0);
			-webkit-transform:
				translateZ(0);
			will-change:
				opacity,
				backdrop-filter;
			transition: none !important;
		}

		.gramm-wrap::before {
			position: absolute;
			z-index: 2;
			right: 0;
			bottom: 100%;
			left: 0;
			display: block;
			width: 100%;
			height: 30px;
			content: "";
			background: transparent;
			pointer-events: auto;
		}

		.gr-about-mega-menu.gramm-open
		> .gramm-wrap {
			visibility: visible;
			opacity: 1;
			pointer-events: auto;
		}

		.gramm-wrap,
		.gramm-wrap a,
		.gramm-wrap span,
		.gramm-wrap h3 {
			font-family:
				"Vazirmatn",
				"IRANSansX",
				"IRANS",
				"Yekan Bakh",
				Tahoma,
				sans-serif !important;
		}

		.gramm-mega {
			direction: rtl;
			width: 100%;
			max-width: 1720px;
			margin: 0 auto;
			padding: 38px 0 50px;
		}

		.gramm-grid {
			display: grid;
			grid-template-columns:
				repeat(3, 250px);
			justify-content: start;
			gap: 70px;
		}

		.gramm-section {
			min-width: 0;
			padding: 0;
			border: 0;
		}

		.gramm-section-title {
			margin: 0 0 20px;
			padding: 0;
			color: var(--gramm-white);
			font-size: 17px;
			font-weight: 650;
			line-height: 1.5;
		}

		.gramm-section-title::before,
		.gramm-section-title::after {
			display: none !important;
			content: none !important;
		}

		.gramm-links {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 6px;
		}

		.gramm-link,
		.gramm-link:hover {
			display: inline-flex;
			align-items: center;
			width: auto;
			min-height: 37px;
			padding: 6px 0;
			border: 0 !important;
			border-radius: 0;
			color: #e8e8ed !important;
			background: transparent !important;
			font-size: 14px;
			font-weight: 400;
			line-height: 1.5;
			text-decoration: none !important;
			box-shadow: none !important;
			transform: none !important;
			transition:
				color .15s ease,
				transform .15s ease;
		}

		.gramm-link:hover,
		.gramm-link:focus-visible {
			color: #fff !important;
			outline: 0;
			transform:
				translateX(-4px) !important;
		}

		.gramm-link-title {
			position: relative;
			display: inline-block;
		}

		.gramm-link-title::after {
			position: absolute;
			right: 0;
			bottom: -3px;
			width: 0;
			height: 1px;
			content: "";
			background: #fff;
			transition: width .18s ease;
		}

		.gramm-link:hover
		.gramm-link-title::after,
		.gramm-link:focus-visible
		.gramm-link-title::after {
			width: 100%;
		}

		@media (max-width: 1180px) {
			.gramm-wrap {
				padding-right: 34px;
				padding-left: 34px;
			}

			.gramm-mega {
				max-width: 100%;
			}

			.gramm-grid {
				grid-template-columns:
					repeat(3, 220px);
				gap: 45px;
			}

			.gramm-section-title {
				font-size: 16px;
			}

			.gramm-link,
			.gramm-link:hover {
				font-size: 13px;
			}
		}

		/* حالت موبایل */
		@media (max-width: 1024px) {
			.gr-about-mega-menu {
				position: relative !important;
			}

			.gramm-wrap {
				position: static !important;
				z-index: auto !important;
				top: auto !important;
				right: auto !important;
				left: auto !important;
				display: none !important;
				width: 100% !important;
				max-width: 100% !important;
				margin: 0 !important;
				padding: 0 20px !important;
				overflow: hidden;
				visibility: hidden;
				opacity: 0;
				pointer-events: none;
				transform: none !important;
				-webkit-transform: none !important;
				will-change: auto;
			}

			.gr-about-mega-menu.gramm-open
			> .gramm-wrap {
				display: block !important;
				visibility: visible;
				opacity: 1;
				pointer-events: auto;
			}

			.gramm-wrap::before {
				display: none !important;
				content: none !important;
			}

			.gramm-mega {
				width: 100%;
				max-width: none;
				margin: 0;
				padding: 20px 0 24px;
			}

			.gramm-grid {
				display: grid;
				grid-template-columns: 1fr;
				justify-content: stretch;
				gap: 20px;
				width: 100%;
			}

			.gramm-section {
				width: 100%;
			}

			.gramm-section-title {
				margin-bottom: 10px;
				font-size: 15px;
			}

			.gramm-links {
				width: 100%;
			}

			.gramm-link,
			.gramm-link:hover {
				font-size: 13px;
			}
		}