.elementor-864 .elementor-element.elementor-element-42b2e95{--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-864 .elementor-element.elementor-element-71ab69b7{--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-864 .elementor-element.elementor-element-71ab69b7.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-864 .elementor-element.elementor-element-71ab69b7{--width:98.727%;}}/* Start custom CSS for html, class: .elementor-element-9bc5f92 */:root{
  --accent:#ef7b2d;
  --muted:#777777;
  --title:#0b3b57;
  --card-bg:#fff;
  --shadow: 0 18px 35px rgba(8,17,23,0.06);
  --radius:14px;
}

/* Basic page container */
.tours-section{padding:36px 0 60px;background:#fff}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Section title */
.section-title{font-size:24px;color:var(--title);font-weight:700;margin-bottom:18px}

/* Grid */
.cards-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

/* Card */
.card{
  background:var(--card-bg);
  border-radius:12px;
  box-shadow:var(--shadow);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

/* Media area */
.card-media{
  position:relative;
  padding-top:64%; /* aspect ratio for image box */
  overflow:hidden;
  background:#f2f4f6;
}

.card-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Carousel dots (visual only) */
.img-dots{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:12px;
  display:flex;
  gap:8px;
  z-index:3;
}
.img-dots span{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,0.9);
  box-shadow:0 2px 6px rgba(0,0,0,0.12);
  opacity:0.85;
}

/* Card content */
.card-meta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:12px 16px 0 16px;
  gap:10px;
}
.duration{
  font-size:13px;
  color:var(--muted);
}

.rating{
  display:flex;
  align-items:center;
  gap:6px;
  color:#1a9361;
  font-weight:600;
  font-size:14px;
}

/* Title */
.card-title{
  font-size:15px;
  color:var(--title);
  font-weight:600;
  padding:10px 16px 6px 16px;
  line-height:1.25;
  min-height:52px;
}

/* badges */
.card-badges{
  display:flex;
  gap:8px;
  padding:0 16px 8px 16px;
  align-items:center;
}
.badge{
  background:#fff;
  border-radius:8px;
  padding:6px 8px;
  font-size:12px;
  color:#8a6b3a;
  box-shadow:0 6px 18px rgba(14,40,60,0.04);
}
.more{
  font-size:12px;
  color:#ef7b2d;
  background:transparent;
  padding-left:4px;
}

/* Pricing area */
.card-pricing{
  padding:8px 16px 12px 16px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.price-old{
  font-size:13px;
  color:#b6b6b6;
}
.price-old del{color:#b6b6b6}
.save{
  display:inline-block;
  background:#e6f6ef;
  color:#0b9b66;
  font-size:12px;
  padding:6px 8px;
  border-radius:6px;
  width:max-content;
}
.price-now{
  font-size:18px;
  color:#111;
  font-weight:700;
}

/* Actions */
.card-actions{
  display:flex;
  gap:12px;
  padding:14px 16px 18px 16px;
  align-items:center;
}

/* UPDATED — call button for <img> icon */
.call-btn{
  background:transparent;
  border:2px solid var(--accent);
  width:80px;
  height:58px;
  border-radius:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  padding:0;
}

/* UPDATED — style <img> icon */
.call-btn img{

  width:20px;
  height:20px;
  object-fit:contain;
  display:block;
}

.cta{
  flex:1;
  background:var(--accent);
  color:white;
  border:none;
  padding:12px 18px;
  border-radius:8px;
  font-weight:700;
  cursor:pointer;
}

/* Responsive */
@media (max-width:1024px){
  .cards-grid{grid-template-columns:repeat(2,1fr)}
  .container{max-width:980px}
}

@media (max-width:640px){
  .cards-grid{grid-template-columns:1fr}
  .card-title{font-size:16px}
  .section-title{font-size:20px}
  .img-dots{bottom:10px}
}/* End custom CSS */