/* Container */
.container { max-width: 1080px; margin: 0 auto; }
.max-container { margin: 0 auto; max-width: 1440px;}
.mobile-container { max-width: 414px; margin: 0 auto; }

/* Clear */
.clear { clear: both !important; }

/* Display */
.block { display: block; }
.inline-block { display: inline-block; }
.hidden { display: none; }

/* Floats */
.float-left { float: left; }
.float-right { float: right; }
.left { float: left !important; }
.right { float: right !important; }
.clearfix::after { content: ""; display: table; clear: both; }

/* Backgrounds */
.bg-white {background: #fff;}
.bg-black { background: #000; }
.bg-grey { background: #e6e6e6; }
.bg-dark {background-color: #191919;}
.bg-primary { background: #00ADB5;}
.bg-secondary {background: #151515;}
.bg-third { background: #222831; }

/* Colors */
.text-white { color: #fff; }
.text-black { color: #000; }
.text-primary { color: #213555; }
.text-secondary { color: #3E5879; }

/* Borders */
.border { border: 1px solid #ddd; }
.border-t { border-top: 1px solid #ddd; }
.border-b { border-bottom: 1px solid #ddd; }
.border-l { border-left: 1px solid #ddd; }
.border-r { border-right: 1px solid #ddd; }
.border-none { border: none; }

/* Borders Radius */
.br-100 { border-radius: 100px;}
.br-2 { border-radius: 2px;}
.br-3 { border-radius: 3px;}
.br-4 { border-radius: 4px;}
.br-5 { border-radius: 5px;}
.br-6 { border-radius: 6px;}
.br-7 { border-radius: 7px;}
.br-8 { border-radius: 7px;}

/* Padding */
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }
.pt-5 { padding-top: 5px; }
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pb-5 { padding-bottom: 5px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pl-5 { padding-left: 5px; }
.pl-10 { padding-left: 10px; }
.pl-20 { padding-left: 20px; }
.pr-5 { padding-right: 5px; }
.pr-10 { padding-right: 10px; }
.pr-20 { padding-right: 20px; }


/* Margin */
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 {margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px; }
.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mt-1 { margin-top: 1px; }
.mb-1 { margin-bottom: 1px; }

/* Text Alignment */
.text-left { text-align: left; }
.text-center, .center { text-align: center; }
.text-right { text-align: right; }

/* Text Size */
.text-uppercase { text-transform: uppercase; }
.text-10 { font-size: 10px; }
.text-12 { font-size: 12px; }
.text-14 { font-size: 14px; }
.text-16 { font-size: 16px; }
.text-18 { font-size: 18px; }
.text-20 { font-size: 20px; }
.text-22 { font-size: 22px; }
.text-24 { font-size: 24px; }
.text-26 { font-size: 26px; }
.text-28 { font-size: 28px; }
.text-30 { font-size: 30px; }
.text-32 { font-size: 32px; }
.font-primary { font-family: 'Roboto'; }
.font-secondary { font-family: 'Roboto'; }

/* Font Weight */
.weight-100 { font-weight: 100; }
.weight-200 { font-weight: 200; }
.weight-300 { font-weight: 300; }
.weight-400 { font-weight: 400; }
.weight-500 { font-weight: 500; }
.weight-600 { font-weight: 600; }
.weight-700 { font-weight: 700; }
.weight-800 { font-weight: 800; }
.weight-900 { font-weight: 900; }

/* Font Weight */
.space-nowrap {white-space: nowrap;}

/* Flexbox */
.flex {   display: -webkit-box;  display: -ms-flexbox;  display: flex; }
.flex-row {   -webkit-box-orient: horizontal;  -webkit-box-direction: normal;  -ms-flex-direction: row;  flex-direction: row; }
.flex-col {   -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column; }
.justify-start { justify-content: flex-start; }
.justify-center { justify-content: center; }
.justify-end { justify-content: flex-end; }
.justify-between { justify-content: space-between; }
.items-start { align-items: flex-start; }
.items-center { align-items: center; }
.items-end { align-items: flex-end; }
.items-stretch { align-items: stretch; }
.mx-auto {margin-left: auto;margin-right: auto;}

/* Grid */
.grid { display: grid; }
.grid-cols-1 { grid-template-columns: repeat(1, 1fr); }
.grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
.grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
.grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
.gap-1 { gap: 1px; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }
.align-space-between { align-content: space-between; }

/* Positioning */
.relative {position: relative;}
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }
.right-0 { right: 0; }

/* Overflow */
.overflow-auto { overflow: auto; }
.overflow-hidden { overflow: hidden; }
.overflow-x-scroll { overflow-x: scroll; }
.overflow-y-scroll { overflow-y: scroll; }
.hide-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }
.hide-scrollbar::-webkit-scrollbar {  display: none; }

/* Transitions */
.transition-all { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.transition-colors { transition: background-color 0.3s ease, color 0.3s ease; }
.transition-opacity { transition: opacity 0.3s ease; }

/* Cursor */
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }

/* Z-Index */
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-999 { z-index: 999; }

/* Width */
.width-full {width: 100%;}
.width-50 {width: 50%;}
.height-100 { height: 100vh; }
/* Line Clamp */
.line-clamp-1 { -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; }
.line-clamp-2 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; line-height: 1.4; }


/* Header */
.header_container {height: 100px;}
.desktop-navigation ul li a {display: block;font-weight: 700;font-size: 18px;margin-left: 10px;border-radius: 4px;padding: 10px 15px;text-transform: uppercase;color: #fffafa;}
.desktop-navigation ul li a:hover {background: #cc0809;text-transform: uppercase;}
.desktop_header {
    background-image: url(../images/texatur.svg);
    background-position: center center;
    background-size: 80px;
}
.mobile_header_container { height: 80px; margin: 0 15px; }
.mobile_header {
    background-image: url(../images/texatur.svg);
    background-position: center center;
    background-size: 80px;
}

/* Menu Toggle */
.menu-toggle:hover, .menu-toggle:active, .menu-toggle { background: #ffffff00; }
.menu-toggle { cursor: pointer; padding: 10px; }
.mobile-search { display: none; }
.show-mobile-search { display: block; }
.mobile-menu-float {box-sizing: border-box;display: none;height: 100%;left: 0;position: fixed;top: 80px;width: 260px;z-index: 99999;border-top: 1px solid #e5e5e5;}
.mobile-post-info .post-archive-info { font: 12px Montserrat, sans-serif; }
.mobile-posts-list { border-bottom: 1px solid #dedede; padding: 5px; }
.mobile-posts-list-img img {width: 100%;height: 100%;object-fit: cover;}
.mobile-posts-list-title { display: grid; width: 100%; }
.mobile-scroll {height: 100vh;overflow: scroll;}
.mobile-menu li a:after {    content: "❯";    float: right;    font-size: 14px;}
.mobile-menu li a {border-bottom: 1px solid #c8c8c8;display: block;font: 700 16px Inter, sans-serif;padding: 20px 15px;text-transform: uppercase;color: #000000;}
.footer-menu-float li a {border-bottom: 1px solid #c8c8c8;display: block;font: 14px Inter, sans-serif;padding: 10px 15px;text-transform: uppercase;color: #000000;}
.footer-menu-float li a:after {    content: "❯";    float: right;    font-size: 14px;}
.menu-overlay {background-color: #000000bd;display: none;height: 100%;left: 0;position: fixed;top: 80px;width: 100%;z-index: 9999;}
.menu-is-open { display: block; }
.body-menu-open { overflow: hidden; width: 100%; height: 100%; }

/* Toggle Button */
.toggle-button { height: 50px; padding: 10px 20px; white-space: nowrap; width: 260px; z-index: 999; position: relative; background: #000000; }
.desktop_menu_css { white-space: nowrap; }
.desktop-navigation { overflow: hidden; }



/*--------- Home Page */

/* Form Hero */
.form-hero-home { position: absolute; top: 50%; left: 0; z-index: 9999; right: 0; margin-top: -40px; }

/* Head Title */
.head_title_home {overflow: hidden;display: block;padding: 30px 0;font-size: 28px;text-transform: uppercase;}
.head_title_home:after, .head_title_home:before {background-color: #c30202;content: "";display: inline-block;height: 4px;position: relative;vertical-align: middle;width: 10%;}
.head_title_home:before { right: .5em; margin-left: -50%; }
.head_title_home:after { left: .5em; margin-right: -50%; }
/*--------- Home Page */

/* Footer */
.footer-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 50px 0; }
.madress-footer a {    color: #ffffff;}
.footer_menu_css li a {color: #bf0000;font-weight: 700;font-size: 18px;display: block;padding: 10px;transition: all 0.4s ease-in-out;}
.footer_menu_css .menu-item a:hover {    margin-left: 10px;}
.border-top-x1 { border-top: 1px solid #7f7f7f70 }

/* Footer Bottom */
.developer-reserved {background: #000000;}
.dev-link, .dev-link a {    color: #ffffff;}
.dev-link { display: none; }
.dev-link-show { display: block; }
.all-right-reserved-hidden { display: none;}


/* Content */
.content-text h1, .content-text h2, .content-text h3, .content-text h4, .content-text h5 {    margin-bottom: 10px;    font-size: 26px;}
.content-full h1, .content-full h2, .content-full h3, .content-full h4, .content-full h5, .content-full h6 {    margin-bottom: 15px;}
.cotent-text p, .content-full p { font-size: 16px; margin-bottom: 30px; }
.cotent-text p strong {    font-size: 22px;    margin-bottom: 10px;}
.cotent-text ul {    margin-left: 20px;    margin-bottom: 20px;}
.cotent-text ul li{    margin-bottom:20px;    font-size:18px;    /* font-weight: 500; */}
.cotent-text ul li:before{    margin-right: 10px;    content: "●";    font-size: 18px;}
.cotent-text {    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}
.tags-single a:before { content: "#";}
.tags-single a {padding: 5px;color: #666666;font-weight: 700;}

/* Blog Posts */
.single-title {font-size: 28px;font-family: "Outfit", sans-serif;font-style: normal;font-weight: 900;}
.blog-post-home-title { font-size: 18px; }


/* Sidebar */
.sidebar { width: 300px; }
.sidebar-sticky {position: sticky;top: 10px;}
.page-warpper { width: 760px; }
.page-post-content-posts { width: 760px; -webkit-box-flex: 0; -ms-flex: 0 0 760px; flex: 0 0 760px; max-width: 760px; }


/* Pagination */
.pagination ul { display: flex; justify-content: space-between; }
.pagination ul li a { display: block; border: 1px solid #000000; padding: 10px 15px; background: #ffffff; }
.pagination ul li .current { display: block; border: 1px solid #000000; padding: 10px 15px; background: #000000; color: white; }

/* Contact Form */
.wpcf7-form label {border: 1px solid #a6a6a6;padding: 6px 12px;border-bottom: none;display: inline-block;}
.wpcf7-form input { margin-bottom: 15px; }
.wpcf7-not-valid-tip { color: #d60000; font-weight: 700; }
#wpcf7-f2065-o1-ve-your-name, #wpcf7-f2065-o1-ve-your-email, #wpcf7-f2065-o1-ve-your-subject, #wpcf7-f2065-o1-ve-your-message { color: #d60000; font-weight: 700; }
.wpcf7-form-control-wrap .wpcf7-not-valid { border: 3px solid #d60000; }

/* Tooltip */
.tooltip-container { position: relative; display: inline-block; }
.tooltip-button { padding: 10px 20px; font-size: 16px; cursor: pointer; }
.tooltip-text {visibility: hidden;width: 100px;color: #fff;text-align: center;border-radius: 5px;padding: 5px 0;position: absolute;z-index: 1;bottom: 150%;left: 50%;margin-left: -50px;opacity: 0;transition: opacity 0.3s;background-color: #000000;}
.tooltip-text::after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #000000 transparent transparent transparent;}
.tooltip-container:hover .tooltip-text { visibility: visible; opacity: 1; }

/* Scroll Top */
.scroll-Top {background-color: #bf0000;cursor: pointer;position: fixed;padding: 10px;bottom: 60px;right: 10px;z-index: 999;opacity: 0;transform: translateY(100px);transition: all 0.5s ease;}
.scroll-Top-active { opacity: 1; transform: translateY(0); }

/* Car Listings */
.archive-title {font-size: 18px;font-family: "Outfit", sans-serif;font-optical-sizing: auto;font-weight: 900;font-style: normal;}
.status-listing {position: absolute;padding: 5px 10px;color: #ffffff;text-align: center;z-index: 99;}
.car-featured {right: 10px;top: 10px;background: #f6df02;}
.car-status-sold {left: 10px;top: 10px;background: #d00000;}
.car-status-reserved {left: 10px;top: 10px;background: #2196F3;}
.car-listing {    box-shadow: 0px 2px 8px rgb(0 0 0 / 5%);    border-radius: 8px;    overflow: hidden;    border: 1px solid #f8f8f8;}
.car-listing:hover {    box-shadow: 0px 2px 8px #00000040;}

/* Car Details */
.morder-tb { display: flex; justify-content: space-between; align-items: center; }
.single-car-gallery {    width: 680px;}
.car-details {width: 380px;}
.price-on-single {font-weight: 700;font-size: 24px;color: #b00000;font-family: impact, sans-serif;text-shadow: 2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px 1px 0 #fff, 2px -1px 0 #fff, -2px -1px 0 #fff, -2px 1px 0 #fff, 2px 0 0 #fff, 2px 0 0 #fff, -2px 0 0 #fff, -2px 0 0 #fff, 1px 2px 0 #fff, 1px -2px 0 #fff, -1px -2px 0 #fff, -1px 2px 0 #fff, 1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px 0 0 #fff, 1px 0 0 #fff, -1px 0 0 #fff, -1px 0 0 #fff, 0px 2px 0 #fff, 0px -2px 0 #fff, 0px -2px 0 #fff, 0px 2px 0 #fff, 0px 1px 0 #fff, 0px -1px 0 #fff, 0px -1px 0 #fff, 0px 1px 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0px 0 0 #fff, 0 0 0 #fff, 2px 2px 5px #717171;}
.car-gallery {overflow: hidden;}

/* Car Search Form */
.car-search-form .car-search-form-select { width: 100%; margin-right: 10px; }
.sidebar-car-search-form .car-search-form-button { display: block; width: 100%; }

/* Accordion */
.accordion-table { width: 100%; border-collapse: collapse; }
.accordion-item { border: 2px solid #000000; margin-top: 10px; }
.accordion-header { background-color: #ffffff; padding: 10px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; }
.accordion-content { display: none; padding: 10px; border-top: 2px solid #000000; }
.arrow { transition: transform 0.3s ease; margin-right: 10px; }
.open .arrow { transform: rotate(90deg); }


/* Open Hours */
.open-hours { border: 1px solid #dddddd; }
.open-hours li { padding: 10px; border-collapse: collapse; border: 1px solid #dddddd; margin: 0; display: flex; justify-content: space-between; border-radius: 0; }
.open-hours li:hover { background: #f7f8fa; cursor: pointer; }
.current-day { background-color: #e3f2fd; font-weight: bold; color: #1976d2; }
.Sunday { background-color: #ffebee; color: #c62828; }

/* Archive Car Listings */
.car-archive-title {    font-size: 32px;    font-family: "Outfit", sans-serif;    font-optical-sizing: auto;    font-weight: 900;    font-style: normal;}
.archive-car-listings {flex: 0 0 720px;flex-shrink: 0;}
.sidebar-car-listing {flex: 0 0 330px;flex-shrink: 0;margin-left: 10px;}



.header-date-friday {
    font-size: 16px;
    font-weight: 600;
}

/* Basic styling for the element */
.pulse {
  width: 10px;
  height: 10px;
  background-color: #94ff00; /* You can change the color */
  border-radius: 50%; /* Makes it a circle */
}

/* Keyframes for the pulsing animation */
@keyframes pulse {
  0% {
    transform: scale(1); /* Normal size */
    opacity: 1; /* Fully visible */
  }
  50% {
    transform: scale(1.2); /* Slightly larger */
    opacity: 0.7; /* Slightly transparent */
  }
  100% {
    transform: scale(1); /* Back to normal size */
    opacity: 1; /* Fully visible */
  }
}

/* Apply the animation to the element */
.pulse {
  animation: pulse 2s infinite; /* 2s duration, infinite loop */
}

.cooming-soon {display: flex;justify-content: center;align-items: center;height: 100vh;background: #222222;}
.cooming-soon-container {max-width: 600px;}
.cooming-soon-warpper {background: #ffffff;padding: 20px; margin: 20px; border-radius: 10px;box-shadow: 0 4px 20px #000000;text-align: center;}
.cooming-soon-title {font-size: 42px;margin: 0;color: #000000;text-transform: uppercase;}
.cooming-soon-domain {text-transform: uppercase;font-size: 28px;margin: 30px 0;padding: 20px 0;color: #ffffff;background: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(50%, #ab0000), to(#ffffff));background: linear-gradient(to left, #ffffff 0%, #ab0000 50%, #ffffff 100%);position: relative;}
.cooming-soon-domain:before {content: '';position: absolute;top: 0;left: 0;height: 3px;width: 100%;background: -webkit-gradient(linear, right top, left top, from(rgba(255, 0, 0, 0)), color-stop(50%, #ab0000), to(rgba(255, 0, 0, 0)));background: linear-gradient(to left, rgba(255, 0, 0, 0) 0%, #ab0000 50%, rgba(255, 0, 0, 0) 100%);}
.cooming-soon-domain:after {content: '';position: absolute;bottom: 0;left: 0;height: 3px;width: 100%;background: -webkit-gradient(linear, right top, left top, from(rgba(255, 0, 0, 0)), color-stop(50%, #ab0000), to(rgba(255, 0, 0, 0)));background: linear-gradient(to left, rgba(255, 0, 0, 0) 0%, #ab0000 50%, rgba(255, 0, 0, 0) 100%);}
.cooming-soon-paragraf {font-size: 16px;font-family: Arial, sans-serif;color: #272727;}

.mobile-post-list-title {
    font-size: 16px;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    font-style: normal;
}

.footer-return {
    background-image: url(../images/texatur.svg);
    background-position: center center;
    background-size: 200px;
    background-color: #000000;
}

.mobile-footer {
    background-image: url(../images/texatur.svg);
    background-position: center center;
    background-size: 200px;
    background-color: #000000;
}

.mobile-footer-box {background-color: #00000096;}


.car-description h1, .cotent-text h2, .cotent-text h3, .cotent-text h4, .cotent-text h5, .cotent-text h6 {    margin-bottom: 10px;}
.car-description p {    font-size: 16px;    margin-bottom: 30px;}
.car-description p {    margin-bottom: 10px;    font-size: 16px;}
.car-description h1, .content-full h2, .content-full h3,.content-full h4, .content-full h5, .content-full h6 {    margin-bottom: 15px;}
.car-description h1,.content-text h2,.content-text h3,.content-text h4,.content-text h5 {    margin-bottom: 10px;    font-size: 26px;}
.car-description p strong {    font-size: 22px;    margin-bottom: 10px;}
.car-description ul {    margin-left: 20px;    margin-bottom: 20px;}
.car-description ul li{    margin-bottom:20px;    font-size:18px;    /* font-weight: 500; */}
.car-description ul li:before{    margin-right: 10px;    content: "●";    font-size: 18px;}
.car-description {    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}




.page-btn {
    
    
    /* Vertical and horizontal centering */
    

    
    /* Optional: fix line-height issues */
    
background: #ffffff;
    
padding: 15px;
    
font-weight: 700;
    
font-size: 18px;
    
width: 50px;
    
height: 50px;
    
    /* Vertical and horizontal centering */
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
    /* Optional: fix line-height issues */
    
line-height: normal;
}

/* Disabled state */
.disabled-btn {
    opacity: 0.5;
    cursor: not-allowed;
}



/* Hover effects */
.prev-btn:hover,
.next-btn:hover:not(.disabled-btn) {
    opacity: 0.8;
}

.current-page {
    
background: #ffffff;
    
padding: 15px;
    
font-weight: 700;
    
font-size: 18px;
    
width: 40px;
    
height: 40px;
    
    /* Vertical and horizontal centering */
    
display: flex;
    
align-items: center;
    
justify-content: center;
    
    /* Optional: fix line-height issues */
    
line-height: normal;
    
}

.pagination .page-numbers {
    font-size: 22px;
}
.hero-container {    height: 555px;    overflow: hidden;}
.home-hero-bg:before {    background-color: #00000069;    position: absolute;    left: 0;    top: 0;    right: 0;    bottom: 0;     content: ''; }
.car-search-form .car-search-form-select {padding: 15px;border: none;font-weight: 700;color: #494949;border-radius: 4px;}

.book-test {
    background: #cc0809;
    padding: 14px;
    text-transform: uppercase;
}

.contact-submit-btn {
    display: block !important;
    width: 100%;
    margin-top: 20px;
    border-radius: 4px;
}

.contact-page-left-box {
    background-color: #f8f8f8;
    display: grid
;
}

.fdfgre {
    font-size: 22px;
}

.info-icon-svg {
    width: 50px;
    height: 50px;
    background: #bf0000;
    flex: 0 0 50px;
}

.contact-page-right, .contact-page-left-box {
    box-shadow: 0px 2px 8px rgb(0 0 0 / 5%);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f8f8f8;
}

.view-more-btn {
    border: 1px solid #272727;
    border-radius: 4px;
    background: white;
    transition: background 0.5s;
}

.car-listing:hover .view-more-btn {
    background: #000000;
    color: #ffffff;
}
.car-listing:hover .view-more-btn svg {
   fill:#ffffff;
}


.page-not-found {
    height: 100vh;
}

.button-primary {
    border-radius: 4px;
    padding: 15px 30px;
    font-weight: 700;
    color: white;
    border: 2px solid #950000;
    background-color: #d32323;
    background-image: linear-gradient(to top, #a70707, #ca0101);
    text-align: center;
}

.button-primary:hover {
    background-color: #d32323;
    background-image: linear-gradient(to top, #870000, #d60000);
}

.page-lost {
    background-image: url(../images/texatur.svg);
    background-position: center center;
    background-size: 100px;
}

.search-toggle-container {position: sticky;top: 0;z-index: 999;background: #ffffff;padding: 20px;}
.search-toggle-button {width: 100%;color: white;border: none;border-radius: 4px;cursor: pointer;font-size: 16px;transition: background-color 0.3s ease;height: 50px;}
.search-toggle-content {max-height: 0;overflow: hidden;transition: max-height 0.3s ease-out;background: white;border-radius: 4px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);position: relative;}
.search-toggle-content-active {max-height: 400px;transition: max-height 0.5s ease-in;margin-top: 20px;}
.search-toggle-content-body {padding: 20px;}


.view-all-vehicles-btn {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    border: 1px solid #500000;
}

.view-all-vehicles-btn:hover {
    background: #c20202;
    color: #ffffff;
}

.double-line-small:before, .double-line-small:after {
    background-color: #c30202;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 30px;
}

.double-line-small:before {
    right: 10px;

}

.double-line-small:after {
    left: 10px;

}

.our-mision-paragraph {
    max-width: 700px;
    margin: 0 auto;
    text-align: justify;
}


.our-values-boxes {
    border: 1px solid #000000;
}






/* 1a. Make the modal swiper fill the viewport */
.modal-swiper {
  width: 100vw;              /* full viewport width */
  height: 100vh;             /* full viewport height */
}

/* 1b. Center the img inside each slide & contain it */
.modal-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-swiper .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;       /* scale to fit, no cropping */
}

/* 1c. (Optional) For inline carousel, cap height and contain */
.inline-swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.inline-swiper .swiper-slide img {
  max-width: 100%;
  max-height: 100vh;          /* e.g. never taller than 60% of viewport */
  object-fit: contain;
}

/* Modal backdrop */
.bs-gallery-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.9);
  align-items: center;
  justify-content: center;
}

/* Close “×” */
.bs-gallery-close {
  position: absolute;
  top: 20px; right: 30px;
  font-size: 36px;
  color: #fff;
  cursor: pointer;
  z-index: 10000;
}
.modal-swiper {
  width: 90%;
  max-width: 1200px;
}
.modal-swiper .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
}


.float-whatsapp {
    background: #25d366;
    position: fixed;
    right: 10px;
    bottom: 120px;
    padding: 8px;
    border-radius: 10px;
    border: 4px solid #ffffff;
}

/* Container for custom styling */
.custom-select {
  position: relative;
  display: block;      /* full-width selects */
  width: 100%;
  margin-bottom: 10px; /* space between fields */
}

/* Remove native appearance */
.custom-select .car-search-form-select {
  -webkit-appearance: none;  /* Safari & Chrome */
  -moz-appearance: none;     /* Firefox */
  appearance: none;          /* Standard */
  width: 100%;
  padding: 14px;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 1em;
  line-height: 1.2;
  cursor: pointer;
  position: relative;
}

/* Inject custom SVG arrow */
.custom-select::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0px;                   /* distance from right edge */
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M21.1%2C8.8L12.9%2C17c-0.5%2C0.5-1.3%2C0.5-1.8%2C0L2.9%2C8.8C2.4%2C8.3%2C2.4%2C7.5%2C2.9%2C7l0%2C0c0.5-0.5%2C1.3-0.5%2C1.8%2C0l6.4%2C6.4c0.5%2C0.5%2C1.3%2C0.5%2C1.8%2C0L19.3%2C7c0.5-0.5%2C1.3-0.5%2C1.8%2C0v0C21.6%2C7.5%2C21.6%2C8.3%2C21.1%2C8.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}