@media (min-width: 992px) and (max-width: 1200px) {
    .header-area .main-header-area {
        background:rgba(0, 0, 0, 0.6);
    }
}

.header-area .main-header-area {
        background:rgba(0, 0, 0, 0.6);
    }
    
    .slider_area .single_slider .slider_text h3{
        font-size:35px;
    }
    
    
    .section_title span{
        color: #ff5e13;
        font-size: 40px;
        font-weight: 900;
        
        display: block;
        }
        
        
        .about_area .about_info p {
            font-size: 16px;
            line-height: 28px;
            font-size: 16px;
            line-height: 26px;
            margin-top: 0;
            margin-bottom: 15px;
            
        }
        
        
        
        
        
        .offers_area .single_offers .about_thumb img {
    width: 100%;
   
    height: 250px;
    object-fit: cover;
}
     .section_title h3

 {
    
    font-weight: 600;
    line-height: 44px;
    color: #1F1F1F;
}   
        
        
       .about_area {
        padding-top: 100px;
        padding-bottom: 0px;
    }     
        
        .offers_area {
    padding-bottom: 0px;
}
        
        
 .footer .footer_top {
    padding-top: 50px;
    padding-bottom: 50px;
}       
        
        
     @media (max-width: 768px) {
    .slider_area .single_slider {
        height: 370px; /* You can adjust this value as needed for smaller screens */
    }
}