section.hero-metal.dark-section {
    padding: 100px 0 !important;
}
  
    
      .section-row .section-title.section-title-center {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}
.card {
    background: #fff;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1),
                0 2px 4px rgba(0,0,0,0.1);
                margin-bottom:20px
}

.card-image {
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.card-image img {
    width: 100%;
    /*height: 240px;*/
    object-fit: cover;
    transition: 0.2s ease-in-out;
}

/* Hover zoom */
.card:hover img {
    transform: scale(1.05);
    filter: brightness(1.05);
}

/* Button (Quick View) */
.quick-view {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e37a34;
    color: #fff;
    padding: 6px 12px;
    border-radius: 50px;
    text-align: center;
    width: fit-content;
    margin: auto;
    opacity: 0;
    transition: 0.3s ease;
}

/* Show on hover */
.card:hover .quick-view {
    opacity: 1;
    bottom: 56px;
}

/* Title */
.card-title {
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 0;
    text-align: center;
    color: #000;
}

.about-us-image-box-1-metal .about-us-image-metal figure {
    margin-right: 0;
}



  
  

.about-us-list-metal ul li {
    font-size: 14px;
   
    width: 100%;
    margin-bottom: 8px;
}


    .service-item-metal {
  
    min-height: auto;
    background: #f8f8f8;
    padding: 30px 15px;
    }
    .service-item-content-metal h2 {
    font-size: 18px;
}

.service-item-metal {
  
    background: #fff;
  
}

  
    

  
      .service-why-choose-item-box {
    margin-top: 0;
}
.service-why-choose-box{
    margin-top: 0;
}
.service-why-choose-item {
    width: 100%;
}
 @media only screen and (max-width: 699px) {
        section.hero-metal.dark-section{
    padding:60px 0 !important;
}
}