section.banner.about {
         content: '';
    background: linear-gradient( 
90deg , rgba(113, 109, 108, 0.3) 0%, #716D6C 46.67%, rgba(113, 109, 108, 0.3) 100%);
    height: 100%;
    max-height: 300px;
    padding: 275px 0;
    display: inline-block;
    z-index: 0;
    width: 100%;
}
.about-us img {
   width: 100%;
    transition-duration: .3s;
    transition-property: transform; 
}
.about-us img:hover {
    transform: scale(1.03);
}
 section.banner.about .container-fluid {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
 .about-img {
     padding: 0;
}
 .service.box .icon {
    width: 100%;
}
 .service.box .content {
    width: 100%;
    text-align: center;
}
 .about-us span.material-icons {
    position: absolute;
    left: -34px;
     margin-top: 4px;
}
 section.why-chooes {
    background: url(../images/about-bg-3.html) no-repeat;
     background-size: cover;
     color: #fff;
}
 .why-chooes-box {
    background: #fffffff7;
    height: auto;
     padding: 10px 21px;
     display: flex;
     max-height: 200px;
     min-height: 180px;
    border-radius: 10px;
     align-items: center;
}
 .why-chooes-box .icon {
    background: url(../images/icon-bg.png) no-repeat;
     background-size: contain;
    width: 20%;
}
 .why-chooes-box .icon span.material-icons {
    color: #fff;
    text-align: center;
    padding-left: 3px;
}
 .why-chooes-box .content {
    display: flow-root;
    padding-left: 15px;
    color: #353535;
}
 .why-chooes-box .content p {
    color: #353535;
}
 .progress {
    margin-top: 25px;
    margin-bottom: 30px;
}
 .progress-bar {
    background-color: #C29417;
}
 .progress-right h4 {
    width: 70%;
    float: left;
}
 .progress-right p {
    color: #353535;
    font-weight: 700;
    text-align: right;
}
 .left-content.progress-right {
    margin-top: 60px;
}
 li.nav-item a.nav-link {
    color: #333 !important;
}
 .banner-content {
    padding-top: 0;
    padding-left: 0;
     position: relative;
    z-index: 99;
}
 .banner-content h2 {
     background: transparent;
}
 .pie-chart {
     background:radial-gradient(circle closest-side, #0000000f 66%, #fff7e1 0), conic-gradient(var(--color) var(--percentage), rgb(242 231 203) 0, #F4E9CB 100%);
     position: relative;
     width: 240px;
     min-height: 240px;
     border-radius: 100%;
     margin: 0;
}
 .pie-chart:after {
     content: attr(data-percentage);
     font-size: 36px;
     text-align: center;
     justify-content: center;
     align-items: center;
     font-weight: 600;
     color: #000;
     display: flex;
     line-height: normal;
     width: 140px;
     height: 140px;
     border-radius: 50%;
     background-color: white;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .production {
     width: 40%;
     float: left;
}
 .epc-works {
     width: 60%;
     float: left;
     padding-left: 10px;
}
 .cs {
     width: 40%;
     margin: 0 0 0 180px;
}
 .epc-works.ur {
     width: 40%;
     float: left;
}
 .production h3 {
     padding-left: 3rem;
     margin-bottom: 25px;
}
 .epc-works h3 {
     padding-left: 4rem;
     margin-bottom: 25px;
}
 .production.cs h3 {
     padding-left: 0rem !important;
     margin-bottom: 25px;
}
 .epc-works.ur h3 {
     padding-left: 2rem;
     margin-bottom: 25px;
}
 section.a-last {
     background: #fff url(../images/skill-bg-abt.png) no-repeat;
     background-size: 90%;
     padding-bottom: 0;
}
 .at-work-bg{
     background: url(../images/artwork.png) no-repeat;
     background-size: 50%;
     background-position: right bottom;
}
 nav.navbar {
     padding: 12px 60px;
     background: #fff;
}
 .executives {
     background: url(../images/king.jpg) no-repeat;
    padding: 0;
    border-bottom: 1px solid #ffc90a;
    margin-top: 0px;
    padding-bottom: 175px;
    padding-top: 175px;
     background-size: cover;
}
 .faculty h3 {
     padding-bottom: 0px;
}
.faculty h4 {
     font-size: 22px;
     color: #716D6C;
}
 section.banner.about:after {
     content: '';
     background: linear-gradient( 90deg , rgba(113, 109, 108, 0.3) 0%, #716D6C 46.67%, rgba(113, 109, 108, 0.3) 100%);
     height: 100%;
     z-index: 0;
     width: 100%;
     top: 0;
}
 #demo {
     padding: 0 10%;
}
 .align-items {
    align-items: center;
    display: flex;
}