@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    scroll-behavior:smooth;
}

section {
    padding: 80px 20px;
}

body{
    font-family:'Poppins',sans-serif;
    background:#ffffff;
    color:#333;
    overflow-x:hidden;
}

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

.container{
    width:90%;
    max-width:1300px;
    margin:auto;
}

/*=========================
COLOURS
=========================*/

:root{
    --blue:#083D8C;
    --gold:#F6A623;
    --white:#ffffff;
    --dark:#222;
    --grey:#666;
    --light:#f7f9fc;
}

/*==========================
HEADER
===========================*/

header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
    background:white;
    box-shadow:0 3px 15px rgba(0,0,0,.08);
}

nav{
    max-width:1300px;
    height:72px;
    margin:auto;
    padding:0 25px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

.logo img{
    height:48px;
    width:auto;
    display:block;
}

.nav-links{
    display:flex;
    align-items:center;
    gap:30px;
    list-style:none;
}

.nav-links a{
    text-decoration:none;
    font-weight:600;
    color:#222;
    transition:.3s;
}

.nav-links a:hover{
    color:var(--gold);
}

.book-btn{
    padding:10px 24px;
    border-radius:40px;
    background:var(--gold);
    color:white;
    font-weight:600;
    transition:.4s;
}

.book-btn:hover{
    background:white;
    color:var(--blue);
}

.menu-toggle{
    display:none;
    flex-direction:column;
    cursor:pointer;
    border:none;
    background:none;
}

.menu-toggle span{
    width:28px;
    height:3px;
    margin:4px 0;
    background:var(--blue);
    transition:.3s;
    border-radius:10px;
}

.mobile-only{
    display:none;
}

/* HERO SECTION */
.hero {
  text-align: center;
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  background: url('images/hero.webp') center/cover no-repeat;
  color: #fff;
  padding-top: 90px;
}

.hero .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

.hero-grid {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}

.hero-left h1 {
  font-size: 2.5rem;
  line-height: 1.2;
  margin-bottom: 1rem;
}

.hero-left h1 span {
  color: var(--gold);
}
.hero-left p {
  font-size: 1rem;
  max-width: 700px;
  margin: 0 auto 1.5rem auto;
}

.hero-buttons {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.btn {
  padding: 0.7rem 1.2rem;
  border-radius: 5px;
  font-weight: 600;
  transition: all 0.3s ease;
  text-decoration: none;
}

.btn-primary {
  background: var(--gold);
  color: #000;
}

.btn-primary:hover {
  background: #ffb703;
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.btn-secondary {
  background: transparent;
  border: 2px solid var(--gold);
  color: var(--gold);
}

.btn-secondary:hover {
  background: var(--gold);
  color: #000;
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.25);
}

/* STATISTICS BAR - FULL WIDTH */
.hero-stats-section {
  margin-top: -1px; /* removes gap from hero */
  position: relative;
  z-index: 5;
  width: 100vw; /* full viewport width */
  margin-left: 50%;
  transform: translateX(-50%); /* forces it to stretch left-right */
  padding: 0;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
}

.hero-stats {
  display: flex;
  align-items: center;
  justify-content: space-around; /* spread evenly like photo */
  gap: 10px;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 18px 15px; /* padding inside only */
}

.hero-stats .stat {
  flex: 1 1 22%;
  min-width: 100px;
  text-align: center;
  padding: 8px 5px;
}

.hero-stats i {
  font-size: 1.4rem;
  color: var(--gold);
  margin-bottom: 6px;
  display: block;
}

.hero-stats h4 {
  font-size: 1.3rem;
  color: #1f2937;
  margin-bottom: 4px;
  font-weight: 700;
}

.hero-stats p {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b5563;
  margin: 0;
  line-height: 1.3;
}

/* MOBILE: 2x2 grid like your photo */
@media (max-width: 768px) {
  .hero-stats {
    padding: 15px 10px;
  }
  .hero-stats .stat {
    flex: 1 1 45%;
  }
  .hero-stats h4 {
    font-size: 1.1rem;
  }
  .hero-stats p {
    font-size: 0.75rem;
  }
}

/* SECTION HEADING - WITH SPACING */
.section-heading {
  text-align: center;
  margin-bottom: 4.5rem; /* space below heading block */
}

.section-heading h2 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 15px; /* SPACING between H2 and P */
  color: var(--blue);
  position:relative;
  display:inline-block;
}

.section-heading h2::after{
    content:"";
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-12px;
    width:80px;
    height:4px;
    background:var(--gold);
    border-radius:10px;
}

.section-heading p {
  font-size: 1.05rem;
  color: #374151;
  line-height: 1.7;
  max-width: 700px;
  margin: 0 auto; /* center the paragraph */
}

/* SHOWROOM SECTION */
.showroom-section {
  padding: 80px 20px;
  background: linear-gradient(135deg, #eef2f3, #f9f9f9);
}

.showroom-title {
  text-align: center;
  font-size: 50px;
  margin-bottom: 30px;
  color: var(--blue);
  position: relative;
  font-weight: 600;
}

.showroom-title::after {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  background: var(--gold);
  margin: 10px auto 0;
  border-radius: 2px;
}

.carousel-container {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  overflow: hidden;
}

.carousel-slides {
  position: relative;
}

.carousel-slide {
  display: none;
  text-align: center;
  animation: fade 1s ease-in-out;
}

.carousel-slide.active {
  display: block;
}

.carousel-slide img {
  width: 100%;
  max-height: 500px;
  object-fit: cover;
  border-radius: 12px;
}

.caption {
  margin-top: 15px; /* added spacing */
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

@keyframes fade {
  from { opacity: 0.4; }
  to { opacity: 1; }
}

.carousel-dots {
  text-align: center;
  margin-top: 20px; /* added spacing */
}

.dot {
  height: 12px;
  width: 12px;
  margin: 0 5px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dot.active, .dot:hover {
  background-color: var(--gold);
}

/* FLEET SECTION */
.fleet {
  background: #f8fafc;
  padding: 80px 20px;
}

.fleet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
}

.fleet-card {
  background: #f3f1f1;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  overflow: hidden;
  transition: all .4s ease;
}

.fleet-card:hover {
  transform: translateY(-8px);
}

.fleet-image {
  position: relative;
  overflow: hidden;
}

.fleet-image img {
  width: 100%;
  height: 200px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.fleet-card:hover .fleet-image img {
  transform: scale(1.1);
  filter:brightness(105%);
}

.fleet-info {
  padding: 20px;
}

.fleet-info h3 {
  margin: 0 0 14px;
  color: #333;
  font-weight: 600;
}

.fleet-info ul {
  margin: 0 0 20px;
}

.fleet-info li {
  color: #555;
  margin: 8px 0;
}

.fleet-info li i {
  width: 22px;
  color: var(--blue);
}

.fleet-btn {
  display: inline-block;
  background: var(--blue);
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight:600;
  transition: all .35s ease;
}

.fleet-btn:hover {
  background: var(--gold);
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.25);
}

/* TAXI SECTION */
.taxi{
    background:linear-gradient(rgba(8, 61, 140, 0.87), rgba(8, 61, 140, 0.426)),url(images/hero.jpg);
    background-size:cover;
    background-position:center;
    text-align:center;
    color:white;
}

.taxi-content{
    max-width:850px;
    margin:auto;
}

.taxi-icon{
    font-size:70px;
    color:var(--gold);
    margin-bottom:30px;
}

.taxi h2{
    font-size:52px;
    margin-bottom:25px;
}

.taxi p{
    font-size:20px;
    line-height:1.9;
    margin-bottom:45px;
}

/* WHY US */
.why-us{
    background:#f0f4f9;
}

.why-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.why-card{
    background:white;
    border-radius:20px;
    padding:45px 30px;
    text-align:center;
    transition:.4s;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
}

.why-card:hover{
    background:var(--blue);
    transform:translateY(-10px);
}

.why-card i{
    font-size:55px;
    color:var(--gold);
    margin-bottom:25px;
}

.why-card h3{
    color:var(--blue);
    margin-bottom:18px;
    font-size:24px;
}

.why-card p{
    color:var(--grey);
    line-height:1.8;
}

.why-card:hover h3,
.why-card:hover p{
    color:white;
}

/* ABOUT */
.about{
    background:#ffffff;
}

.about-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.about-image{
    width:100%;
    max-width:320px;
    justify-self:center;
    overflow:hidden;
    border-radius:20px;
}

.about-image img{
    width:100%;
    border-radius:20px;
    transition:.5s;
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.about-image:hover img{
    transform:scale(1.05);
}

.about-content h2{
    font-size:46px;
    color:var(--blue);
    margin-bottom:25px;
}

.about-content p{
    font-size:17px;
    line-height:1.9;
    color:var(--grey);
    margin-bottom:25px;
}

.mission-box{
    background:#f8f9fb;
    border-left:5px solid var(--gold);
    padding:25px;
    margin-top:25px;
    border-radius:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
    transition:.4s;
}

.mission-box:hover{
    transform:translateX(10px);
    background:white;
}

.mission-box h3{
    color:var(--blue);
    margin-bottom:10px;
    font-size:24px;
}

.mission-box p{
    margin:0;
}

/* CONTACT */
.contact{
    background:#bababa;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1.2fr;
    gap:30px;
    align-items:start;
}

.contact-details{
    background:var(--blue);
    color:white;
    padding:15px;
    border-radius:12px;
    box-shadow:0 10px 26px rgba(0,0,0,.15);
    transition:.4s;
}

.contact-details:hover{
    transform:translateY(-8px);
}

.contact-details h3{
    font-size:24px;
    margin-bottom:28px;
}

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:30px;
}

.contact-item i{
    font-size:26px;
    color:var(--gold);
    margin-top:4px;
}

.contact-item h4{
    margin-bottom:6px;
    font-size:19px;
}

.contact-item p{
    color:#f2f2f2;
    line-height:1.7;
}

.contact-form{
    background:white;
    padding:55px;
    border-radius:20px;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    transition:.4s;
}

.contact-form:hover{
    transform:translateY(-8px);
}

.input-row{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-bottom:20px;
}

.contact-form input,
.contact-form textarea{
    width:100%;
    padding:16px 18px;
    border:1px solid #ddd;
    border-radius:12px;
    outline:none;
    font-size:16px;
    transition:.3s;
    font-family:'Poppins',sans-serif;
}

.contact-form textarea{
    resize:none;
    margin-bottom:20px;
}

.contact-form input:focus,
.contact-form textarea:focus{
    border-color:var(--blue);
    box-shadow:0 0 12px rgba(8,61,140,.15);
}

.contact-form button{
    background:var(--gold);
    color:white;
    border:none;
    padding:16px 35px;
    border-radius:35px;
    font-size:17px;
    font-weight:600;
    cursor:pointer;
    transition:.4s;
}

.contact-form button:hover{
    background:var(--blue);
}

/* MAP */
.map{
    padding:0;
}

.map iframe{
    width:100%;
    height:550px;
    border:none;
}

/* CTA */
.cta{
    background:linear-gradient(rgba(2, 66, 162, 0.84), rgba(8,61,140,.92)), url(images/hero.jpg);
    background-size:cover;
    background-position:center;
    text-align:center;
    color:white;
}

.cta h2{
    font-size:50px;
    margin-bottom:20px;
}

.cta p{
    max-width:750px;
    margin:0 auto 40px;
    line-height:1.9;
    font-size:19px;
}

/* FOOTER */
footer{
    background:#041E42;
    color:white;
    padding:80px 0 30px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:50px;
}

.footer-logo{
    width:180px;
    margin-bottom:25px;
}

.footer-about p{
    color:#ddd;
    line-height:1.9;
}

footer h3{
    color:var(--gold);
    margin-bottom:20px;
    font-size:22px;
}

footer ul li{
    margin-bottom:15px;
}

footer ul li a{
    color:#ddd;
    transition:.3s;
}

footer ul li a:hover{
    color:var(--gold);
    padding-left:8px;
}

.social-icons{
    display:flex;
    gap:15px;
}

.social-icons a{
    width:45px;
    height:45px;
    background:var(--blue);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    transition:.4s;
}

.social-icons a:hover{
    background:var(--gold);
    transform:translateY(-5px);
}

footer hr{
    margin:50px 0 25px;
    border:none;
    height:1px;
    background:rgba(255,255,255,.15);
}

.site-footer {
  background: #2c3e50;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
}

.site-footer p {
  margin: 0;
}

.admin-link {
  color: var(--gold);
  margin-right: 8px;
  transition: color 0.3s ease;
}

.admin-link:hover {
  color: var(--blue);
}

.site-footer i {
  font-size: 14px;
}

.copyright{
    text-align:center;
    color:#bbb;
    font-size:15px;
}

/* WHATSAPP BUTTON */
.whatsapp{
    position:fixed;
    right:25px;
    bottom:25px;
    width:65px;
    height:65px;
    background:#25D366;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    color:white;
    font-size:32px;
    box-shadow:0 10px 30px rgba(0,0,0,.25);
    z-index:999;
    transition:.4s;
}

.whatsapp:hover{
    transform:scale(1.1);
}

/* SCROLL TO TOP */
#topBtn{
    position:fixed;
    left:25px;
    bottom:25px;
    width:60px;
    height:60px;
    border:none;
    border-radius:50%;
    background:var(--blue);
    color:white;
    font-size:22px;
    display:none;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    z-index:999;
    transition:.4s;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

#topBtn:hover{
    background:var(--gold);
}

/* MOBILE */
@media (max-width:768px){
    header{ position:fixed; }
    nav{ height:65px; padding:0 15px; }
    .logo img{ height:38px; }
    .desktop-btn{ display:none; }
    .menu-toggle{ display:flex; }
    .nav-links{
        position:absolute;
        top:65px;
        right:15px;
        width:250px;
        background:white;
        border-radius:12px;
        box-shadow:0 15px 35px rgba(0,0,0,.15);
        display:none;
        flex-direction:column;
        padding:10px 0;
        gap:0;
    }
    .nav-links.active{ display:flex; }
    .nav-links li{ width:100%; }
    .nav-links li a{ display:block; padding:16px 22px; }
    .mobile-only{ display:block; padding:15px; }
    .mobile-book-btn{
        display:block;
        background:var(--gold);
        color:white;
        text-align:center;
        padding:14px;
        border-radius:35px;
    }
    .hero-left h1{ font-size: 1.8rem; }
    .hero-buttons { flex-direction: column; gap: 0.5rem; }
    .services-grid, .fleet-grid, .why-grid, .about-grid, .contact-wrapper, .footer-grid{
        grid-template-columns:1fr;
    }
    .input-row{ grid-template-columns:1fr; }
    .carousel-slide img { max-height: 350px; }
    .fleet-image img { height: 180px; }
}
@media (max-width: 500px) {
  .carousel-slide img { max-height: 250px; }
  .showroom-title { font-size: 1.6rem; }
  .fleet-image img { height: 160px; }
}

/* HERO MOBILE CENTERED LAYOUT */
.hero {
  text-align: center;
  padding-top: 120px;
  padding-bottom: 60px;
}

.hero-grid {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hero-left {
  max-width: 650px;
  margin: 0 auto;
}

.hero-left h1 {
  font-size: 2.2rem;
  line-height: 1.3;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}

.hero-left h1 span {
  color: var(--gold);
  display: inline-block;
}

.hero-left p {
  font-size: 0.95rem;
  line-height: 1.8;
  text-align: center;
  color: #eee;
  margin: 0 auto 25px auto;
  max-width: 500px;
}

.hero-buttons {
  display: flex;
  flex-direction: column; /* stack buttons like photo */
  gap: 12px;
  align-items: center;
  justify-content: center;
}

.hero-buttons .btn {
  width: 220px;
  padding: 12px 20px;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}

.btn-primary {
  background: var(--gold);
  color: #000;
  border: none;
}

.btn-secondary {
  background: transparent;
  border: 2px solid var(--gold);
  color: var(--gold);
}

/* DESKTOP: keep it left aligned and side by side buttons */
@media (min-width: 769px) {
  .hero {
    text-align: left;
    padding-top: 90px;
  }
  .hero-grid {
    justify-content: flex-start;
  }
  .hero-left {
    margin: 0;
    text-align: left;
  }
  .hero-left h1,
  .hero-left p {
    text-align: left;
  }
  .hero-buttons {
    flex-direction: row;
    justify-content: flex-start;
  }
  .hero-buttons .btn {
    width: auto;
  }
}

/* SERVICES SECTION - GREY BACKGROUND */
.services{
  background:#D4AF37;
  padding:70px 20px; /* added more top/bottom padding */
  text-align:center;
}

.services .section-title{
  color:#111;
  font-size:28px;
  font-weight:700;
  margin-bottom:15px;
}

.services .section-subtitle{
  color:#6b7280;
  font-size:15px;
  line-height:1.6;
  max-width:600px;
  margin:0 auto 60px auto; /* BIG GAP BEFORE CARDS */
}

.services-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:25px; /* a bit more gap between cards too */
  max-width:1100px;
  margin:0 auto;
}

.service-card{
  background:#fff;
  border-radius:12px;
  padding:30px 20px;
  text-align:center;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  transition:transform 0.3s;
}

.service-card:hover{
  transform:translateY(-5px);
}

.service-card i{
  font-size:36px;
  color:#f59e0b;
  margin-bottom:15px;
  display:block;
}

.service-card h3{
  color:#1e3a8a;
  font-size:18px;
  font-weight:700;
  margin:0 0 10px 0;
}

.service-card p{
  color:#6b7280;
  font-size:14px;
  line-height:1.6;
  margin:0;
}

@media(min-width:768px){
  .services-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

/* MENU FIX */
.header{ position:relative; z-index:9999; }
.mobile-menu-toggle{ position:relative; z-index:10000; cursor:pointer; }

/* SERVICES SECTION */
#services{
    background:#D4AF37; /* Cadlack Gold */
    padding:60px 20px;
    text-align:center; /* center everything */
}

#services .section-heading h2{
    color:#2F2F2F; /* Dark Charcoal */
    font-size:28px;
    font-weight:700;
    margin-bottom:10px;
}

#services .section-heading p{
    color:#2F2F2F; /* Dark Charcoal */
    font-size:15px;
    max-width:600px;
    margin:0 auto 40px auto;
}

