@media only screen and (min-width: 801px) {
			.hide-on-desktop {
				display: none !important;
			}
		}
		#tm-row-metro-essentials{
			min-height: unset;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
			/*background-image: url('../images/metro-essentials-desktop.jpg');*/
        }
		#tm-row-metro-essentials .scroll-down-arr{
			
			bottom: 15px;
		}
        
		#tm-row-metro-essentials .metro-essential-banner-image{
			display: block;
			width: 100%;
			object-fit: cover;
			margin: 0;
			padding: 0;
		}
		#tm-row-metro-essentials .cmps_column-inner {
			padding: 0 !important;
		}
		#tm-row-metro-essentials.no-hero-section{
			min-height: 80px;
			background-image: none;
		}
		#tm-row-metro-essentials .no-title-heading{
			display: none;
		}
		#tm-row-metro-essentials-content{
			padding-top: 50px !important;
			padding-bottom: 50px !important;
		}
		
		/* Page Content Background */
		#page-content {
			background-color: #b8d4e3;
		}
		
		/* Metro Essentials Grid Styles */
		.metro-essentials-intro {
			text-align: center;
			margin-bottom: 40px;
			color: #333;
			font-size: 24px;
			font-family: 'Noto Sans', sans-serif;
			font-weight: 400;
		}
		
		.metro-essentials-grid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 20px;
			max-width: 800px;
			margin: 0 auto;
			padding: 0 20px;
		}
		
		.metro-essential-card {
			background: #ffffff;
			border-radius: 12px;
			padding: 30px 20px;
			text-align: center;
			border: 1px solid #e9ecef;
			transition: all 0.3s ease;
			cursor: pointer;
			text-decoration: none;
			color: inherit;
			min-height: 120px;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		
		.metro-essential-card:hover {
			transform: translateY(-2px);
			border-color: #0066b3;
			text-decoration: none;
			color: inherit;
		}
		
		.metro-essential-card h3 {
			font-family: 'Noto Sans', sans-serif;
			font-size: 18px;
			font-weight: 700;
			color: #333;
			margin: 0 0 15px 0;
		}
		
		.metro-card-logo {
			width: 57%;
			height: auto;
			max-height: 40px;
			margin: 15px auto 15px auto;
			display: block;
		}
		
		.metro-shop-btn {
			background: #f39c12;
			color: #ffffff;
			padding: 8px 20px;
			border-radius: 6px;
			font-family: 'Noto Sans', sans-serif;
			font-size: 14px;
			font-weight: 700;
			text-transform: uppercase;
			border: none;
			cursor: pointer;
			transition: background 0.3s ease;
			display: inline-block;
			text-decoration: none;
		}
		
		.metro-shop-btn:hover {
			background: #e67e22;
			text-decoration: none;
			color: #ffffff;
		}
		
		.metro-disclaimer {
			text-align: center;
			margin-top: 30px;
			font-size: 12px;
			color: #555;
			font-family: 'Noto Sans', sans-serif;
			line-height: 1.4;
		}
		@media(max-width:800px){
			
			#tm-row-metro-essentials.no-hero-section{
				min-height: 75px;
			}
			.hide-on-mobile {
				display: none !important;
			}
		}
		@media (max-width: 600px) {
			.metro-essentials-grid {
				grid-template-columns: 1fr;
				gap: 15px;
				padding: 0 15px;
			}
			
			.metro-essential-card {
				padding: 25px 15px;
				min-height: 100px;
			}
			
			.metro-essential-card h3 {
				font-size: 16px;
			}
			
			.metro-essentials-intro {
				font-size: 16px;
				margin-bottom: 30px;
			}
		}
		#page.site{
			position: relative;
		}
		/* #page-footer-wrapper.metro-essential-footer{
			position: absolute;
			left:0;
			bottom:0;
			right: 0;
			z-index: 30;
		} */