:root {
    --background: 0 0% 7%;
    --foreground: 0 0% 98%;
    --card: 0 0% 10%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 10%;
    --popover-foreground: 0 0% 98%;
    --primary: 43 74% 66%;
    --primary-foreground: 0 0% 10%;
    --secondary: 0 0% 15%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 20%;
    --muted-foreground: 0 0% 65%;
    --accent: 43 74% 66%;
    --accent-foreground: 0 0% 10%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 20%;
    --input: 0 0% 20%;
    --ring: 43 74% 66%;
    --radius: .5rem;
    --gradient-gold: linear-gradient(135deg, hsl(43 74% 66%) 0%, hsl(38 65% 55%) 100%);
    --gradient-dark: linear-gradient(180deg, hsl(0 0% 7%) 0%, hsl(0 0% 10%) 100%);
    --gradient-overlay: linear-gradient(to bottom, hsl(0 0% 7% / .3), hsl(0 0% 7% / .95));
    --shadow-gold: 0 10px 40px -10px hsl(43 74% 66% / .3);
    --shadow-elegant: 0 20px 60px -15px hsl(0 0% 0% / .5);
}

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

body {
  font-family: 'Inter', sans-serif;
  background: #0d0d0d;
  color: #fff;
  line-height: 1.6;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Playfair Display, serif;
}
.navbar-custom {
    background: #121313;
    padding: 10px 0;
	position: fixed;
	z-index: 50;
	top:0;
	width:100%;
}

.navbar-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #d4af37 !important;
    font-weight: 600;
    font-size: 22px;
}

.navbar-brand span {
    display: block;
    font-size: 12px;
    color: #aaa;
    letter-spacing: 2px;
}

.nav-link {
    color: #ddd !important;
    margin: 0 10px;
    font-weight: 500;
    transition: 0.3s;
}

.nav-link:hover {
    color: #d4af37 !important;
}

.phone-number {
    color: #d4af37;
    font-weight: 600;
    margin-right: 20px;
    text-decoration: none;
}

.book-btn {
    background-image: var(--gradient-gold);
    color: #000;
    font-weight: 600;
    padding: 8px 30px;
    border-radius: 8px;
    transition: 0.3s;
	font-size:16px;
}

.book-btn:hover {
    color: #000;
}

.navbar-toggler {
    border: none;
}

.navbar-toggler:focus {
    box-shadow: none;
}

/* HERO */
.hero {
  height: 100vh;
  background: url('../images/hero-limo-CKPj9lwD.jpg') center/cover no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  text-align: center;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background-image: var(--gradient-overlay);
}

.hero-content {
  position: relative;
  z-index: 2;
}

.hero h1 {
  font-family: 'Playfair Display', serif;
  font-size: 4.5rem;
        line-height: 1;
}

.hero h1 span {
  color: #caa24c;
}

.hbtn {
	background-image: var(--gradient-gold);
    color: #000;
    font-weight: 600;
    padding: 10px 30px;
    border-radius: 8px;
    transition: 0.3s;
    font-size: 16px;
	display: inline-block;
	text-decoration:none;
	border: 2px solid hsl(var(--primary));
	margin:0 15px 15px;
}

.hbtn-gold {
  color: #000;
}

.hbtn-outline {
	background-image: unset;
  border: 2px solid hsl(var(--primary));
  color: hsl(var(--primary));;
}

.hbtn-dark {
  background: #000;
  color: #fff;
}
.bannerTS{
    color: hsl(var(--primary));
    font-size: 1.125rem;
    line-height: 1.75rem;
	font-weight: 600;
	margin-bottom:30px;
}
.bannerTf{
        color: hsl(var(--muted-foreground));
    font-size: 1.5rem;
    line-height: 2rem;
    max-width: 42rem;
    margin: 20px auto;
}

