.elementor-10544 .elementor-element.elementor-element-4cd0f1b4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:5px 5px 5px 5px;box-shadow:0px 0px 10px 0px rgba(137.6716735839844, 136.17524234937585, 136.17524234937585, 0.5);}.elementor-10544 .elementor-element.elementor-element-4cd0f1b4:not(.elementor-motion-effects-element-type-background), .elementor-10544 .elementor-element.elementor-element-4cd0f1b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for container, class: .elementor-element-4cd0f1b4 *//* ========================= MEGA MENU WRAPPER ========================= */ .mega-menu-v2 { width: 100%; background: #fff; padding: 20px 35px; } /* ========================= GRID LAYOUT (DESKTOP) ========================= */ .mega-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } .mega-col { width: 100%; } /* ========================= MENU GROUP ========================= */ .menu-group { margin-bottom: 20px; } /* TITLE STYLE */ .menu-heading { font-weight: 700; font-size: 14px; text-transform: uppercase; margin-bottom: 8px; position: relative; padding-left: 14px; } /* BULLET */ .menu-heading:before { content: ""; width: 6px; height: 6px; background: #333; position: absolute; left: 0; top: 6px; } /* ========================= LIST STYLE (COMPACT) ========================= */ .menu-group ul { list-style: none; padding: 0; margin: 0; } .menu-group ul li { margin-bottom: 2px; /* very tight spacing */ } .menu-group ul li a { text-decoration: none; color: #333; font-size: 14px; line-height: 1.3; transition: 0.2s ease; } .menu-group ul li a:hover { color: #1b3a2f; } /* ========================= TABLET ========================= */ @media (max-width: 1024px) { .mega-row { grid-template-columns: repeat(2, 1fr); gap: 30px; } .mega-menu-v2 { padding: 20px 25px; } } /* ========================= MOBILE (STRICT 1 COLUMN) ========================= */ @media (max-width: 768px) { .mega-row { grid-template-columns: 1fr; /* FORCE single column */ gap: 15px; } .mega-menu-v2 { padding: 15px 18px; } .menu-heading { font-size: 13px; } .menu-group ul li a { font-size: 13px; } .menu-group { margin-bottom: 15px; } } .mega-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } /* TABLET */ @media (max-width: 1024px) { .mega-row { grid-template-columns: repeat(2, 1fr); gap: 30px; } } /* MOBILE — FORCE SINGLE COLUMN */ @media (max-width: 768px) { .mega-menu-v2 .mega-row { display: grid !important; grid-template-columns: 1fr !important; gap: 15px !important; } .mega-menu-v2 .mega-col { width: 100% !important; } }/* End custom CSS */