/*
Theme Name: Luxtreme
Theme URI: #
Description: Custom theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

.recommendedluxtreme-ourservice-section .carservice-tbx1 a {
    text-decoration: none;
}
.recommendedluxtreme-ourservice-section .carservice-tbx a {
    text-decoration: none;
}
.innerluxtreme-serviceslistpge-content h1 {
    font-size: 40px;
    color: #000;
    line-height: 60px;
    font-weight: 600;
    margin: 45px 0 25px;
    padding: 0;
}
.innerluxtreme-serviceslistpge-content p {
    font-size: 15px;
    color: #373737;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    padding: 10px 0;
}
.innerluxtreme-serviceslistpge-section .indiv-productbx .rt-tbx a {
    text-decoration: none;
}
.innerluxtreme-serviceslistpge-section .luxt-results-title h4 {
    font-size: 40px;
    color: #000;
    line-height: 60px;
    font-weight: 600;
    margin: 45px 0 35px;
    padding: 0;
}
.innerluxtreme-carsearch-bx-section .resetfilter-inpbx button {
    display: block;
    font-family: 'Archivo';
    font-size: 17px;
    color: #ed8413;
    font-weight: 400;
    line-height: 22px;
    padding: 12px 20px 12px 20px;
    margin: 0;
    background: #fff;
    background-size: 18px 14px;
    border: 1px solid #ed8413;
    border-radius: 5px;
    text-decoration: none;
    outline: unset !important;
    letter-spacing: 1.5px;
}
.innerluxtreme-carsearch-bx-section .resetfilter-inpbx button:hover {
    color: #fff;
    background: #ed8413;
    background-size: 18px 14px;
    text-decoration: none;
    border: 1px solid #d9a128;
}
.innerluxtreme-carsearch-bx-section .morefilter-inpbx button {
    display: block;
    font-family: 'Archivo';
    font-size: 15px;
    color: #373737;
    font-weight: 400;
    line-height: 22px;
    padding: 12px 10px 12px 34px;
    margin: 0;
    background: url(./assets/images/filtericon.png) no-repeat 10px 15px #fff;
    background-size: 18px 14px;
    border: 1px solid #dedede;
    border-radius: 5px;
    text-decoration: none;
    outline: unset !important;
}
.innerluxtreme-carsearch-bx-section .morefilter-inpbx button:hover {
    color: #fff;
    background: url(./assets/images/filtericon-h.png) no-repeat 10px 15px #d9a128;
    background-size: 18px 14px;
    text-decoration: none;
    border: 1px solid #d9a128;
}
#carname {
    position: relative;
}
/* Container for suggestions */
#carname-suggestions {
    border: 1px solid #ccc;
    background: #fff;
    position: absolute; /* Position relative to input */
    z-index: 9999;
    width: 100%; /* Match input width */
    max-height: 200px; /* Scroll if too many results */
    overflow-y: auto;
    display: none; /* Hide initially */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    border-radius: 4px;
    top: 100%;
}

/* Individual suggestion item */
.car-suggestion {
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

/* Hover effect */
.car-suggestion:hover {
    background-color: #f0f0f0;
    color: #000;
}

/* Optional: highlight first suggestion */
.car-suggestion:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

/* Optional: highlight last suggestion */
.car-suggestion:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

/* Scrollbar style (optional, modern browsers) */
#carname-suggestions::-webkit-scrollbar {
    width: 6px;
}
#carname-suggestions::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 3px;
}
/*.innerluxtreme-servicesdetail-section .productdescription-tbx h2 {
     position: relative;
    font-size: 18px;
    color: #373737;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 0 0;
}*/
.whyluxtreme-carmarketplace-section h2 {
    font-size: 65px;
    color: #dfa526;
    line-height: 70px;
    font-weight: 700;
    margin: 15px 0;
    padding: 0;
}
h2.alphabet-heading {
    -webkit-text-stroke: 2px #f0b229;
    color: white;
    font-size: 48px;
    font-weight: 900;
    line-height: 63px;
}
button.filter-toggle:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 8px;
    width: 25px;
    height: 25px;
    background: url(./assets/images/downIcn.jpg) no-repeat 0 7px;
}
.location-city-filter {
    float: right;
    margin-bottom: 40px;
}
.filter-loc {
    position: relative;
    display: inline-block;
    width: 200px;
}
.filter-toggle {
    width: 100%;
    padding: 8px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: left;
    cursor: pointer;
}
.filter-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-top: none;
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
}
.filter-menu li a {
    display: block;
    padding: 8px;
    text-decoration: none;
    color: #333;
}
.filter-menu li a:hover {
    background: #f0f0f0;
}
.innerluxtreme-locations-filter-section {
    padding: 80px 0;
}
.innerluxtreme-locations-filter-section ul.location-wrapper {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 2;
}
.innerluxtreme-locations-filter-section  ul.location-wrapper li {
    font-size: 18px;
    color: #111;
    line-height: 30px;
    font-weight: 400;
    background: url(./assets/images/listing.png) no-repeat 0 11px;
    background-size: 24px 24px;
    margin: 0;
    padding: 8px 0 8px 37px;
}
.innerluxtreme-locations-filter-section  ul.location-wrapper li a{
     color: #111;
     text-decoration: none;
}
.innerluxtreme-locations-filter-section  ul.location-wrapper li:hover a{
     color: #f0b229;
}
.luxtremeblog-single-detail-section {
    padding: 80px 0;
}
.luxtremeblog-single-detail-section .featured-image {
    width: 50%;
    height: auto;
    float: right;
    margin: 10px 0 10px 40px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,.2);
}
.luxtremeblog-single-detail-section h1 {
    font-size: 32px;
    color: #111;
    line-height: 40px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 20px;
}
.luxtremeblog-single-detail-section p {
	font-size: 16px;
	color: #111;
	line-height: 25px;
	font-weight: 400;
	margin: 0;
	padding: 10px 0;
}
.luxtremeblog-single-detail-section ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
}
.luxtremeblog-single-detail-section ul li {
	font-size: 16px;
	color: #111;
	line-height: 25px;
	font-weight: 400;
	background: url(../images/listicn.png) no-repeat 0 7px;
	background-size: 24px 24px;
	margin: 0;
	padding: 8px 0 8px 32px;
}
.post-date-dt {
    position: relative;
    display: inline;
    color: #fff;
    background-color: #d9a128;
    font-size: 14px;
    font-weight: 500;
    line-height: 52px;
    letter-spacing: 0.5px;
    padding: 10px 20px;
    border-radius: 10px;
    margin: 0 0 24px 0;
}
.blog-sidebar {
    background: #000;
    padding: 20px;
    border-radius: 20px;
}

