/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
textarea{height: 100px;}

select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}

.search-filter-input-text ::placeholder {color: #bd1616 !important; font-family: "Gotham Medium", Sans-serif !important; font-size: 14px !important;}
.search-filter-input-text ::-ms-input-placeholder {color: #bd1616 !important; font-family: "Gotham Medium", Sans-serif !important; font-size: 14px !important;}

.search-filter-component-combobox-base{background: #e1e1e1; font-family: "Gotham Medium", Sans-serif !important;}
.search-filter-component-combobox-base span{color: #bd1616 !important; font-family: "Gotham Medium", Sans-serif !important; font-size: 14px;}
.search-filter-label{color: #1b3058 !important; font-family: "Gotham Medium", Sans-serif !important; font-size: 14px;}
.search-filter-component-range-slider__range-input-progress{    --track-background: linear-gradient(to right, transparent var(--low), #bd1616 0, #bd1616 var(--high), transparent 0) no-repeat 0 100% / 100% 100%;
    --range-color: #bd1616; background: var(--track-background);}

.search-filter-component-range-slider__range-text-min{color: #bd1616 !important; font-family: "Gotham Medium", Sans-serif !important; font-size: 14px;}
.search-filter-component-range-slider__range-text-max {color: #bd1616 !important; font-family: "Gotham Medium", Sans-serif !important; font-size: 14px;}   
.search-filter-input-button{background: #1b3058 !important; color: #fff !important; font-family: "Azonix Regular", Sans-serif;}
.search-filter-input-button:hover{background: #1b3058 !important; color: #fff !important; font-family: "Azonix Regular", Sans-serif;}
.eapps-countdown-timer-has-background{padding: 0 !important;}
.eapps-countdown-timer-item-container{margin-top: 10px !important; margin-bottom: 10px !important;  margin-left: 10px !important;  margin-right: 10px !important;}
.success{color: red;}
.alike-dispaly-table td img{height: auto !important;}
body .rq-alike-compare{max-width:100% !important; width: 100% !important;}
.alike-dispaly-table{font-family: "Gotham Medium", Sans-serif !important;}
.rq-alike-show-difference{top: 10px; background: #1b3058;}
.alike-compare-widget-button{background: #1b3058;}
#alikeMobileDrawer .alike-compare-action > .alike-btn-compare, #alikeMobileDrawer .alike-compare-action > .btn-remove-all{background: #1b3058; border-color: #fff !important; border-radius: 0;}
.alike-compare-widget-counter{color: #BD1616;}
.alike-compare-widget-button-text{padding-top: 9px !important;}
.alike-dispaly-table td.wp-block-alike-block-compare-group{background: #bd1616 !important;}
.alike-dispaly-table td.wp-block-alike-block-compare-group h3{color: #fff !important; font-family: "Gotham Medium", Sans-serif !important; font-weight: normal !important;}
.wpcf7 form.sent .wpcf7-response-output {border-color: green !important; background: green !important; color: #fff !important; text-align: center !important; font-family: 'Gotham Medium' !important;}

.car-overview-list .elementor-icon-list-items li {
    background: url(https://www.neoarcdigital.com/realvalue3/wp-content/uploads/2025/02/steering-wheel.png) no-repeat left center !important; padding-left: 25px !important; background-size: auto !important; background-position: 0 3px !important;}

.features-list .elementor-icon-list-items li {
    background: url(https://www.neoarcdigital.com/realvalue3/wp-content/uploads/2025/02/steering-wheel.png) no-repeat left center !important; padding-left: 25px !important; background-size: auto !important; background-position: 0 3px !important;}    

.features-list .elementor-icon-list-items img{margin-bottom: 3px;}

/* Related Posts Loop */
.related-posts-loop {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal columns for large screens */
    gap: 20px; /* Space between columns */
    margin-top: 30px;
}

/* Each individual post */
.related-post-item {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
    text-align: center;
    transition: transform 0.3s ease;
}

/* Hover effect for each post */
.related-post-item:hover {
    transform: translateY(-5px);
}

/* Featured image styling */
.related-post-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin-bottom: 15px;
}

/* Title styling */
.related-post-item h3 {
    font-family: "Azonix Regular", Sans-serif;
    font-weight: normal;
    color: #1B3058;
    font-size: 20px;
}

/* Price styling */
.related-post-item p {
    font-family: "Gotham Medium", Sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #B81515;
    margin-bottom: 0;
}
   
.white-deal{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}

.wpcf7-list-item-label{font-size: 12px; color: #B81515;}

.qodef-qi-swiper-container .swiper-slide img{max-width: 175px !important;}

/* On medium screens (tablets), use 2 columns */
@media screen and (max-width: 768px) {
    .related-posts-loop {
        grid-template-columns: repeat(2, 1fr); /* 2 equal columns */
    }
    
}   

@media screen and (max-width:480px) {
.alike-dispaly-table td{min-width: 170px;}
.alike-compare-widget-wrapper{padding: 0px !important; right: 10px !important; bottom: 10px !important;}
    .related-posts-loop {
        grid-template-columns: 1fr; /* 1 column */
    }

}