﻿/* Deepam Cabs — Content cards & grids (css_v2) */
/* Service switcher â€” cross-service hub navigation (Section 2) */
.service-switcher{
  padding:24px 0 32px;
  background:var(--bg-light);
}
.service-switcher .container{max-width:1140px;margin:0 auto;padding:0 24px}
.service-switcher__nav{display:block}
.service-switcher__list{
  display:flex;align-items:stretch;gap:12px;
  margin:0;padding:0;list-style:none;
  overflow-x:auto;-webkit-overflow-scrolling:touch;
  scrollbar-width:none;
}
.service-switcher__list::-webkit-scrollbar{display:none}
.service-switcher__list li{flex:1 1 0;min-width:148px}
.service-switcher__card{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-height:52px;padding:14px 16px;
  border:1px solid var(--border);border-radius:14px;
  background:var(--white);
  color:var(--primary);font-size:.875rem;font-weight:600;
  text-align:left;white-space:nowrap;text-decoration:none;
  box-shadow:0 1px 2px rgba(17,24,39,.04),0 4px 14px rgba(17,24,39,.04);
  transition:color var(--transition),border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition);
}
.service-switcher__card:hover{
  color:var(--primary);border-color:rgba(57,181,74,.35);
  box-shadow:0 8px 24px rgba(17,24,39,.08);transform:translateY(-2px);
}
.service-switcher__card.is-active{
  color:var(--primary);background:rgba(57,181,74,.08);
  border:2px solid var(--green);
  box-shadow:0 8px 24px rgba(57,181,74,.12);
  font-weight:700;pointer-events:none;cursor:default;transform:none;
}
.service-switcher__label{flex:1 1 auto;line-height:1.3}
.service-switcher__go{
  flex-shrink:0;width:28px;height:28px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;background:var(--bg-light);color:var(--muted);
  font-size:1rem;line-height:1;transition:background var(--transition),color var(--transition);
}
.service-switcher__card:hover .service-switcher__go{background:rgba(57,181,74,.12);color:var(--green)}
.service-switcher__card:focus-visible{
  outline:2px solid var(--green);outline-offset:2px;
}

/* Sections */
.section{padding:96px 0;background:var(--bg)}
.section--alt{background:var(--bg-light)}
#reviews.section--alt,#permit-summary.section--alt{background:var(--bg-section-muted)}
#corporate.section{background:var(--bg)}
.section__header{text-align:center;max-width:640px;margin:0 auto 48px}
.section__eyebrow{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin-bottom:16px}
.section__title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:var(--primary);margin:0 0 16px;line-height:1.15;letter-spacing:-.02em}
.section__desc{margin:0;color:var(--muted);font-size:1.0625rem}

