.about_us_main_section{
    width: 100%;
    height: auto;
    padding-top: 120px;
    background-color: #F5F7FA;
}
.about_us_main_area{
    width: 95%;
    margin: auto;
    padding: 0px 0px 10px 0px;
}
.about_us_main_conteinar{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: left;
    
}
.about_us_header{
    padding: 20px 0px;
}
.about_us_header p a{
    text-decoration: none;
    color: #472B28;
}
.about_us_header p a:hover{
    color: #EF8800;
}
.about_us_main_menu{
    width: 24%;
    background-color: #fff;
    margin-right: 1%;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.About_us_main_details_conteinar{
    width: 75%;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.about_us_main_header_section{
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #eee;
}
.all_about_us_text_header{
    display: flex;
}
.all_about_us_text_header h3{
    padding: 10px;
    color: #472B28;
}
.all_about_us_text_header p{
    padding: 10px;
    color: #472B28;
}
.about_us_all_data_section{
    width: 100%;
    background-color: #fff;
    padding: 10px;
    /* box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; */
}

.about_us_main_groups h3{
    padding: 10px 0px 10px 10px;
    
}
.about_us_item_list{
    list-style: none;

}
.about_us_item_list a{
    text-decoration: none;
    color: #472B28;

}
.about_us_product_item{
    padding: 10px 10px;
    border-bottom: 1px dotted #EF8800;
}
.about_us_product_item:hover{
    background-color: #F5F7FA;
}
.btn_active{
    background-color: #EF8800;
    color: #ffff;
    transition: all 0.2s ease-in-out;
}
.btn_active:hover{
    background-color: #f8ca8d;
    color: #472B28;
}

/* About Us Section */

.about_us_others_headers{
    padding: 20px 10px;
    font-size: 20px;
    color: #472B28;
}
.about_us_others_description{
    padding: 10px 10px;
    font-size: 15px;
    color: #444;
    text-align: justify;

}
.about_us_description_image{
    margin-top: -40px;
    margin-bottom: -45px;
    width: 100%;
    

}
.image_section{
    display: flex;
    width: 100%;
}
.image_section img{
    margin-top: -65px;
    margin-bottom: -25px;
    width: 35%;
}
.image_section p{
    width: 65%;
}






/* Our Company Profile  Section */
.company_profice_header{
    display: flex;
    justify-content: center;
}
.company_profile_header_image{
    width: 45%;

}
.About_us_main_details_conteinar{
    width: 100%;
}

.company_profile_header_image img{
    width: 100%;
    padding: 15px 10px 10px 10px;
}
.company_profile_header_text{
    width: 55%;
    padding: 0px 5px 0px 10px;
    
}
.company_profile_header_text h3{
    padding: 10px 0px;
    color: #472B28;
}
.company_profile_header_text p{
    padding: 5px 0px;
    color: #444;
}
.company_profile_header_text ul{
    padding: 5px 0px;
    color: #444;
}
.list_of_company_profile{
    display: flex;
    justify-content: left;
    padding-left: 25px;
}
.list_of_company_profile ul{
    padding: 5px 15px;
}
/* Our team */
.our_team_skill_list{
    padding-left: 25px;
    margin-top: -15px;
}
.our_team_skill_list ul{
    color: #444;
}
.our_team_skill_item{
    padding: 7px 0px;
    color: #444;
    text-align: justify;
}
.our_team_skill_item2{
    padding: 5px 0px;
    color: #444;
    text-align: justify;
}
.list_of_company_profile2{
    padding-left: 25px;
}
/* Our Experinces Section */

.our_experince_container {
    width: 100%;
    margin: auto;
    padding: 10px;
}

.our_experince_container h1 {
    text-align: center;
    color: #333;
}

.our_experience_section {
    margin-top: 10px;
}
.table_list_header_main{
    font-size: 18px;
    color: #472B28;
}

.our_experience_header {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    margin-bottom: 10px;
    cursor: pointer;
}
.our_experince_btn_section{
    display: flex;
}

.our_experince_btn_section p{
    border: 1px solid #472B28;
    padding: 10px;
    margin-right: 10px;
    color: #472B28;
    transition: all 0.3s ease-in-out;
}
.our_experince_btn_section p:hover{
    background-color: #fddfb7;

}
.our_experience_content {
    display: none;
    margin-top: 10px;
}

.our_experience_content.default-open {
    display: block;
}

.civil_work_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}

.civil_work_table th, .civil_work_table td {
    padding: 10px;
    text-align: left;
    border: 1px solid #ddd;
    color: #444;
}

.civil_work_table th {
    background-color: #f8f8f8;
    color: #444;
}
.our_experience_header.active {
    background-color: #EF8800;
    color: #fff;
    border-radius: 4px;
    padding-top: 9px;
    border: none;
}

@media (max-width: 1200px) {
    .civil_work_table, .civil_work_table th, .civil_work_table td {
        display: block;
        width: 100%;
    }

    .civil_work_table th {
        background-color: #f4f4f4;
    }
    .table_header{
        display: none;
    }
    .table_SL_number{
        text-align: center;
        background-color: #472b2821;
        color: #fff ;
        margin-top: 20px;
    }
    .our_experince_btn_section{
        display: block;
    }
}
/* About Us Section */






/* Mobile responsiveness */
@media (max-width: 1200px) {
    .about_us_header{
        padding: 20px 10px 20px 20px;
    }
    .about_us_main_section{
        width: 100%;
        height: auto;
        padding-top: 80px;
        background-color: #F5F7FA;
    }
    
    .about_us_main_area{
        width: 100%;
    }
    .about_us_main_conteinar{
        width: 100%;
        height: auto;
        display: block;
        justify-content: center;
        
    }
    .about_us_main_menu{
        display: none;
    }
    .about_us_all_data_section{
        width: 100%;
        padding: 10px;
    }
    .all_about_us_text_header{
        display: block;
    }
    .about_us_description_image{
        margin: 0px;
        width: 100%;
        
    
    }
    .image_section{
        display: block;
    }
    .image_section img{
        margin: 0px;
        width: 100%;
    }
    .image_section p{
        width: 100%;
    }
    .company_profice_header{
        display: block;
        justify-content: center;
    }
    .company_profile_header_image{
        width: 100%;
    
    }
    .company_profile_header_text{
        width: 100%;
        padding: 0px 5px 0px 10px;
        
    }
    .list_of_company_profile{
        display: block;
        justify-content: left;
        padding: 10px;
    }
    .our_team_skill_list{
        padding: 10px;
        margin: 0px;
    }
    .list_of_company_profile2{
        padding: 10px;
    }
}