.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: 26px;
    flex-direction: column;
}

      .top_menu p {
    font-size: 12px;
    color: #fff;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.topmain_section {

    padding: 7px 0px !important;
}

        .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: 0px;  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; }

    

        }