.elementor-496 .elementor-element.elementor-element-25d2d17{--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;--background-transition:0.3s;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-496 .elementor-element.elementor-element-25d2d17{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-939b9fa *//* =======================
   BOXES (match screenshot)
   ======================= */

/* active box: border highlight (not full blue background) */
.transport-card.active_price_box{
  background:#fff !important;
  color: inherit !important;
  border: 2px solid #0066A9 !important;
}

/* title color on active */
.active_price_box .cal-title span{
  color:#0066A9 !important;
}

/* make the cards flatter / clean */
.transport-card{
  border-radius: 12px !important;
  border: 1px solid #e6edf3 !important;
  padding: 18px 10px !important;
  background:#fff !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}
.transport-card:hover{
  background:#fff !important;
  border-color:#cfd9e3 !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.06) !important;
  transform: translateY(-1px);
}

/* icon circle smaller & lighter like screenshot */
.cal-icons{
  width: 50px !important;
  height: 50px !important;
 
}
.active_price_box .cal-icons{
  background:#fff !important;
}

/* text smaller like screenshot */
.cal-title span{
  font-size: 16px !important;
  font-weight: 700 !important;
}


/* ==========================================
   SLIDER DOT ONLY (keep everything else same)
   ========================================== */

/* WebKit (Chrome/Safari/Edge) */
.rs-range::-webkit-slider-thumb{
  -webkit-appearance: none !important;
  appearance: none !important;

  /* small round dot */
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;

  /* color like screenshot */
  background: #1e6bff !important;

  /* remove your old big pill styling */
  margin-top: -4px !important;   /* aligns dot on 1px track */
  box-shadow: 0 0 0 3px rgba(30,107,255,.12) !important;
  border: none !important;
}

/* Firefox */
.rs-range::-moz-range-thumb{
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #1e6bff !important;
  box-shadow: 0 0 0 3px rgba(30,107,255,.12) !important;
  border: none !important;
}/* End custom CSS */