html, body {
    overflow: auto !important;
}

.aboutdetails {
    width: 100% !important;
    margin: 0 !important;
}

    .aboutdetails div {
        display: block !important;
        margin: 0 !important;
    }

    .aboutdetails h3 {
        font-size: 15px;
        font-weight: 400;
        line-height: 35px;
    }

    .aboutdetails img {
        border-radius: 10px;
        width: 30%;
        display: inline-block;
        vertical-align: top;
    }

    .aboutdetails section {
        display: inline-block;
        width: 65%;
        vertical-align: top;
        margin-left: 5%;
    }

.title-board {
    font-size: 25px;
    position: relative;
    text-align: center;
    margin-bottom: 90px;
}

    .title-board::after {
        content: "";
        width: 100% !important;
        height: 3px;
        display: block;
        position: absolute;
        right: -25px;
        top: 60px;
        background: linear-gradient(90deg,transparent,#D7B369,transparent);
    }

.aboutdetails .imageboard {
    width: 20%;
    display: inline-block !important;
    vertical-align: top !important;
    text-align:center;
}

    .aboutdetails .imageboard img {
        width: 100%;
    }

.aboutdetails .main-board {
    position: relative;
    margin-bottom: 50px !important;
}

    .aboutdetails .main-board::after {
        content: "";
        width: 100%;
        height: 3px;
        display: block;
        position: absolute;
        right: 0;
        bottom: -25px;
        background: linear-gradient(50deg,transparent,#D7B369,transparent);
    }

.aboutdetails .board {
    display: inline-block !important;
    vertical-align: top;
    width: 80%;
    height: 300px;
    position: relative;
}

    .aboutdetails .board h2 {
        margin-bottom: 50px;
    }

        .aboutdetails .board h2:after {
            content: none !important;
        }



.aboutdetails strong {
    font-size: 15px;
    display: block;
    margin-top: 10px;
    font-weight: 500;
}

.navigation-bar {
    margin-top: 100px !important;
}

.aboutimage {
}

.header-about {
    text-align: center;
    background: linear-gradient(90deg, rgb(218, 184, 125) 0%, rgb(116, 98, 67) 100%);
    color: #fff;
    height: 80px;
    border-radius: 50px;
    line-height: 80px;
    margin-top: 50px;
}

    .header-about::after {
        content: none !important;
    }

.companyimage {
    position: relative;
    margin-top: 70px;
}

    .companyimage .mainiamge {
        width: 100%;
        height: 60vh;
    }

    .companyimage .logoimage {
        position: absolute;
        z-index: 2;
        top: 0;
        width: 100px;
        bottom: 0;
        margin: auto;
        right: 0;
        left: 0;
    }

.about-company {
    font-size: 0;
    margin: 50px 0 150px 0;
}

    .about-company ul li {
        font-size: 15px;
    }

    .about-company div {
        display: inline-block;
        vertical-align: top;
        margin-left: 4%
    }

        .about-company div:nth-child(2n) {
            margin-left: 0
        }

    .about-company .about-section {
        width: 58%
    }

        .about-company .about-section h2 {
            font-size: 25px;
            position: relative;
        }

            .about-company .about-section h2::after {
                content: "";
                width: 400px;
                height: 3px;
                display: block;
                position: absolute;
                right: -25px;
                top: 60px;
                background: linear-gradient(90deg,transparent,#D7B369,transparent);
            }

        .about-company .about-section p {
            font-size: 15px;
            margin-top: 40px;
            text-align: justify;
            line-height: 2;
        }

    .about-company .details-section {
        width: 38%;
    }

        .about-company .details-section ul {
            font-size: 0;
            position: relative;
        }

            .about-company .details-section ul:before {
                content: "";
                width: 3px;
                height: 350px;
                display: block;
                position: absolute;
                right: 0;
                left: 0;
                margin: 0 auto;
                top: 0;
                background: linear-gradient(180deg,transparent,#A9A9A9,transparent);
            }

            .about-company .details-section ul li {
                font-size: 15px;
                width: 100%;
                display: inline-block;
                vertical-align: top;
            }

            .about-company .details-section ul li {
                font-size: 15px;
                width: 100%;
                display: inline-block;
                vertical-align: top;
                position: relative;
                height: 55px;
            }

                .about-company .details-section ul li:before {
                    content: "";
                    width: 100%;
                    height: 3px;
                    display: block;
                    position: absolute;
                    right: 0;
                    top: 40px;
                    background: linear-gradient(90deg,transparent,#A9A9A9,transparent);
                }

                .about-company .details-section ul li strong {
                    left: 0;
                    position: absolute;
                }

.directors-report {
    width: 100%;
    background: #F4F4F4;
    border-radius: 20px;
    position: relative;
    text-align: center;
    font-size: 25px;
    align-content: center;
    padding: 50px 0;
}

    .directors-report a {
        font-weight: bold
    }

    .directors-report strong {
        width: 300px;
        padding: 20px 70px;
        background: linear-gradient(90deg, rgba(218,184,125,1) 0%, rgba(116,98,67,1) 100%);
        position: absolute;
        top: -35px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 20px;
        border-radius: 50px;
        color: #fff;
    }

.missions h2,
.shareholders h2,
.products h2,
.benefits h2,
.projects h2,
.call h2 {
    font-size: 25px;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

    .missions h2::before,
    .shareholders h2::before,
    .products h2::before,
    .benefits h2::before,
    .projects h2::before,
    .call h2::before {
        content: '';
        background: linear-gradient(90deg, transparent, #D7B369, transparent);
        display: block;
        height: 3px;
        position: absolute;
        right: 0;
        top: 60px;
        width: 100%;
    }

.missions p {
    font-size: 15px;
    text-align: center;
}

.missions {
    text-align: center;
    margin: 100px 0;
}

.benefits {
    width: 100%;
    background: #F4F4F4;
    border-radius: 20px;
    position: relative;
    text-align: center;
    font-size: 25px;
    align-content: center;
    margin: 100px 0;
    font-weight: 500;
    padding: 50px 0;
}

    .benefits a {
        font-weight: bold
    }

    .benefits strong {
        width: 300px;
        padding: 20px 0;
        background: linear-gradient(90deg, rgba(218,184,125,1) 0%, rgba(116,98,67,1) 100%);
        position: absolute;
        top: -35px;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 20px;
        border-radius: 50px;
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

.call {
    margin: 50px 0;
}

    .call div {
        position: relative;
        padding: 20px 40px 0 0;
    }

    .call strong {
        color: #d7b369;
        font-weight: 500;
    }

    .call img {
        width: 30px;
        position: absolute;
        right: 0;
        top: 20px;
    }

.shareholders table, .products table {
    width: 100%;
}

    .shareholders table td,
    .shareholders table th,
    .products table td,
    .products table th {
        min-height: 60px;
        line-height: 60px;
        padding: 0 10px;
        border-bottom: 1px solid #eee;
        border-left: 1px solid #eee;
    }