.services-section {
    background-image: var(--gradient-dark);
    color: #ddd;
}
.services-section.TREe {
        background: unset;
    background-color: hsl(var(--card));
	border-style: solid;
	box-sizing: border-box;
    border-width: 0;
    border-color: hsl(var(--border));
    border-bottom-width: 1px;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.small-features {
    font-size: 14px;
    color: #bbb;
}

.small-features i {
    color: #d4af37;
    margin-right: 6px;
}

.section-title {
    font-size: 42px;
    font-weight: 700;
    color: #fff;
	font-family: 'Playfair Display', serif;
}

.section-title span {
    color: #d4af37;
}

.section-subtitle {
    color: #aaa;
    max-width: 700px;
    margin: 0 auto;
}

.service-card {
    background-color: hsl(var(--card));
    border: 1px solid #222;
	border-color: hsl(var(--border));
    padding: 30px;
    border-radius: 12px;
    transition: 0.3s;
    height: 100%;
}

.service-card:hover {
    border-color: #d4af37;
    transform: translateY(-5px);
}

.icon-box {
    background: rgba(212, 175, 55, 0.1);
    color: #d4af37;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 20px;
}

.service-card h5 {
    color: #fff;
    margin-bottom: 15px;
}

.service-card p {
    color: #aaa;
    font-size: 14px;
}

.btn-gold {
    background-image: var(--gradient-gold);
    color: hsl(var(--primary-foreground));
    font-weight: 600;
    border-radius: calc(var(--radius) - 2px);
	    white-space: nowrap;
		padding-left: 2rem;
    padding-right: 2rem;
	font-size: 14px;
    line-height: 1.75rem;
	    --tw-shadow: var(--shadow-gold);
    --tw-shadow-colored: var(--shadow-gold);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	    --tw-ring-offset-color: hsl(var(--background));
	transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .3s;
	animation-duration: .3s;
}
.btn-gold i{
    margin-right: 8px;
}
.btn-gold:hover {
	color: hsl(var(--primary-foreground));
       --tw-shadow: var(--shadow-elegant);
    --tw-shadow-colored: var(--shadow-elegant);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
	    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.fleet-section {
  background: linear-gradient(90deg, #0c0c0c 0%, #111111 50%, #0c0c0c 100%);
}


.section-subtitle {
  color: #aaa;
  max-width: 600px;
  margin: 0 auto;
}

/* Card Styling */
.fleet-cardhome {
  background: #121212;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,0.05);
  transition: 0.3s ease;
}

.fleet-cardhome:hover {
  transform: translateY(-5px);
  border-color: #d4a94f;
}

/* Image with dark overlay */
.fleet-image {
  position: relative;
  height: 260px;
  overflow: hidden;
}

.fleet-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fleet-image::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, #121212 100%);
}

/* Content */
.fleet-content {
  padding: 25px;
}

.fleet-content h4 {
  margin-top: 15px;
  font-weight: 600;
}

.fleet-content p {
  color: #aaa;
  font-size: 14px;
  margin-top: 10px;
}

/* Icon box */
.icon-box {
  width: 45px;
  height: 45px;
  background: rgba(212, 169, 79, 0.1);
  color: #d4a94f;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
}

/* Button */
.explore-btn {
  background: #d4a94f;
  color: #000;
  border-radius: 8px;
  transition: 0.3s ease;
}

.explore-btn:hover {
  background: #c79b3f;
  color: #000;
}
/* Section Background */
.why-section {
  background: linear-gradient(90deg, #0c0c0c 0%, #111111 50%, #0c0c0c 100%);
  color: #fff;
}


/* Box Styling */
.why-box {
  padding: 20px;
  transition: 0.3s ease;
}

.why-box:hover {
  transform: translateY(-5px);
}

/* Icon Box */
.why-icon {
  width: 50px;
  height: 50px;
  background: rgba(212, 169, 79, 0.1);
  color: #d4a94f;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  font-size: 20px;
  flex-shrink: 0;
}

/* Text */
.why-content h5 {
  font-weight: 600;
  margin-bottom: 6px;
}

.why-content p {
  font-size: 14px;
  color: #aaa;
  margin-bottom: 0;
}
/* Section Background */
.testimonial-section {
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,0.05);
  
}


.testimonial-subtitle {
  color: #aaa;
  margin-top: 10px;
}

/* Card Styling */
.testimonial-card {
  background: #121212;
  padding: 25px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.05);
  height: 100%;
  transition: 0.3s ease;
}

.testimonial-card:hover {
  transform: translateY(-5px);
  border-color: #d4a94f;
}

/* Stars */
.stars {
  color: #d4a94f;
  font-size: 18px;
}

/* Text */
.testimonial-text {
  font-size: 16px;
    color: #ddd;
    line-height: 1.6;
    font-style: italic;
}

/* Client Info */
.client-info h6 {
  margin-bottom: 3px;
  font-weight: 600;
}

.client-info small {
  color: #aaa;
}
.tmrmj{
    color: hsl(var(--muted-foreground));
    font-size: 13px;
    width: 100%;
    display: block;
    margin-bottom: 5px;
}
.stat-number {
  color: #d4a94f;
  font-size: 3rem;
  font-weight: 700;
      margin: 0;
}
/* Section Background */
.service-area-section {
  background: linear-gradient(90deg, #0c0c0c 0%, #111 50%, #0c0c0c 100%);
  color: #fff;
}

/* Subtitle */
.service-subtitle {
  color: hsl(var(--muted-foreground));
      font-size: 1.25rem;
    line-height: 1.75rem;
}

/* Location Pills */
.location-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.location-pill {
      background-color: hsl(var(--card));
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #ccc;
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 14px;
  transition: 0.3s ease;
	text-decoration: none;
}

.location-pill:hover {
  border-color: #d4a94f;
  color: #d4a94f;
  background: rgba(212, 169, 79, 0.08);
}

/* CTA Button */
.service-btn {
  background: #d4a94f;
  color: #000;
  font-weight: 600;
  border-radius: 8px;
  transition: 0.3s ease;
}

.service-btn:hover {
  background: #c79b3f;
  color: #000;
  box-shadow: 0 0 20px rgba(212, 169, 79, 0.4);
}
/* Section Background */
.faq-section {
  background-image: var(--gradient-dark);
  color: #fff;
}


.faq-subtitle {
  color: #aaa;
  margin-top: 10px;
}

/* Accordion Styling */
.custom-accordion .accordion-item {
  background: #121212;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
}

.custom-accordion .accordion-button {
  background-color: hsl(var(--card));
  color: #fff;
  font-weight: 500;
  box-shadow: none;
}

.custom-accordion .accordion-button:not(.collapsed) {
  color: #d4a94f;
  background: #151515;
}

.custom-accordion .accordion-button::after {
  filter: invert(1);
}

.custom-accordion .accordion-body {
  color: #ccc;
  background: #151515;
}

/* Remove default border */
.accordion-button:focus {
  box-shadow: none;
}
.hero-section {
    padding: 80px 20px 40px;
	background-color: hsl(var(--secondary));
}

.hero-section p {
    color: #cfcfcf;
    margin-top: 15px;
    font-size: 1.1rem;
}

.gold-btn {
    background: linear-gradient(90deg, #d4af37, #c8962c);
    color: #000;
    font-weight: 600;
    padding: 12px 28px;
    border-radius: 8px;
    border: none;
    transition: 0.3s ease;
}

.gold-btn:hover {
    opacity: 0.9;
}

.form-card {
    background: #111;
    border-radius: 15px;
    padding: 40px;
    background-color: hsl(var(--card));
}

.form-card h3 {
    font-family: "Playfair Display", serif;
    text-align: center;
    margin-bottom: 30px;
}

.form-control {
    background-color: #1c1c1c;
    border: 1px solid #333;
    color: #fff;
    padding: 12px;
}

.form-control:focus {
    background-color: #1c1c1c;
    border-color: #d4af37;
    box-shadow: none;
    color: #fff;
}

label {
    font-size: 0.9rem;
    margin-bottom: 6px;
}

.submit-btn {
    width: 100%;
    padding: 14px;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 8px;
}

.footer {
    background-color: hsl(var(--card));
    color: #ccc;
    padding: 60px 0 20px;
}

.footer h5 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 20px;
	font-family: 'Playfair Display', serif;
}

.footer a {
    color: #bbb;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 8px;
    transition: 0.3s;
}

.footer a:hover {
    color: #d4af37;
}

.brand-title {
    color: #d4af37;
    font-weight: 700;
    font-size: 20px;
}

.footer-divider {
    border-top: 1px solid #222;
    margin: 40px 0 20px;
}

.footer-bottom {
    text-align: center;
    font-size: 14px;
    color: #888;
}

.ficon {
    color: #d4af37;
    margin-right: 8px;
}

.check-icon {
    color: #2ecc71;
    margin-right: 8px;
}

@media (max-width: 768px) {
    .hero-section h1 {
        font-size: 2rem;
    }

    .form-card {
        padding: 25px;
    }
}

/* Responsive */
@media (max-width: 768px) {
  .faq-title {
    font-size: 1.8rem;
  }
}
/* Responsive */
@media (max-width: 768px) {
  .service-title {
    font-size: 1.8rem;
  }

  .service-subtitle {
    font-size: 14px;
  }

  .location-pill {
    font-size: 13px;
    padding: 6px 12px;
  }
}
/* Responsive */
@media (max-width: 768px) {
  .testimonial-title {
    font-size: 1.8rem;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .section-title {
    font-size: 1.8rem;
  }

  .fleet-image {
    height: 200px;
  }
}
@media (max-width: 768px) {
    .section-title {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    .phone-book-wrapper {
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .phone-number {
        margin-right: 0;
    }
	.hero h1{
		font-size: 2rem;
	}
	.bannerTS, .bannerTf{
		font-size: 15px;
	}
}
@media (min-width: 1400px) {
    .container {
        max-width: 1400px;
    }
}





.innerbanner{
    background-color: hsl(var(--card));
    padding-top: 140px;
    padding-bottom: 80px;
}
.innerbanner .section-title{
    font-size: 60px;
}


.service-details{
    background:#0b0b0b;
}

.service-box{
    border:1px solid #3c3c3c;
    border-radius:10px;
    padding:40px;
    margin-bottom:40px !important;
    color:#fff;
    background-color: hsl(var(--card));
    max-width:900px;
    margin: 0 auto;
}
.service-box:hover{
  border:1px solid #d4a94f !important;
}
.service-icon{
    width:60px;
    height:60px;
    background:#3c3c3c;
    border-radius:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:20px;
}

.service-icon i{
    color:#d4af37;
    font-size:26px;
}

.service-box h3{
    font-size:32px;
    margin-bottom:15px;
}

.service-desc{
    color:#b9b9b9;
    margin-bottom:20px;
}

.service-list{
    list-style:none;
    padding:0;
    margin-bottom:25px;
}

.service-list li{
    margin-bottom:10px;
    color:#cfcfcf;
    position:relative;
    padding-left:25px;
}

.service-list li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#d4af37;
}







.fleet-card{
display:flex;
background:linear-gradient(145deg,#111,#0a0a0a);
border:1px solid #2a2a2a;
border-radius:10px;
overflow:hidden;
margin-bottom:40px;
}

.fleet-img{
flex:1;
}

.fleet-img img{
width:100%;
height:100%;
object-fit:cover;
}

.fleet-content{
flex:1;
padding:35px;
color:#fff;
}

.fleet-content h3{
font-family:'Playfair Display', serif;
font-size:30px;
margin-bottom:10px;
}

.fleet-content p{
color:#b8b8b8;
margin-bottom:20px;
}

.fleet-info{
margin-bottom:25px;
}

.info-item{
display:flex;
gap:12px;
margin-bottom:18px;
}

.icon{
background:#1a1a1a;
padding:10px;
border-radius:8px;
color:#d4af37;
}

.tags span{
display:inline-block;
background:#1c1c1c;
color:#cfcfcf;
padding:4px 10px;
border-radius:5px;
font-size:12px;
margin:3px;
}

.fleet-info .feature-icon{
width:50px;
height:50px;
background:#1b1b1b;
border-radius:10px;
display:flex;
align-items:center;
justify-content:center;
}

.fleet-info .feature-icon i{
font-size:18px;
color:#d4af37;
}

.fleet-info .feature-text strong{
    font-size: 14px;
}
.fleet-info .feature-text p{
    font-size: 14px;
    margin:0;
}
.desktopmenubtn{
    display: block !important;
}
.mobilebutton{
    display: none !important;
}
.menutextaligh{
    text-align: center;
}

/* MOBILE */
@media(max-width:992px){
.menutextaligh{
    text-align: left !important;
}
.desktopmenubtn{
    display: none !important;
}
.mobilebutton{
    display: block !important;
}
.fleet-card{
flex-direction:column;
}

.fleet-img img{
height:300px;
}
.innerbanner .section-title{
    font-size: 42px;
}

}

/* MOBILE */
@media(max-width:767px){

.fleet-card{
flex-direction:column;
}

.fleet-img img{
height:300px;
}
.innerbanner .section-title{
    font-size: 32px;
}

}






.blog-section{

}

.blog-card{
background:#111;
border:1px solid #262626;
border-radius:10px;
overflow:hidden;
transition:0.3s;
height:100%;
}

.blog-card:hover{
transform:translateY(-6px);
border-color:#d4af37;
}

.blog-img img{
width:100%;
height:220px;
object-fit:cover;
}

.blog-content{
padding:22px;
}

.blog-meta{
font-size:13px;
color:#9b9b9b;
display:flex;
gap:15px;
margin-bottom:12px;
}

.blog-meta i{
margin-right:4px;
}

.blog-title{
font-family:'Playfair Display',serif;
color:#fff;
font-size:20px;
margin-bottom:10px;
}

.blog-title a{
color:#fff;
}

.blog-text{
color:#b8b8b8;
font-size:14px;
line-height:1.6;
}




.single-blog{
    width:100%;
    max-width:1100px;
    margin:auto;
    padding:60px 20px;
}

/* BLOG IMAGE */

.blog-image img{
    width:100%;
    height:auto;
    border-radius:12px;
    margin-bottom:25px;
}

/* META INFO */

.blog-meta{
    display:flex;
    gap:25px;
    align-items:center;
    font-size:14px;
    color:#777;
    margin-bottom:15px;
}

.blog-meta span{
    display:flex;
    align-items:center;
    gap:8px;
}

.blog-meta i{
    color:#c9a227; /* gold color */
}

/* BLOG TITLE */

.blog-title{
    font-size:20px;
    font-weight:700;
    margin-bottom:20px;
    line-height:1.3;
}

/* BLOG TEXT */

.blog-content p{
    color:#cfcfcf;
    margin-bottom:15px;
}





/* location page */
.limo-service-section{
    background:#0b0b0b;
    padding:80px 0;
}

.limo-service-wrapper{
    display:flex;
    gap:60px;
    align-items:center;
    justify-content:space-between;
}

/* LEFT CONTENT */

.limo-content{
	
}

.limo-content h2{
    font-size:36px;
    color:#fff;
    line-height:1.2;
}

.limo-content h2 span{
    color: #d4af37;
}

.limo-content p{
    color:#a6a6a6;
}

/* RIGHT CARD */

.limo-highlights{
    background-color: hsl(var(--card));
    padding:35px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.05);
	
}

.limo-highlights h3{
    color:#fff;
    margin-bottom:20px;
    font-size:20px;
}

.star-icon{
    color:#d4af37;
    margin-right:8px;
}

.limo-highlights ul{
    list-style:none;
    padding:0;
}

.limo-highlights ul li{
    color:#bdbdbd;
    margin-bottom:15px;
    position:relative;
    padding-left:22px;
}

.limo-highlights ul li:before{
    content:"✔";
    position:absolute;
    left:0;
    color:#d4af37;
}
.limo-highlights i{
	color:#d4af37;
}
	
@media (max-width:768px){

.limo-service-wrapper{
    flex-direction:column;
}

.limo-highlights{
    width:100%;
}

.limo-content h2{
    font-size:32px;
}

}
	
	
	
	
.routes-section{
    
	background-color:hsl(var(--card));
    padding:80px 0;
}

.routes-wrapper{
    display:flex;
    gap:60px;
    align-items:center;
    justify-content:space-between;
}

/* LEFT CARD */

.routes-card{
    background:#0b0b0b;
    padding:35px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.05);
}

.routes-card h3{
    color:#fff;
    font-size:20px;
    margin-bottom:20px;
}

.routes-card i{
    color:#d4af37;
    margin-right:8px;
}

.routes-card ul{
    list-style:none;
    padding:0;
}

.routes-card ul li{
    color:#bdbdbd;
    margin-bottom:15px;
    position:relative;
    padding-left:25px;
}

.routes-card ul li:before{
    content:"→";
    position:absolute;
    left:0;
    color:#d4af37;
}

/* RIGHT CONTENT */

.routes-content{
	
}

.routes-content h2{
    font-size:36px;
    color:#fff;
    line-height:1.2;
}

.routes-content h2 span{
    color:#d4af37;
}

.routes-content p{
    color:#a6a6a6;
    margin-top:15px;
    margin-bottom:25px;
}



/* RESPONSIVE */

@media (max-width:768px){

.routes-wrapper{
    flex-direction:column;
}


.routes-content h2{
    font-size:32px;
}

}
	
	
	
.why-section{
    background:#0b0b0b;
    padding:80px 0;
}

/* LEFT CONTENT */

.why-content h2{
    font-size:36px;
    color:#fff;
    line-height:1.2;
}

.why-content span{
    color:#d4af37;
}

.why-content p{
    color:#a6a6a6;
    margin-top:15px;
    max-width:500px;
}

/* CARD */

.why-card{
    display:flex;
    gap:20px;
    background:hsl(var(--card));
    padding:22px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.06);
    margin-bottom:20px;
    align-items:flex-start;
}

/* ICON */

.why-icon{
    background:rgba(212,175,55,0.1);
    padding:12px;
    border-radius:8px;
}

.why-icon i{
    color:#d4af37;
    font-size:22px;
}

/* TEXT */

.why-card h4{
    color:#fff;
    font-size:18px;
    margin-bottom:5px;
}

.why-card p{
    color:#a6a6a6;
    font-size:14px;
    margin:0;
}

/* MOBILE */

@media (max-width:768px){

.why-content{
    margin-bottom:40px;
}
	.mobilebtn{
		margin-bottom:15px
	}
	.limo-service-section{
		padding:50px 0;
	}
	.limo-content{
		margin-bottom:20px;
	}
	.routes-section{
		padding:50px 0;
	}
	.why-section{
		padding:50px 0;
	}
}




/* -------------------------- Gallery page css --------------------*/
.gallery-section {
    background: #0b0b0b;
    color: #ddd;
}

.gallery-title {
    font-size: 44px;
    font-weight: 700;
    color: #fff;
}

.gallery-title span {
    color: #d4af37;
}

.gallery-subtitle {
    color: #9a9a9a;
    max-width: 650px;
    margin: auto;
}

.filter-btn {
    border: 1px solid #333;
    background: transparent;
    color: #ccc;
    padding: 8px 18px;
    margin: 5px;
    border-radius: 25px;
    font-size: 14px;
    transition: 0.3s;
}

.filter-btn:hover {
    background: #d4af37;
    color: #000;
    border-color: #d4af37;
}

.filter-btn.active {
    background: #d4af37;
    color: #000;
}

.gallery-card {
    background: #111;
    border: 1px solid #222;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
}

.gallery-card img {
    width: 100%;
    display: block;
    transition: 0.4s;
}

.gallery-card:hover img {
    transform: scale(1.08);
}

.gallery-card p {
    padding: 14px;
    font-size: 14px;
    color: #aaa;
    margin: 0;
}

.gallery-card:hover {
    border-color: #d4af37;
}