* {
    padding: 0;
    margin: 0px;
    box-sizing: border-box;
}

main.about-us-page {
    margin-bottom: 0;
}

.container {
    max-width: 1480px;
    padding: 0px 20px;
    margin: 0px auto;
    box-sizing: border-box;
}

.about-us-page .about-us-section {
    padding: 64px 10px;
}

.about-us-page .about_row {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.about-us-page .about_row .info {
    flex: 1;
}

.about-us-page .about_row.we_are {
    margin-bottom: 40px;
}

.about-us-page .about_row.we_are .info {
    background-image: url('../images/we-are-bg.png');
    background-size: cover;
    padding: 72px 48px 72px 72px;
}

.about-us-page .about_row.we_do .info {
    background-image: url('../images/we-do-bg.png');
    background-size: cover;
    padding: 72px 72px 72px 48px;
}

.about-us-page .about_row .info_img {
    flex: 0 0 41%;
    position: relative;
    padding-top: 39%;
}

.about-us-page .about_row .info_img img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 32px;
}

.about-us-page .about_row .info h3 {
    font-weight: 600;
    font-size: 39px;
    line-height: 50px;
    margin-bottom: 24px;
}

.about-us-page .about_row .info h3 span {
    color: #00B249;
}

.about-us-page .about_row .info p,
.about-us-page .about_row .info li,
.about-us-page .about_row .info li span {
    font-size: 25px;
    line-height: 31px;
    color: #646568;
}

.about-us-page .about_row .info li {
    margin-bottom: 8px;
}

.about-us-page .our_mission_section {
    padding: 64px 10px;
    margin-bottom: 64px;
}

.about-us-page .our_mission_section .our_mission_content p {
    font-size: 25px;
    line-height: 31px;
    color: #646568;
}

.about-us-page .our_mission_content {
    display: flex;
    align-items: center;
    column-gap: 81px;
    background-image: url('../images/our-mission-bg.png');
}

.about-us-page .our_mission_img {
    position: relative;
    flex: 0 0 35%;
    padding-top: 31%;
}

.about-us-page .our_mission_img img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
}

.about-us-page .our_mission_info {
    max-width: 772px;
    padding-right: 50px;
    margin-top: 3%;
}

.section_title {
    font-family: 'Poppins';
    font-size: 49px;
    font-weight: 700;
    line-height: 62.47px;
    margin-bottom: 31px;
}

h2.section_title {
    text-align: center;
    margin-bottom: 40px;
}

.scan_img {
    position: relative;
    color: #00B249;
    display: inline-block;
    font-family: 'Poppins';
    font-size: 49px;
    font-weight: 700;
    line-height: 62.47px;
}

.scan_img::after {
    content: '';
    background-image: url(../images/border.png);
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 100%;
    left: 60%;
    transform: translateX(-50%);
}

.scan_img::before {
    content: '';
    background-image: url(../images/Group_right.png);
    width: 60px;
    background-repeat: no-repeat;
    height: 100%;
    gap: 0px;
    background-size: contain;
    display: inline-block;
    position: absolute;
    right: -33px;
    top: -15px;
}

main.about-us-page .page_title_main h1.page_title::after {
    content: '';
    background-image: url(../images/border.png);
    width: 13%;
    height: 100%;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    top: 100%;
    left: 51%;
    transform: translateX(-50%) rotate(-4deg);
}

main.about-us-page .page_title_main .scan_img::after {
    display: none;
}

.about-desc p {
    margin-top: 30px;
    font-size: 20px;
    line-height: 26px;
    color: #646568;
    text-align: center;
}

@media only screen and (max-width: 1200px) {
    .about-us-page .about_row.we_are .info {
        padding: 30px 20px 30px 50px;
    }

    .about-us-page .about_row.we_do .info {
        padding: 30px 50px 30px 20px;
    }
}

@media only screen and (max-width: 1024px) {
    .about-us-page .about-us-section {
        padding: 20px 0px;
    }

    .scan_img,
    .section_title {
        font-size: 45px;
        line-height: 50px;
    }

    .about-us-page .about_row .info h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 16px;
    }

    .about-us-page .about_row .info p,
    .about-us-page .about_row .info li,
    .about-us-page .about_row .info li span {
        font-size: 20px;
        line-height: 25px;
    }

    .about-us-page .our_mission_section .our_mission_content p {
        font-size: 20px;
        line-height: 25px;
    }

    .about-us-page .our_mission_info {
        padding-right: 10px;
    }

    .about-us-page .our_mission_content {
        column-gap: 46px;
        padding: 10px;
    }

    .about-us-page .our_mission_img {
        flex: 0 0 30%;
        padding-top: 29%;
    }


    .about-us-page .about_row.we_are .info,
    .about-us-page .about_row.we_do .info {
        background-image: unset;
        padding: 20px;
    }

    .about-us-page .our_mission_section {
        padding: 20px 0px;
    }
}

@media only screen and (max-width: 991px) {

    .scan_img,
    .section_title {
        font-size: 30px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 767px) {
    .about-us-page .our_mission_section {
        margin-bottom: 20px;
    }

    .about-us-page .about-us-section {
        padding: 20px 0px;
    }

    .about-us-page .about_row.we_are {
        margin-bottom: 20px;
    }

    .about_row.we_are .info,
    .about-us-page .about_row.we_do .info {
        padding: 20px 0px;
    }

    .scan_img::before {
        right: -40px;
        top: -25px;
    }

    .about-us-page .about_row .info h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .about-us-page .our_mission_content {
        flex-direction: column;
        background-image: unset;
        padding: 0px;
    }

    .about-us-page .our_mission_img {
        flex: 0 0 100%;
        padding-top: 88%;
        width: 100%;
    }


    .about-us-page .about_row.we_are {
        flex-direction: column-reverse;
    }

    .about-us-page .about_row.we_do {
        flex-direction: column;
    }

    .about-us-page .about_row .info_img {
        flex: 0 0 100%;
        padding-top: 97%;
        width: 100%;
    }

    main.about-us-page .page_title_main h1.page_title::after {
        width: 16%;
        left: 54%;
    }

    .about-us-page .about_row.we_are .info,
    .about-us-page .about_row.we_do .info {
        padding: 20px 0px;
    }

}


@media screen and (max-width: 479px) {

    .scan_img,
    .section_title {
        font-size: 25px;
        line-height: 30px;
    }

    span.scan_img {
        margin-top: 15px;
    }

    .scan_img::before {
        right: -47px;
        top: -13px;
    }

    main.about-us-page .page_title_main h1.page_title::after {
        width: 21%;
    }
}


.about-us-page .summary_title {
    margin-bottom: 0px;
}


.about-us-page .summary_title::after {
    display: none;
}

.about-us-page .blog_summary {
    margin-top: 40px;
    margin-bottom: 64px;
}

.about-us-page .blog_summary p {
    color: #646568;
    margin-bottom: 10px;
}

.about-det {
    display: flex;
    align-items: center;
    gap: 10px;
}

.about-det a {
    color: #000;
}

.about-det a:hover {
    color: #00B249;
}