.elementor-2695 .elementor-element.elementor-element-9a85ca6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-2695 .elementor-element.elementor-element-cf1beee{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-2695 .elementor-element.elementor-element-2837963{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 048px 0px;text-align:left;}.elementor-2695 .elementor-element.elementor-element-2837963 img{border-radius:12px 12px 12px 12px;}.elementor-2695 .elementor-element.elementor-element-6cfa376{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-2695 .elementor-element.elementor-element-795f9e1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 30px 0px;}.elementor-2695 .elementor-element.elementor-element-763da00e{--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;--overlay-opacity:0.5;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:104px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-2695 .elementor-element.elementor-element-763da00e::before, .elementor-2695 .elementor-element.elementor-element-763da00e > .elementor-background-video-container::before, .elementor-2695 .elementor-element.elementor-element-763da00e > .e-con-inner > .elementor-background-video-container::before, .elementor-2695 .elementor-element.elementor-element-763da00e > .elementor-background-slideshow::before, .elementor-2695 .elementor-element.elementor-element-763da00e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2695 .elementor-element.elementor-element-763da00e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-2695 .elementor-element.elementor-element-68dc8491{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-2695 .elementor-element.elementor-element-68dc8491 .elementor-menu-toggle{margin:0 auto;}.elementor-2695 .elementor-element.elementor-element-68dc8491 .elementor-nav-menu .elementor-item{font-weight:500;}.elementor-2695 .elementor-element.elementor-element-68dc8491 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2695 .elementor-element.elementor-element-68dc8491 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2695 .elementor-element.elementor-element-68dc8491 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2695 .elementor-element.elementor-element-68dc8491 .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2695 .elementor-element.elementor-element-4ce347ab{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );--nav-menu-icon-size:79px;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-menu-toggle{margin:0 auto;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu .elementor-item{font-weight:500;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu--main .elementor-item{padding-left:22px;padding-right:22px;padding-top:10px;padding-bottom:10px;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .elementor-item:before{border-radius:0px;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:0px 0px 0 0;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 0px 0px;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 0px 0px 0;}.elementor-2695 .elementor-element.elementor-element-4ce347ab .e--animation-shutter-in-vertical .elementor-item:after{border-radius:0px 0 0 0px;}.elementor-2695 .elementor-element.elementor-element-4ce347ab div.elementor-menu-toggle{color:#DB3535;}.elementor-2695 .elementor-element.elementor-element-4ce347ab div.elementor-menu-toggle svg{fill:#DB3535;}@media(min-width:768px){.elementor-2695 .elementor-element.elementor-element-cf1beee{--width:66.67%;}.elementor-2695 .elementor-element.elementor-element-763da00e{--width:33.33%;}}@media(max-width:1024px) and (min-width:768px){.elementor-2695 .elementor-element.elementor-element-cf1beee{--width:100%;}.elementor-2695 .elementor-element.elementor-element-763da00e{--width:100%;}}@media(max-width:1024px){.elementor-2695 .elementor-element.elementor-element-9a85ca6{--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:80px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2695 .elementor-element.elementor-element-cf1beee{--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}.elementor-2695 .elementor-element.elementor-element-763da00e{--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:36px;}}@media(max-width:767px){.elementor-2695 .elementor-element.elementor-element-cf1beee{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}.elementor-2695 .elementor-element.elementor-element-763da00e{--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}}/* Start custom CSS for nav-menu, class: .elementor-element-4ce347ab */.transmitter-menu {
            background: rgba(255, 255, 255, 0.95);
            border-radius: 15px;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
            padding: 30px;
            width: 100%;
            max-width: 450px;
            position: relative;
            overflow: hidden;
        }
        
        .transmitter-menu:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 8px;
            background: linear-gradient(90deg, #3498db, #2ecc71);
        }
        
        .menu-header {
            text-align: center;
            margin-bottom: 30px;
            position: relative;
            z-index: 2;
        }
        
        .menu-title {
            font-size: 42px;
            font-weight: 800;
            margin-bottom: 5px;
            background: linear-gradient(45deg, #2c3e50, #1a237e);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            letter-spacing: 1px;
        }
        
        .menu-subtitle {
            font-size: 22px;
            font-weight: 600;
            color: #3498db;
            margin-top: 15px;
            text-transform: uppercase;
            letter-spacing: 2px;
        }
        
        /* Elementor menu styling */
        .elementor-nav-menu {
            list-style: none;
            padding: 0;
        }
        
        .elementor-item {
            position: relative;
            padding: 16px 20px;
            margin-bottom: 15px;
            background: #f8f9fa;
            border-radius: 10px;
            border-left: 4px solid #3498db;
            transition: all 0.3s ease;
            cursor: pointer;
            display: block;
            font-weight: 600;
            text-transform: uppercase;
            color: #2c3e50;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
        }
        
        .elementor-nav-menu a {
            color: #2c3e50;
            font-weight: 600;
            text-transform: uppercase;
            padding: 10px 15px;
            display: block;
            text-decoration: none;
        }
        
        .elementor-item::after {
            content: "\f054";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #3498db;
            font-size: 14px;
        }
        
        .elementor-item:hover {
            background: #e3f2fd;
            transform: translateY(-3px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }
        
        .elementor-nav-menu a:hover {
            color: #3498db;
            background-color: transparent;
        }
        
        .elementor-item-active {
            color: #ffffff;
            background-color: #2980b9;
            border-left-color: #1a5276;
        }
        
        .elementor-item-active a {
            color: white;
        }
        
        .elementor-item-active::after {
            color: white;
        }
        
        .divider {
            height: 1px;
            background: linear-gradient(90deg, transparent, #ddd, transparent);
            margin: 15px 0;
        }
        
        .sub-item {
            position: relative;
            padding: 14px 20px 14px 40px;
            margin: 10px 0;
            background: #f1f8ff;
            border-radius: 8px;
            transition: all 0.3s ease;
            cursor: pointer;
            border-left: 3px solid #2ecc71;
            font-weight: 600;
            color: #2c3e50;
        }
        
        .sub-item::after {
            content: "\f054";
            font-family: "Font Awesome 6 Free";
            font-weight: 900;
            position: absolute;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            color: #2ecc71;
            font-size: 12px;
        }
        
        .sub-item:hover {
            background: #e1f5fe;
            transform: translateX(5px);
        }
        
        .highlight {
            color: #e74c3c;
            font-weight: 700;
        }
        
        .menu-footer {
            text-align: center;
            margin-top: 30px;
            color: #7f8c8d;
            font-size: 14px;
            padding-top: 15px;
            border-top: 1px dashed #ddd;
        }
        
        @media (max-width: 480px) {
            .transmitter-menu {
                padding: 20px;
            }
            
            .menu-title {
                font-size: 32px;
            }
            
            .menu-subtitle {
                font-size: 18px;
            }
            
            .elementor-item {
                padding: 14px 15px;
            }
        }
    </style>
</head>
<body>
    <div class="transmitter-menu">
        <div class="menu-header">
            <h1 class="menu-title">Transmitter</h1>
            <h2 class="menu-subtitle">Pressure Transmitter</h2>
        </div>
        
        <ul class="elementor-nav-menu">
            <li class="elementor-item">
                <a href="#">Differential Pressure Transmitter</a>
                <div class="divider"></div>
                <div class="sub-item">
                    <span>Temperature<span class="highlight">&</span>Humidity Transmitter</span>
                </div>
            </li>
            
            <li class="elementor-item">
                <a href="#">Environmental Transmitter</a>
                <div class="divider"></div>
                <div class="sub-item">
                    <span>Flowmeter</span>
                </div>
            </li>
            
            <li class="elementor-item elementor-item-active">
                <a href="#">Pressure Switch</a>
            </li>
        </ul>
        
        <div class="menu-footer">
            <p>Industrial Solutions &copy; 2023</p>
        </div>
    </div>
</body>
</html>/* End custom CSS */