/*archive css service*/

section.banner-section-archive {
    text-align: center;
    background: #526c9b4f;
    padding: 60px 0;
       margin-bottom: 0 !important;
}
section.banner-section-archive h1 {
    font: normal normal bold 36px/43px Apertura;
    letter-spacing: -0.8px;
    color: #003865;
    /* opacity: 1; */
}
section.banner-section-archive p {
    max-width: 900px;
    margin: 0 auto;
    margin-top: 20px;
    font-size: 17px;
    line-height: 26px;
    color: #616161;
}
.commercial-electrical {
    background: rgba(49, 110, 214, 0.1);
    padding: 60px 0;
    margin: 0 !important;
}
.commercial-box {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 20px;
    margin: 40px 0px 0px;
}
.commercial-bar {
    background: #FFFFFF;
    border-radius: 40px;
    text-align: center;
    padding: 30px 18px 20px;
    vertical-align: top;
}
.commercial-bar h3 {
    margin: 0 0 15px;
    text-align: center;
    font: normal normal bold 18px/25px Apertura;
    letter-spacing: -0.44px;
    color: #2A2C2D;
    text-transform: uppercase;
    min-height: 50px;
}
.project_image img {
    display: block;
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}
.commercial-bar p {
    margin: 24px 0 20px;
    text-align: center;
    font: normal normal normal 15px/20px Apertura;
    letter-spacing: -0.36px;
    color: #2A2C2D;
}
.commercial-bar a {
    text-align: left;
    font: normal normal 900 16px/25px Apertura;
    letter-spacing: 0.57px;
    color: #666665;
}
.commercial-bar a svg {
    width: 25px;
    margin-right: 4px;
}
@media screen and (max-width: 1130px){
.commercial-box {
    grid-template-columns: repeat(3,1fr);
}
}
@media screen and (max-width: 650px){
.commercial-box {
    grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 500px){
.commercial-box {
    grid-template-columns: repeat(1,1fr);
}
}