.elementor-770 .elementor-element.elementor-element-91c4592{--display:flex;}.elementor-770 .elementor-element.elementor-element-ab86144{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-d8ab65d *//* =====================================================
   HERO BLOCK – INTERIOR DETAILING
===================================================== */

.mv-hero{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);

  min-height:80vh;
  display:flex;
  align-items:center;

  background:
    url("https://motorvalets.co.uk/wp-content/uploads/2026/01/range-rover-penarth-pier.png")
    center / cover no-repeat;
}

/* Content container */
.mv-hero-content{
  position:relative;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px 80px;
  transform:translateY(-5%);
  color:#fff;
}

/* Eyebrow */
.mv-hero-eyebrow{
  font-size:13px;
  font-weight:600;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:rgba(255,255,255,.85);
  margin-bottom:14px;
}

/* Heading */
.mv-hero-content h1{
  font-size:clamp(34px,4vw,52px);
  line-height:1.15;
  margin:0 0 16px;
  color:#eaf4fb;
  text-shadow:0 2px 18px rgba(0,0,0,.35);
}

/* Highlight span */
.mv-hero-content h1 span{
  color:#9fd3ff;
  background:linear-gradient(
    to bottom,
    transparent 60%,
    rgba(159,211,255,.25) 60%
  );
}

/* Subtext */
.mv-hero-content p{
  max-width:640px;
  font-size:18px;
  color:rgba(255,255,255,.88);
}

/* CTA buttons */
.mv-hero-actions{
  display:flex;
  gap:18px;
  margin-top:28px;
  flex-wrap:wrap;
}

.mv-hero-btn{
  padding:14px 34px;
  border-radius:999px;
  font-weight:700;
  font-size:15px;
  transition:.18s ease;
  text-decoration:none;
}

/* Primary CTA */
.mv-hero-btn-primary{
  background:#ffffff;
  color:var(--primary);
  border:2px solid #ffffff;
}

.mv-hero-btn-primary:hover{
  transform:translateY(-1px);
}

/* Secondary CTA */
.mv-hero-btn-secondary{
  background:transparent;
  color:#ffffff;
  border:2px solid rgba(255,255,255,.7);
}

.mv-hero-btn-secondary:hover{
  background:rgba(255,255,255,.08);
}

/* Mobile adjustments */
@media(max-width:900px){
  .mv-hero{
    min-height:70vh;
  }

  .mv-hero-content{
    padding-bottom:64px;
    transform:none;
  }

  .mv-hero-content p{
    font-size:16px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-faf67ff */.mv-exterior-detailing {
  padding: 80px 20px;
}

.mv-container {
  max-width: 1100px;
  margin: 0 auto;
}

.mv-header {
  text-align: center;
  background: #f7f9fc;
  margin-bottom: 60px;
}

.mv-header h1 {
  font-size: 2.4rem;
  margin-bottom: 16px;
  color: #0f172a;
}

.mv-intro {
  font-size: 1.05rem;
  color: #475569;
  max-width: 820px;
  margin: 0 auto;
}

.mv-block {
  margin-bottom: 48px;
}

.mv-block h2 {
  font-size: 1.6rem;
  margin-bottom: 12px;
  color: #0f172a;
}

.mv-block p {
  font-size: 0.95rem;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 14px;
}

.mv-list {
  padding-left: 20px;
  color: #334155;
}

.mv-list li {
  margin-bottom: 8px;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .mv-header h1 {
    font-size: 2rem;
  }

  .mv-block h2 {
    font-size: 1.4rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-074aac7 */.mv-who-for {
  width: 100%;
  max-width: 1100px;
  margin: 80px auto; /* THIS centres the block */
  padding: 0 20px;
  text-align: center;
}

.mv-who-for h2 {
  margin-bottom: 14px;
}

.mv-who-intro {
  max-width: 760px;
  margin: 0 auto 36px;
  color: #475569;
}

.mv-who-items {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 720px;
  margin: 0 auto;
}

.mv-who-items span {
  font-size: 0.95rem;
  color: #334155;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac6ca60 */.mv-cta-block {
  text-align: center;
  margin: 80px auto;
}

.mv-cta-block h2 {
  margin-bottom: 14px;
}

.mv-cta-block p {
  max-width: 760px;
  margin: 0 auto 28px;
  color: #475569;
}

.mv-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

.mv-cta-btn {
  padding: 12px 22px;
  border-radius: 10px;
  font-size: 0.95rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

/* Primary */
.mv-cta-primary {
  background: #0f172a;
  color: #ffffff;
}

.mv-cta-primary:hover {
  background: #020617;
}

/* Secondary */
.mv-cta-secondary {
  border: 1px solid #cbd5f5;
  color: #0f172a;
}

.mv-cta-secondary:hover {
  background: #f1f5f9;
}

.mv-cta-block {
  text-align: center;
  margin: 80px auto;
  padding: 60px 20px;
  background: #003f66; /* Brand blue */
  border-radius: 18px;
}

.mv-cta-block h2 {
  margin-bottom: 14px;
  color: #ffffff;
}

.mv-cta-block p {
  max-width: 760px;
  margin: 0 auto 28px;
  color: #e2e8f0;
}

.mv-cta-actions {
  display: flex;
  justify-content: center;
  gap: 16px;
  flex-wrap: wrap;
}

/* Primary button */
.mv-cta-primary {
  background: #ffffff;
  color: #003f66;
}

.mv-cta-primary:hover {
  background: #f1f5f9;
}

/* Secondary button */
.mv-cta-secondary {
  border: 1px solid rgba(255,255,255,0.5);
  color: #ffffff;
}

.mv-cta-secondary:hover {
  background: rgba(255,255,255,0.12);
}/* End custom CSS */