.grey
{
	background: #505050;
}

section {  
    background-color: #f8f8f8;
    padding: 70px 0px;
}

 .cards-wrapper {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            padding: 20px;
            
        }
 .card {
            background: white;
            border: 0px;
            border-radius: 8px;
            /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);*/
            margin: 15px;
            /*width: 300px;*/
            text-align: center;
            overflow: hidden;
            transition: all 0.3s ease-in-out;
        }
          
        .card:hover {   
            /*transform: translateY(-5px);*/   
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }
        .card img {
            width: 70%;
            height: auto;
            padding: 10px;
            margin: auto;
            transition: transform 0.2s;
        }
        .card:hover img{
            transform: scale(1.05);
        }
        .card h3 {
            margin: 10px 0;
            font-size: 18px;
        }
        
        .inner-banner-catlog {
            height: 440px;
        }
        
        .catlog-heading{
            padding: 100px 0;
        }
 
   
        
    @media (max-width: 500px){
        .catlog-heading {
                padding: 50px 15px;
        }
        .card h3 {
         font-size: 14px;
        }
        .btn-four {
            font-size: 14px;
            line-height: 40px;
        }
    }
        
        .banner-img {
        background-image:url('../images/gif/OurCatlogs.png');
        background-position: left;
    }
    .banner-img-video {
         /*background-image:url('../images/gif/video-banner.png');*/
         background-image:url('../images/gif/video_bann.png');
         height: 350px;
          background-size: cover;
              background-position: center;
          
    }
    .video-txt {
            padding-top: 75px;
            padding-left: 20px;
    }
    .video iframe {
    width: 100%;
    height: 300px;
    border-radius: 10px;
     }
     .video iframe:hover {
         cursor: pointer;
     }  
     
     #inquiry form h2{
    font-size: 22px;
    font-weight: 600;
        padding-bottom: 1.5rem;
    position:relative;
     }
      #inquiry form h2:after {
          content:"";
          position: absolute;
          display: block;
          width: 65px;
          height: 2px;
          top: 35px;
          margin-top: 4px;
          left: 0;   
          background-color: #15a299;  
      }
     
    #inquiry form .btn-submit {
    font-weight: 700;
    font-size: 20px;
    line-height: 50px;
    padding: 0 38px;
    text-align: center;
    color: #fff;
    background-color: #15a299;
    transition: all .3s ease-in-out 0s;
     }
    #inquiry form .btn-submit:hover{
            background-color: #2c2c2c;
    } 
     
     
           /*inquiry form*/
    #inquiry {
       background-color: #c9d5cd;
    }   
     
  @media (min-width: 500px){
      #inquiry form h2{
    font-size: 27px;
     }
     #inquiry {
         padding: 35px 0px 15px 0;
     }
     #inquiry .form-control {
         border-radius: 0;
        padding: 0.80rem .75rem;
     }
      #inquiry .form-control::placeholder {
            font-size: 1.2rem; 
            color: #888;
        }
    
    .inner-banner-one img {
        max-width: 70%;
    }
     
      }
      
     
     @media (max-width:500px) {
          #inquiry form .btn-submit {
         font-size: 15px;
    line-height: 37px;
    border-radius: 4px;
       }
      .form-wrap {
               padding: 0 20px;
       }
     }
     
     
     
     
     
     
     
     
     
     
     
    
    @media (max-width: 500px){
        .banner-img,  .banner-img-video {
        height: 230px;
            background-position: left;
            
        }
        .catlog-heading {
                padding: 50px 15px;
        }
        .video-txt {
            padding-top: 50px;
        }
       .video iframe {
         height: 200px;
        }
     
    }    
        
     .img-card {
          border-radius: 15px;
        overflow: hidden; 
    }
    
    .image {
        transition: transform 0.3s ease;
    }
    
    .image img {
        display: block; 
        width: 100%; 
        height: auto; 
        
    }
    
    .image:hover {
        transform: scale(1.1);
    }