#header.header-transparent{background: #197048;}

.logo-scroll {
    display: block !important;
}
.logomains {
    display: none !important;
}

#header.header-scrolled .logo-scroll {
    display: block !important;
}
    .car-left img { width: 100%;background:#f0f0f0;margin-top:20px;}
	.active, .btnid:hover {
    transform: scale(1.0) !important;
    color: white;
}
    .tabs button {
      border: none;
      padding: 0.5rem 4rem;
      border-radius: 20px;
      margin-right: 1.5rem;
      cursor: pointer;
	  border: 1px solid #e0e0e0;
      background: #fff;
    }
    .tabs .active { background: #f4902a; color: #fff; }

    .option-box {
      background:#f0f0f0;
      padding:1rem;
      margin-bottom:1rem;
      border-radius:6px;
    }
	.option-box  h4{color:#000;font-size:17px;margin-bottom: 22px;}
	.option-box label{    
	padding: 10px 13px;
    border: 1px solid #d7d3cf;
    width: 100%;
	margin: 5px;
	color: #000;
    font-weight: 700;
    background: #Fff;
    border-radius: 4px;
}


    .colors { display:flex; gap:0.5rem; flex-wrap:wrap; }
    .color-circle {
      width:24px; height:24px; border-radius:50%;
      border:2px solid #ccc; cursor:pointer;
    }
    .color-circle.active { border:3px solid silver; }

    .price-box {
      margin-top:1rem;
      background:#f0f0f0;
      padding:1rem;
      border-radius:6px;
    }

    .btn-orange {
      background:#f4902a;
      border:none;
      color:#fff;
      padding:0.8rem 1.2rem;
      margin-top:1rem;
      width:100%;
      border-radius:6px;
      cursor:pointer;
    }

    /* Accordion custom */
    .accordion-header {
      cursor: pointer;
      font-weight: bold;
    }
.custom-select-wrapper {
  position: relative;
  width: 200px;
  font-family: Arial, sans-serif;
}

.custom-select {
  background-color: #fff;
  padding: 5px 1rem;
  border: 1px solid #ccc;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: border-color 0.3s;
}

.custom-select:hover {
  border-color: #f4902a;
}

.arrowbb {
  font-size:22px;
  color:#5b5b5b;
}

.custom-options {
  position: absolute;
  top: 105%;
  left: 0;
  right: 0;
  background-color: #fff;
 
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.1s ease-in-out, padding 0.3s ease;
  z-index: 99;
}

.custom-options.open {
  max-height: 500px;
  padding: 0.5rem 0;
}

.custom-options div {
  padding: 0.5rem 1rem;
  cursor: pointer;
}

.custom-options div:hover {
  background-color:#f4902a;
  color:#fff;
}
.btn-download {
  background: #f4902a;
  color: #fff;
  border: none;
  padding: 0.6rem 1.2rem;
  font-weight: bold;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s;
}
.dropdown-button-wrapper {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
      flex-wrap: wrap;
  margin: 2rem 0;
}
.btn-download:hover {
  background: #d87f1e;
}
#SpecsSection{background: #f0f0f0;padding:40px 0;margin-top: 35px;}
#SpecsSection h2{ font-family: Mulish, sans-serif;}

.bokkvf7d{margin-top:70px;}


@media screen and (max-width: 768px) {
  .bokkvf7d{margin-top:100px;}
  .tabs button {margin-bottom: 10px;}
  .p-4bokkvf7d{padding:0 !important;}

}