#services .services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap:20px;
    max-width:1100px;
    margin:0 auto;
}

#services .service-card{
    background:#fff;
    padding:30px 20px;
    border-radius:12px;
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
    transition:0.3s;
}

#services .service-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
}

#services .service-card h3{
    color:#2F2F2F;
    margin:15px 0 10px 0;
}

#services .service-card i{
    color:#D4AF37; /* Gold icons */
    font-size:30px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:#f8f9fa;font-family:'Segoe UI', sans-serif}
.form-wrapper{max-width:900px;margin:20px auto;padding:25px;background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,0.08);width:95%}
.form-header{text-align:center;margin-bottom:25px}
.form-header h1{color:#002366;font-size:24px;margin-bottom:8px}
.form-grid{display:grid;grid-template-columns:1fr;gap:18px} /* 1 column on mobile */
.form-group{display:flex;flex-direction:column}
.form-group.full{grid-column:1 / -1}
label{font-weight:600;color:#002366;margin-bottom:6px;font-size:14px}
input,textarea,select{padding:14px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fafafa;width:100%}
input:focus,textarea:focus,select:focus{border-color:#f39c12;outline:none}
input[type=file]{padding:10px;background:#fff;border:2px dashed #f39c12}
.btn-submit{background:#25D366;color:#fff;padding:16px;border:none;border-radius:8px;font-size:17px;font-weight:bold;cursor:pointer;width:100%;margin-top:10px}
.btn-submit:hover{background:#1da851}

/* DESKTOP: 2 columns */
@media (min-width: 768px){
  .form-wrapper{padding:50px;margin:60px auto}
  .form-header h1{font-size:32px}
  .form-grid{grid-template-columns:1fr 1fr}
  
  @media (max-width: 992px){
 .nav-links{
    max-height:0; 
    overflow:hidden; 
    transition: max-height 0.3s ease;
  }
 .nav-links.active{
    max-height:500px; /* allows it to drop down smoothly */
  }
}
/* 1. CHANGE SERVICES BG TO BLUISH GREY */
#services{
    background: #eef2f8 !important; /* Bluish Grey */
}

/* 2. REMOVE ORANGE UNDERLINE GLOBALLY */
.section-heading h2::after {
    display: none !important;
    content: none !important;
}

/* 3. MAKE HEADING TEXT DARKER FOR CONTRAST ON BLUISH GREY */
#services .section-heading h2,
#services .section-heading p {
    color: #2F2F2F !important;
}

/* 4. REDUCE SPACE UNDER PARAGRAPH */
#services .section-heading p{
    margin: 0 auto 20px auto !important; /* was 40px */
}