main { 
    padding-top: 0em !important;
}


  

 

/* button */
.bg-primary {
    background-color: var(--none) !important;
} 

/* text color */
.text-primary {
    color: var(--none) !important;
}


.workspacetype {
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px 28px;
    border-radius: 25px;
    border: 1px solid burlywood;
}

    .workspacetype:hover {
        background-color: var(--none) !important;
        color: #FFFFFF !important;
        border-color: var(--none) !important;
    }


/* title */
.title h2::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 50px;
    background-color: var(--none);
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
}

/* begin now */
#begin_now .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#begin_now .card {
    flex: 1 0 auto;
    margin: 10px;
    min-width: 200px;
}

/* our service */
.active-filter-btn {
    background-color: var(--none) !important;
    color: #FFFFFF !important;
    border-color: var(--none) !important;
}

.filter-button-group .btn:hover {
    color: #FFFFFF !important;
}

 


/* about us */
#about_us .empowering-business-to-thrive-title,
#about_us .fostering-innovation-title {
    position: relative;
    display: inline-block;
    padding: .4rem 2rem;
    z-index: 1;
    box-sizing: border-box;
}

#about_us .empowering-business-to-thrive-title::after,
#about_us .fostering-innovation-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #9DB2BF;
    top: 0;
    left: 0;
    clip-path: polygon(100% 0, 93% 50%, 100% 99%, 0% 100%, 7% 50%, 0% 0%);
    z-index: -1;
    box-sizing: border-box;
}

#about_us .text-right {
    text-align: right;
}

/* why select us */
#why_select_us .affordability-title,
#why_select_us .innovative-service-title {
    position: relative;
    display: inline-block;
    padding: .4rem 2rem;
    z-index: 1;
    box-sizing: border-box;
}

#why_select_us .affordability-title::after,
#why_select_us .innovative-service-title::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #9DB2BF;
    top: 0;
    left: 0;
    clip-path: polygon(100% 0, 93% 50%, 100% 99%, 0% 100%, 7% 50%, 0% 0%);
    z-index: -1;
    box-sizing: border-box;
}

#why_select_us .text-right {
    text-align: right;
}

#why_select_us {
    background-color: #DDE6ED;
}



.descriptInfo{
    padding: 2em;
} 




 

@media(max-width: 990px) {
    #our_service {
        /*display: none;*/
    }
}

@media(max-width: 990px) {
    .mobile-bar {
        background-color: #F8F9FA;
        padding: 10px 0;
        position: relative;
        z-index: 1; 
    }

    .mobile-bar .btn {
        width: auto;
        font-size: 14px;
        margin: 0 4px;
    }

    .mobile-bar .btn i {
        margin-bottom: 6px;
    }
}


@media(max-width: 767.98px) {

    .descriptInfo {
        padding: 0em;
    }
}









.menu-container {
    max-width: 1200px;
    margin: 50px auto;
    padding: 20px;
}

.menu-column {
    display: flex;
    flex-wrap: wrap;
    /* Adjust the gap as needed */
}

.menu-item {
    flex: 1 0 calc(25% - 20px); /* Adjust the width and margin as needed */
    max-width: calc(25% - 20px); /* Limit maximum width to maintain 4 columns */
    transition: transform 0.3s ease-in-out;
    margin: 0 10px 20px 0; /* Adjust the margin as needed */
}

    .menu-item img {
        width: 100%;
        height: auto;
        border-radius: 5px 5px 0 0;
    }

.menu-item-content {
    padding: 20px;
}

.menu-filter {
    text-align: center;
    margin-bottom: 30px;
}

    .menu-filter button {
        background-color: #FFFFFF;
        color: #000000;
        padding: 10px 28px;
        border-radius: 25px;
        border: 1px solid;
    }

        .menu-filter button:hover {
            background-color: var(--none) !important;
            color: #FFFFFF !important;
            border-color: var(--none) !important;
        }