.blog-sidebar ul li {
    color: #434343;
    font-size: 15px;
    line-height: 27px;
    font-weight: 400;
    margin-top: 5px;
    padding-left: 19px;
    position: relative;
}
.blog-sidebar ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #fff;
    border-radius: 50px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.blog-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-sidebar h3 {
    font-size: 26px;
    color: #f0b229;
    font-weight: bold;
    text-align: center;
    margin-bottom: 17px;
    margin-top: 20px;
}
.blog-sidebar ul li a {
    color: #fff;
    text-decoration: none;
}
.luxtreme-blog-listing-section {
    position: relative;
    padding: 80px 0;
}
.luxtreme-post {
    position: relative;
    margin: 15px 13px;
    background: #fff;
    float: left;
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    border-bottom: 1px dotted #afafaf;
}
.luxtreme-featured-img {
    width: 40%;
    float: left;
    padding: 25px 7px 25px 25px;
}
.luxtreme-description {
    width: 60%;
    float: left;
    padding: 20px;
}
.luxtreme-description h2 {
    font-size: 26px;
    color: #000;
    line-height: 36px;
    font-weight: 500;
    margin: 0;
    padding: 15px 0;
}
.luxtreme-date {
    font-size: 18px;
    color: #f0b229;
    font-weight: 600;
}
.luxtreme-more-btn a {
    float: left;
    font-family: 'Archivo';
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 28px;
    padding: 6px 30px;
    margin: 10px;
    background-image: linear-gradient(156deg, #111 0, #111 82%);
    border-radius: 10px;
    border: 1px solid #f0b229;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    text-decoration: none;
}
.notluxtreme-found-section {
    position: relative;
    padding: 80px 0;
}
.notluxtreme-found-section h2 {
    font-size: 42px;
    color: #111;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 20px;
}
.defaultluxtreme-page-detail-section {
    position: relative;
    padding: 80px 0;
}
.defaultluxtreme-page-detail-section h2 {
    font-size: 42px;
    color: #111;
    line-height: 60px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 20px;
}
.defaultluxtreme-page-detail-section p {
    font-size: 16px;
    color: #111;
    line-height: 25px;
    font-weight: 400;
    margin: 0;
    padding: 10px 0;
}
.slick-prev,.slick-next {
    
    z-index: 1;
}
.slick-prev {
    left: 22px;
    background-color: #191919;
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
.slick-next {
    right: 22px;
    background-color: #191919;
    width: 50px;
    height: 50px;
    border-radius: 10px;
}
.slick-next:hover, .slick-prev:hover{
   background-color: #f0b229; 
}
.slick-prev:before {
    content: '';
    background: url(./assets/images/lft-arw.png) no-repeat;
    background-size: 15px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 16px;
    top: 9px;
}

 .slick-next:before {
    content: '';
    background: url(./assets/images/rgt-arw.png) no-repeat;
    background-size: 15px;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -18px;
    top: 9px;
}
.slider-for { border-radius: 14px; overflow: hidden; }
.slider-for img { display: block; width: 100%; height: 520px; object-fit: cover; }
.thumb-wrap { margin-top: var(--gap); }
.slider-nav .slick-slide { padding: 0 6px; }
.slider-nav img { width: 100%; height: 100px; object-fit: cover; border-radius: 10px; border: 2px solid transparent; display:block; }
.slider-nav .slick-current img { border-color: #60a5fa; }
.slick-prev:before, .slick-next:before { color: #93c5fd; }
@media (max-width: 768px) {
.slider-for img { height: 360px; }
.slider-nav img { height: 80px; }
}
.innerluxtremetxt-slider-section .slider-main .slider-item .title {
    width: 406px;
}
p:empty{
    display:none;
}
img{
    max-width:100%;
    height:100%;
    overflow:hidden;
}
/* Pagination */
.pagination {
    clear: both;
    position: relative;
    font-size: 17px;
    line-height: 19px;
    float: left;
    justify-content: center;
    margin: 10px auto;
    text-align: center;
    display: flex;
    width: 100%;
}

.pagination span,
.pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 9px 11px 7px 11px;
    text-decoration: none;
    width: auto;
    color: #fff;
    background: #555;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination a:hover {
    color: #fff;
    background: #f79420;
}

.pagination .current {
    padding: 9px 11px 7px 11px;
    background: #f79420;
    color: #fff;
}