/* Services â€” outstation trip type cards (Section 3) */
#services.section{background:var(--bg-light)}
#services .section__header{margin-bottom:48px}
a.service-card{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
a.service-card:hover{color:inherit}
.service-card{
  height:100%;padding:40px;background:#FFFFFF;border:1px solid var(--card-border);border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.service-card__cta{
  display:inline-flex;align-items:center;gap:6px;
  margin-top:auto;padding-top:24px;
  font-size:.875rem;font-weight:700;color:var(--green);
}
.service-card__cta svg{width:16px;height:16px;flex-shrink:0;transition:transform .25s cubic-bezier(.4,0,.2,1)}
.service-card__cta i{font-size:.875rem;flex-shrink:0;transition:transform .25s ease}
a.service-card:hover .service-card__cta i{transform:translateX(3px)}
a.service-card:hover .service-card__cta svg{transform:translateX(3px)}
a.service-card:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.service-card:hover{
  border-color:var(--green);
  box-shadow:0 28px 60px rgba(15,23,42,.12),0 12px 28px rgba(15,23,42,.06);
  transform:translateY(-6px);
}
.service-card__icon{
  width:60px;height:60px;display:flex;align-items:center;justify-content:center;
  background:rgba(57,181,74,.1);border-radius:14px;color:var(--green);margin-bottom:28px;
  box-shadow:0 4px 14px rgba(57,181,74,.14);
  transition:transform .25s cubic-bezier(.4,0,.2,1);
}
.service-card:hover .service-card__icon{transform:scale(1.06)}
.service-card__icon svg{width:26px;height:26px}
.service-card h3{font-size:1.125rem;font-weight:700;color:var(--primary);margin:0 0 14px;line-height:1.35}
.service-card p{margin:0;font-size:.9375rem;color:var(--muted);line-height:1.65;max-width:38ch}

/* Why â€” outstation trust points (Section 7) */
.why-grid{display:grid;gap:24px}

.why-item{
  display:flex;gap:20px;padding:32px;
  background:var(--white);border:1px solid var(--card-border);border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.why-item:hover{border-color:var(--green);box-shadow:0 20px 48px rgba(15,23,42,.12);transform:translateY(-6px)}
.why-item__icon{
  width:48px;height:48px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:var(--green-pale);border-radius:12px;color:var(--green);
}
.why-item__icon svg{width:24px;height:24px}
.why-item__body{flex:1 1 auto;min-width:0}
.why-item h3{font-size:1.0625rem;font-weight:700;color:var(--primary);margin:0 0 8px;line-height:1.3}
.why-item p{margin:0;font-size:.9375rem;color:var(--text);line-height:1.6}
.why-item__support{margin-top:8px!important;font-size:.875rem!important;color:var(--muted)!important;line-height:1.55!important}
.why-item__support a{color:var(--green);font-weight:600;text-decoration:none}
.why-item__support a:hover{text-decoration:underline}

/* Reviews â€” real Google reviews (Section 8) */
.reviews-section__note{
  margin:-8px auto 12px;max-width:640px;
  font-size:.9375rem;font-weight:600;color:var(--green);
}
.reviews-featured{margin-bottom:32px}
.reviews-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:24px;
}
.review-card{
  position:relative;display:flex;flex-direction:column;height:100%;
  padding:28px;background:var(--white);border:1px solid var(--card-border);border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.review-card:hover{border-color:var(--green);box-shadow:0 20px 48px rgba(15,23,42,.12);transform:translateY(-6px)}
.review-card--featured{
  padding:36px;border-color:rgba(57,181,74,.35);
  box-shadow:0 12px 40px rgba(17,24,39,.08);
}
.review-card__badge{
  display:inline-block;width:fit-content;margin:0 0 16px;padding:6px 12px;border-radius:999px;
  font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--green-dark);background:var(--green-pale);
}
.review-card__quote{
  position:absolute;top:20px;right:24px;width:36px;height:36px;color:#4285F4;opacity:.85;
}
.review-card__quote svg{width:100%;height:100%}
.review-card__meta{
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;
}
.review-card__tag{
  display:inline-block;padding:4px 10px;border-radius:999px;
  font-size:.75rem;font-weight:600;color:var(--muted);background:var(--bg-light);border:1px solid var(--border);
}
.review-stars{color:var(--star-gold);letter-spacing:2px;margin-bottom:12px;font-size:.9375rem}
.review-text{
  font-size:.9375rem;color:var(--text);margin:0 0 20px;font-style:normal;line-height:1.7;flex:1 1 auto;
}
.review-text p{margin:0 0 .875rem}
.review-text p:last-child{margin-bottom:0}
.review-card__footer{margin-top:auto;padding-top:4px;border-top:1px solid var(--border)}
.review-author{
  display:block;font-size:.9375rem;font-weight:700;font-style:normal;color:var(--primary);margin:12px 0 0;
}
.reviews-carousel{
  display:contents;
}
.reviews-carousel__item{display:flex;min-height:100%}
.reviews-footer{text-align:center;margin-top:2.5rem}
.reviews-footer__link{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 24px;border:1px solid var(--border);border-radius:999px;
  font-size:.9375rem;font-weight:600;color:var(--primary);text-decoration:none;
  background:var(--white);
  transition:border-color var(--transition),color var(--transition),background var(--transition);
}
.reviews-footer__link:hover{border-color:var(--green);color:var(--green);background:var(--green-pale)}
.reviews-footer__link svg{width:16px;height:16px}


/* Corporate â€” business travel solution (Section 9) */
.corporate-solution{
  display:grid;gap:40px;align-items:center;margin-bottom:48px;
}
.corporate-solution__intro{
  margin:0 0 16px;color:var(--text);font-size:1rem;line-height:1.7;
}
.corporate-solution__lead{
  margin:0 0 24px;color:var(--muted);font-size:1.0625rem;line-height:1.75;
}
.corporate-solution__lead a{color:var(--green);font-weight:600;text-decoration:none}
.corporate-solution__lead a:hover{text-decoration:underline}
.corporate-use-cases{
  display:grid;gap:12px;margin:0;padding:0;list-style:none;
}
.corporate-use-cases li{
  display:flex;align-items:flex-start;gap:12px;
  padding:14px 16px;background:var(--bg-light);border:1px solid var(--border);border-radius:12px;
  font-size:.9375rem;color:var(--text);line-height:1.5;
}
.corporate-use-cases__icon{
  flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;
  border-radius:10px;background:var(--green-pale);color:var(--green);
}
.corporate-use-cases__icon svg{width:18px;height:18px}
.corporate-use-cases strong{display:block;font-size:.9375rem;color:var(--primary);margin-bottom:2px}
.corporate-solution__media{
  margin:0;border-radius:16px;overflow:hidden;aspect-ratio:4/3;
  background:var(--bg-light);border:1px solid var(--border);box-shadow:var(--shadow-sm);
}
.corporate-solution__media img{width:100%;height:100%;object-fit:cover;display:block}
.corporate-benefits__header{
  text-align:center;margin:56px calc(50% - 50vw) 0;
  padding:48px max(24px,calc(50vw - 570px)) 32px;
  background:var(--bg-light);
}
.corporate-benefits__header h3{
  margin:0 auto 16px;max-width:640px;
  font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:800;color:var(--primary);
}
.corporate-benefits__header p{margin:0 auto;max-width:640px;color:var(--muted);font-size:1rem;line-height:1.65}
.corporate-benefits{
  display:grid;grid-template-columns:1fr;gap:20px;margin:0 calc(50% - 50vw) 0;padding:0 max(24px,calc(50vw - 570px)) 48px;list-style:none;
  background:var(--bg-light);
}
.corporate-benefit{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-rows:auto 1fr;
  column-gap:16px;row-gap:4px;
  align-content:start;height:100%;
  padding:24px;background:var(--white);border:1px solid var(--card-border);border-radius:var(--card-radius);
  box-shadow:var(--card-shadow);
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;
}
.corporate-benefit:hover{
  border-color:var(--green);box-shadow:0 20px 48px rgba(15,23,42,.12);transform:translateY(-6px);
}
.corporate-benefit__icon{
  grid-column:1;grid-row:1;align-self:center;
  flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  border-radius:14px;background:rgba(57,181,74,.1);color:var(--green);
  box-shadow:0 4px 14px rgba(57,181,74,.12);
}
.corporate-benefit__icon svg{width:20px;height:20px}
.corporate-benefit__body{display:contents}
.corporate-benefit__body h4{
  grid-column:2;grid-row:1;align-self:center;
  margin:0;font-size:.9375rem;font-weight:700;color:var(--primary);
}
.corporate-benefit__body p{
  grid-column:1 / -1;grid-row:2;
  margin:0;font-size:.875rem;color:var(--muted);line-height:1.55;
}
.corporate-solution__actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 24px;
  margin-top:40px;padding-top:32px;border-top:1px solid var(--border);
}
.corporate-solution__link{
  font-size:.9375rem;font-weight:600;color:var(--primary);text-decoration:none;
}
.corporate-solution__link:hover{color:var(--green);text-decoration:underline}
.corporate-solution__phone{
  font-size:.9375rem;font-weight:700;color:var(--green);text-decoration:none;
}
.corporate-solution__phone:hover{color:var(--green-dark);text-decoration:underline}

