.aboutUs_container {

}
.aboutUs_container .items_wrapper {
    margin: 0 auto;
    align-items: center;
    padding: 0 5%;
}
.aboutUs_container .items_wrapper .gm_expert ,.aboutUs_container .items_wrapper .gm_about {
    display: block;
    padding-bottom: 10px;
    border-bottom: 2px solid #FF7840;
    width: 60%;
    font-family: "yekanB";
    margin: 20px auto 35px auto;
}
.aboutUs_container .items_wrapper .item {
    margin: 0 3%;
}
.aboutUs_container .items_wrapper .img_item img {
    max-width: 500px;
}


.aboutUs_container .items_wrapper label {
    margin: 20px 0 7px 0;
}
.aboutUs_container .progress_wrapper {
    width: 98%;
    text-align: left;
}
.aboutUs_container .progress_wrapper .progress_bar {
    display: flex;
    width: 100%;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    margin: 0 0 0 10px;
    padding: 0 10px 0 0;
    text-align: left;

}
.aboutUs_container .progress_wrapper .animated-progress {
    width: 100%;
    height: 6px;
    border-radius: 25px;
    margin: 20px 0;
    background-color: #3E2BA7;
    overflow: hidden;
    position: relative;
}

.aboutUs_container .progress_wrapper .animated-progress span {
    height: 100%;
    display: block;
    width: 0;
    color: rgb(255, 251, 251);
    line-height: 30px;
    position: absolute;
    text-align: end;
    padding-right: 5px;
    background-color: #FF7840;
    font-size: 11px;
    margin: 0;
    padding: 0;
}
.aboutUs_container .progress_wrapper .animated-progress-percent {
    width: 100%;
    height: 10px;
    display: block;
    width: 0;
    color: #3E2BA7;
    line-height: 30px;
    position: absolute;
    top: -6px;
    right: 15px;
    text-align: end;
    font-size: 14px;
    padding: 0;
}


/******************************************* responsive 1920px ***************************************/
@media only screen and (max-width: 1920px)
{
    .aboutUs_container {

    }
    .aboutUs_container .items_wrapper .img_item img {
        width: 400px;
    }
}
/******************************************* responsive 1440px ***************************************/
@media only screen and (max-width: 1440px)
{
    .aboutUs_container {
        max-width: 1370px;
    }
    .aboutUs_container .items_wrapper .img_item img {
        width: 400px;
    }
}

/******************************************* responsive 1210px ***************************************/
@media only screen and (max-width: 1210px)
{
    .aboutUs_container .items_wrapper .img_item img {
        max-width: 350px;
    }
}

/******************************************* responsive 992px ***************************************/
@media only screen and (max-width: 992px)
{
    .aboutUs_container .items_wrapper .img_item img {
        max-width: 300px;
    }
}

/******************************************* responsive 768px ***************************************/
@media only screen and (max-width: 768px)
{
    .aboutUs_container .items_wrapper {
        flex-direction: column;
    }
    .aboutUs_container .items_wrapper:last-child{
        flex-direction: column-reverse;
    }

}

/******************************************* responsive 576px ***************************************/
@media only screen and (max-width: 576px)
{


}

/******************************************* responsive 400px ***************************************/
@media only screen and (max-width: 400px)
{
    .aboutUs_container .items_wrapper .img_item img {
        max-width: 250px;
    }
}