.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;
}

        

        .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; }

    

        }
        
        
/*        .bg_blue {*/
   
/*    padding: 5px 0;*/
/*}*/
        
        
        
        
        
        
        
        
        
        
        
/*------Main Header--------*/

/*.container{ max-width: 1340px;}*/

.main_header {

    /*position: relative;*/

    background-color: #fff !important;

    /*height: 10px;*/

}



.main_header.sticky {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9;

     -webkit-animation: smoothScroll 1s forwards;

animation: smoothScroll 1s forwards; 

    box-shadow: var(--bs-box-shadow) !important;

    height: 190px;

}



@-webkit-keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



@keyframes smoothScroll {

    0% {

        -webkit-transform: translateY(-40px);

        transform: translateY(-40px);

    }



    100% {

        -webkit-transform: translateY(0px);

        transform: translateY(0px);

    }

}



.main_header .navbar-brand {



    margin-top: 0px;

    padding: 0px 10px 0;

    z-index: 0;

    -webkit-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

    display: flex;

}



.main_header .navbar-brand .logo-2 {

    display: none

}



.main_header.sticky .navbar-brand {

    padding: 5px 10px 0;

    background-color: inherit;

    z-index: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: all 500ms ease-in-out;

    -o-transition: all 500ms ease-in-out;

    transition: all 500ms ease-in-out;

}



.main_header.sticky .navbar-brand .logo-1 {

    display: none

}



.main_header.sticky .navbar-brand .logo-2 {

    display: block

}



.main_header.sticky .navbar-brand::after {

    display: none;

}



.bg_blue {

    background: #00459E;

}



.topmain_section {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 4px 0px;

}



.top_left {

    display: flex;

    align-items: center;

}



.top_right {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

}



.sell_avamartmain {

    display: flex;

    gap: 5px;

    justify-content: space-between;

    align-items: center;

}



.sell_avamartmain img {

    width: auto;

}



.sell_avamartmain p {

    margin: 0px;

    color: #fff;

    font-size: 12px;

    font-weight: 700;

}



.sell_avamartmain p span {

    color: #FFCC4B;

}



.link_button {

    gap: 20px;

    display: flex;

}



.link_button a {

    color: #00459E;

    font-size: 12px;

    font-weight: 700;

    background: #fff;

    border-radius: 30px;

    padding: 8px 16px;

}



.google_tral {

    position: relative;

}

.header_mid_mainsection {

    border-bottom: solid 1px rgba(0, 0, 0, 0.1);

}