.menu-icon {
           width: 30px;
    height: auto;
    position: relative;
    cursor: pointer;
    z-index: 100;
        }
        
        .menu-icon span {
            display: block;
            position: absolute;
            height: 4px;
            width: 100%;
            background: #fff;
            border-radius: 3px;
            opacity: 1;
            left: 0;
            transform: rotate(0deg);
            transition: all 0.3s ease;
        }
        
        .menu-icon span:nth-child(1) {
            top: 0px;
        }
        
        .menu-icon span:nth-child(2) {
            top: 10px;
        }
        
        .menu-icon span:nth-child(3) {
            top: 20px;
        }
        
       /* .menu-container { display: flex; align-items: center;} */
       .top_menu{display: flex; gap: 15px;}
       .top_menu p{ font-size: 12px; color: #fff; margin-bottom: 0px;}
        
        .menu-content {
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #fff;
            border-radius: 0px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
            width: 100%;
            padding: 0px 0;
            transform: translateY(-10px);
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 9;
        }
        
        .menu-content.open {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
        }
        
        .menu-content ul {
            list-style: none;
        }
        
        .menu-content li {
            padding: 12px 20px;
            transition: background-color 0.2s;
        }
        
        /* .menu-content li:hover {
            background-color: #f5f5f5;
        }
         */
        .menu-content a {
            text-decoration: none;
            color: #333;
            display: block;
            font-weight: 500;
        }
div#v-pills-tabContent { background: #F2F3F7;border-left: solid 1px #d5d6db; min-height: 348px;width: 70%;background-image: linear-gradient(to right, rgb(242, 243, 247) 40%, rgba(242, 243, 247, 0.5)), url(../images/home/about-background1.jpg);}
        .smart_homesoluction{}
       .smart_homesoluction ul {column-count: 2; padding: 0;  margin-left: 20px; column-gap: 20px; /* Add gap between columns */}
.smart_homesoluction li { break-inside: avoid; margin-bottom: 20px;  width: 100%;}
        .smart_homesoluction li a{color: #242424; font-size: 20px; font-weight: 600;}
        .smart_homesoluction li a span{ background: #EFFFFD; border: solid 1px #239F8E; border-radius: 15px; color: #239F8E; font-size: 11px; font-weight: 500; padding: 1px 8px;}
        .smart_homesoluction li p{color: #73738C; font-size: 16px; font-weight: 400; margin: 0;}
        .my_navepil{width: 30%;}
        .my_navepil button{border-bottom: solid 1px #d5d6db;color: #242424; font-size: 20px; font-weight: 600; text-align: left; padding: 20px; border-radius: 0 !important;}
        .my_navepil button:hover{color: #242424!important;}
        .my_navepil button.active{background-color: #F2F3F7!important;color: #242424!important;}
        .my_navepil button:last-child{ border-bottom: solid 0px #d5d6db;}


        @media (max-width: 767px) {
    .menu-container {display: none !important; }
    
        }