.elementor-394 .elementor-element.elementor-element-7c91ec0{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-394 .elementor-element.elementor-element-7c91ec0:not(.elementor-motion-effects-element-type-background), .elementor-394 .elementor-element.elementor-element-7c91ec0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://avautos.in/wp-content/uploads/2026/02/abc-porsche-red-with-autos-2k-scaled.png");background-position:center left;background-size:cover;}.elementor-394 .elementor-element.elementor-element-e400430{--grid-template-columns:repeat(1, auto);text-align:right;margin:-50px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;bottom:120px;z-index:1000;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(234.60000000000002, 234.60000000000002, 234.60000000000002, 0.5);--grid-column-gap:0px;--grid-row-gap:14px;}body:not(.rtl) .elementor-394 .elementor-element.elementor-element-e400430{right:25px;}body.rtl .elementor-394 .elementor-element.elementor-element-e400430{left:25px;}.elementor-394 .elementor-element.elementor-element-b727a3c{--display:flex;--min-height:558px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-505a1a5{font-family:"Arial", Sans-serif;font-weight:400;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-394 .elementor-element.elementor-element-0eca960 .elementor-heading-title{font-family:"Arial", Sans-serif;font-weight:500;text-transform:uppercase;letter-spacing:1px;color:#D81E1E;}.elementor-394 .elementor-element.elementor-element-18195e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-394 .elementor-element.elementor-element-18195e3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-394 .elementor-element.elementor-element-dd39a23{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-394 .elementor-element.elementor-element-b73bed0{text-align:center;}.elementor-394 .elementor-element.elementor-element-b73bed0 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:600;color:#000000;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-394 .elementor-element.elementor-element-b360c54{--display:flex;}.elementor-394 .elementor-element.elementor-element-3b0ced2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-394 .elementor-element.elementor-element-1a9960b{--display:flex;}.elementor-394 .elementor-element.elementor-element-7a84797 > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-394 .elementor-element.elementor-element-ded3265{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;z-index:1000;--n-tabs-title-gap:30px;--n-tabs-title-border-radius:10px 10px 10px 10px;--n-tabs-title-font-size:14px;}.elementor-394 .elementor-element.elementor-element-ded3265.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F30000;}.elementor-394 .elementor-element.elementor-element-ded3265.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-394 .elementor-element.elementor-element-ded3265.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#F30000;}.elementor-394 .elementor-element.elementor-element-ded3265.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-394 .elementor-element.elementor-element-4d793df{margin-top:0px;margin-bottom:0px;padding:0px 0px 50px 0px;}.elementor-394 .elementor-element.elementor-element-5c890fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-394 .elementor-element.elementor-element-e1eae41{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-394 .elementor-element.elementor-element-e1eae41 img{width:25%;}.elementor-394 .elementor-element.elementor-element-bfd01fd:not(.elementor-motion-effects-element-type-background), .elementor-394 .elementor-element.elementor-element-bfd01fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-394 .elementor-element.elementor-element-bfd01fd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-394 .elementor-element.elementor-element-bfd01fd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-394 .elementor-element.elementor-element-a808d0e{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-394 .elementor-element.elementor-element-56e7fa7{--e-image-carousel-slides-to-show:5;}.elementor-394 .elementor-element.elementor-element-56e7fa7 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:2px 2px 2px 2px;border-color:#B9ABAB;border-radius:25px 25px 25px 25px;}.elementor-394 .elementor-element.elementor-element-c859d9f{--display:flex;}@media(min-width:768px){.elementor-394 .elementor-element.elementor-element-7c91ec0{--width:100%;}}@media(max-width:767px){.elementor-394 .elementor-element.elementor-element-7c91ec0:not(.elementor-motion-effects-element-type-background), .elementor-394 .elementor-element.elementor-element-7c91ec0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://avautos.in/wp-content/uploads/2026/02/abc-porsche-autos-mobile.png");background-position:center center;background-size:cover;}.elementor-394 .elementor-element.elementor-element-7c91ec0{--min-height:100vh;--justify-content:flex-end;}.elementor-394 .elementor-element.elementor-element-e400430{margin:0px -13px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:7px 7px 7px 7px;z-index:10000;border-radius:16px 16px 16px 16px;--icon-size:16px;}.elementor-394 .elementor-element.elementor-element-505a1a5{text-align:center;}.elementor-394 .elementor-element.elementor-element-0eca960{text-align:center;}.elementor-394 .elementor-element.elementor-element-0eca960 .elementor-heading-title{font-size:15px;}.elementor-394 .elementor-element.elementor-element-ded3265{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:8px;}.elementor-394 .elementor-element.elementor-element-a808d0e{--min-height:130px;}.elementor-394 .elementor-element.elementor-element-56e7fa7{--e-image-carousel-slides-to-show:3;}}/* Start custom CSS for html, class: .elementor-element-9f9dab4 *//* Main Container */
.search-section {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.search-wrapper {
    position: relative;
    width: 390px;
}

/* FILTER ICON */
.filter-icon {
    cursor: pointer;
    color: #aaa;
    transition: 0.3s;
}

.filter-icon:hover {
    color: #fff;
}

/* FILTER PANEL */
.filter-panel {
    position: absolute;
    top: 65px;
    right: 10;
    width: 550px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(255,255,255,0.2);
    padding: 25px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: 0.35s ease;
    z-index: 1000;
}

/* ACTIVE STATE */
.filter-panel.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.filter-panel h4{
    margin-top: 10px;
}

.filter-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.filter-tags span {
    padding: 7px 14px;
    border: 1px solid #ddd;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s;
}

.filter-tags span:hover {
    background: #111;
    color: #fff;
    scale: 1.08;
}

.filter-actions {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.reset-btn {
    background: #6c757d;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 8px;
    cursor: pointer;
}

.apply-btn {
    background: #e21628;
    color: #fff;
    border: none;
    padding: 8px 18px;
    border-radius: 8px;
    cursor: pointer;
}


/* Search Box */
.search-box {
  background: transparent;
  border: 1px solid #fff;
  border-radius: 50px;
  padding: 12px 20px;
  display: flex;
  align-items: center;
  width: 380px;
  transition: 0.3s ease;
}

.search-box:hover {
  border-color: #444;
}

.search-box input {
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-size: 15px;
  width: 100%;
  padding: 0 15px;
}

.search-box input::placeholder {
  color: #888;
}

/* Icons */
.search-icon,
.filter-icon {
  color: #aaa;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;
}

.search-icon:hover,
.filter-icon:hover {
  color: #fff;
}

.filter-icon:hover {
  color: #000;
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
}

/* Discover Button */
.discover-btn {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #f2f2f2;
  color: #000;
  padding: 8px 10px 8px 14px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 500;
  transition: 0.3s ease;
}

.discover-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(255,255,255,0.1);
}

/* Arrow Circle */
.arrow-circle {
  background: #000;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: 0.3s ease;
}

.discover-btn:hover .arrow-circle {
  transform: translateX(5px);
}

.filter-actions Button:hover{
    scale: 1.1;
}

/* =========================
   MOBILE RESPONSIVE FIX
========================= */
@media (max-width: 768px) {

  /* Main container */
  .search-section {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
  }

  .search-wrapper {
    width: 100%;
  }

  /* Search box */
  .search-box {
    width: 100%;
    padding: 10px 16px;
  }

  .search-box input {
    font-size: 14px;
    padding: 0 10px;
  }

  /* Filter icon spacing */
  .filter-icon {
    font-size: 16px;
    padding: 6px;
  }

  /* FILTER PANEL */
  .filter-panel {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
    max-height: 85vh;
    overflow-y: auto;
    border-radius: 20px 20px 0 0;
    padding: 20px;
    transform: translateY(100%);
  }

  .filter-panel.active {
    transform: translateY(0);
  }

  /* Filter tags */
  .filter-tags {
    gap: 8px;
  }

  .filter-tags span {
    font-size: 13px;
    padding: 6px 12px;
  }

  /* Buttons */
  .filter-actions {
    position: sticky;
    bottom: 0;
    background: #fff;
    padding-top: 15px;
  }

  .reset-btn,
  .apply-btn {
    width: 100%;
    padding: 10px;
    font-size: 14px;
  }

  /* Discover button */
  .discover-btn {
    width: 100%;
    justify-content: space-between;
    padding: 10px 14px;
  }

  .arrow-circle {
    width: 32px;
    height: 32px;
  }
   .live-results-box {
    position: relative;
    top: 0;
    width: 100%;
    margin-top: 8px;
    max-height: 250px;
  }
}

/* =========================
   SMALL DEVICES (≤480px)
========================= */
@media (max-width: 480px) {

  .search-box {
    padding: 8px 14px;
  }

  .search-box input {
    font-size: 13px;
  }

  .filter-panel h4 {
    font-size: 15px;
  }

  .filter-tags span {
    font-size: 12px;
  }
}



.live-results-box {
    background: #fff;
    color: #000;
    margin-top: 10px;
    border-radius: 12px;
    padding: 10px;
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    z-index: 9999;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.live-results-box.active {
    display: block;
}



.live-results-box {
    opacity: 0;
    transition: 0.3s ease;
}

.live-results-box.active {
    display: block;
    opacity: 1;
}

.car-result-item {
    padding: 10px;
    border-bottom: 1px solid #eee;
}

.car-result-item a {
    text-decoration: none;
    color: #000;
}/* End custom CSS */