*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'outfit',sans-serif;
}

h3{
    font-size: 21px;
}

body{
overflow-x:hidden;
}

.mobile{
    display:none;
}

.desktop-call-btn{

    padding:12px 22px;
    background:#ff5b00;
    color:#fff;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;

}

.desktop-call-btn:hover{

    background:#111;
    color:#fff;

}

.desktop-test-btn{

    padding:12px 22px;
    border:2px solid #ff5b00;
    color:#ff5b00;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:.3s;

}

.desktop-test-btn:hover{

    background:#ff5b00;
    color:#fff;

}

/*==========================
      MOBILE BUTTON
===========================*/

.mobile-call-btn{

    display:flex;
    align-items:center;
    gap:10px;

    background:linear-gradient(135deg,#ff7a18,#ff4d00);

    color:#fff;
    text-decoration:none;

    padding:10px 18px;

    border-radius:50px;

    font-size:15px;
    font-weight:700;

    box-shadow:0 8px 25px rgba(255,91,0,.35);

    transition:.3s;

}

.mobile-call-btn i{

    width:36px;
    height:36px;
    border-radius:50%;
    background:rgba(255,255,255,.18);

    display:flex;
    align-items:center;
    justify-content:center;

    animation:ring 1.5s infinite;

}

.mobile-call-btn:hover{

    color:#fff;
    transform:translateY(-2px);

}

/* Ring Animation */

@keyframes ring{

0%{transform:scale(1);}
50%{transform:scale(1.15);}
100%{transform:scale(1);}

}

.topbar{
background:#234E9B;
color:white;
padding:8px 0;
font-size:14px;
}

.navbar-brand img{
width:120px;
}

.nav-link{
font-size:15px;
font-weight:600;
color:#222;
margin:0 12px;
transition:.3s;
}

.nav-link:hover{
color:#E64A22;
}

.call-btn{
background:#234E9B;
color:white;
border-radius:50px;
padding:12px 22px;
font-weight:600;
}

.call-btn:hover{
background:#17396e;
color:white;
}

.test-btn{
background:#E64A22;
color:white;
border-radius:50px;
padding:12px 22px;
font-weight:600;
}

.test-btn:hover{
background:#cc3f19;
color:white;
}

.hero-section{
background:linear-gradient(135deg,#edf4ff,#ffffff);
position:relative;
overflow:hidden;
}

.subheading{
color:#E64A22;
font-weight:700;
letter-spacing:1px;
}

.hero-section h1{
font-size:65px;
font-weight:800;
color:#234E9B;
line-height:1.2;
}

.hero-section p{
font-size:18px;
color:#666;
margin-top:20px;
margin-bottom:30px;
}

.btn-orange{
background:#E64A22;
color:white;
padding:15px 35px;
border-radius:50px;
font-weight:600;
}

.btn-orange:hover{
background:#c53c18;
color:white;
}

.bike-image{
animation:float 4s infinite ease-in-out;
}

@keyframes float{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-15px);
}

100%{
transform:translateY(0);
}

}

.carousel-control-prev,
.carousel-control-next{
width:50px;
height:50px;
background:#234E9B;
border-radius:50%;
top:50%;
transform:translateY(-50%);
}

.carousel-control-prev{
left:30px;
}

.carousel-control-next{
right:30px;
}


@media(max-width:991px){

.hero-section h1{
font-size:42px;
}

.navbar-brand img{
max-height:60px;
}

}

.products{
    background:#f5f8fd;
    padding:40px 0;
}

.products .sub-title{
    color:#ff5a1f;
    font-size:14px;
    margin-bottom:10px;
    letter-spacing:3px;
    font-weight:700;
    text-transform:uppercase;
}

.products .section-title{
    font-size:40px;
    font-weight:700;
    color:#153e8b;
    margin-top:15px;
    margin-bottom:10px;
}

.section-desc{
    color:#777;
    max-width:650px;
    margin:auto;
}

/* FILTER */

.product-filter {
    margin: 18px 0;
}

.product-filter button{

    border:none;
    padding:12px 30px;
    margin:6px;
    border-radius:40px;
    background:#fff;
    font-weight:600;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;

}

.product-filter button.active,
.product-filter button:hover{

    background:#153e8b;
    color:#fff;

}

/* PRODUCT */

.product-item{

    margin-bottom:30px;

}

.product-card{

    background:#fff;
    border-radius:22px;
    overflow:hidden;
    height:100%;
    display:flex;
    flex-direction:column;
    box-shadow:0 12px 35px rgba(0,0,0,.08);
    transition:.35s;

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

/* IMAGE */

.product-image{

    height:230px;
    background:#edf4ff;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    padding:20px;

}

.product-image img{

    max-width:100%;
    max-height:180px;
    transition:.4s;

}

.product-card:hover img{

    transform:scale(1.08);

}

/* CONTENT */

.product-content{

    padding:22px;
    display:flex;
    flex-direction:column;
    flex:1;

}

.product-content h3{

    font-size:18px;
    font-weight:700;
    color:#222;
    line-height:28px;
    overflow:hidden;

}

.product-category{

    color:#777;
    font-size:14px;
    margin-bottom:12px;

}

.price{
    font-size:32px;
    font-weight:700;
    color:#ff5a1f;
    line-height:1.2;
}

.starting-price{
    display:block;
    font-size:13px;
    font-weight:500;
    color:#777;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:4px;
}

.product-specs{
    display:flex;
    align-items:center;
    justify-content:space-between;
    background:#fff;
    border:1px solid #e8e8e8;
    border-radius:14px;
    overflow:hidden;
    margin:20px 0;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
}

.spec-item{
    flex:1;
    padding:18px 12px;
    text-align:center;
    position:relative;
    transition:.3s;
}

.spec-item:not(:last-child){
    border-right:1px solid #ececec;
}

.spec-item:hover{
    background:#f8f9fb;
}

.spec-label{
    display:block;
    font-size:13px;
    font-weight:500;
    color:#777;
    line-height:18px;
    margin-bottom:10px;
}

.down-payment-badge{
    display:inline-block;
    margin-top:10px;
    padding:6px 12px;
    font-size:12px;
    color:#28a745;
    background:#eaf8ef;
    border:1px solid #bde5c8;
    border-radius:30px;
    font-weight:500;
}

.down-payment-badge strong{
    color:#1d7d35;
}

.spec-value{
    display: block;
    font-size: 17px;
    font-weight: 500;
    color: #111;
    line-height: 1;
}

.spec-value small{
    font-size:15px;
    font-weight:600;
    color:#444;
}

@media(max-width:576px){

    .product-specs{
        margin:15px 0;
    }

    .spec-item{
        padding:15px 8px;
    }

    .spec-label{
        font-size:11px;
        margin-bottom:8px;
        min-height:32px;
    }

    .spec-value{
        font-size:22px;
    }

    .spec-value small{
        font-size:12px;
    }
    .navbar-toggler{
        display:none!important;
    }
    .mobile{
        display:black!important;
    }
}

/* FOOTER */

.product-footer{

display:flex;

justify-content:space-between;

gap:10px;
}

/* BUTTONS */

.call-btn{

width:50%;

text-align:center;

padding:12px;

background:#ff5a1f;

color:#fff;

border-radius:40px;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.call-btn:hover{

background:#153e8b;

color:#fff;

}

.details-btn{

width:50%;

text-align:center;

padding:12px;

border:2px solid #153e8b;

border-radius:40px;

font-weight:600;

text-decoration:none;

color:#153e8b;

transition:.35s;

}

.details-btn:hover{

background:#153e8b;

color:#fff;

}

/* RESPONSIVE */

@media(max-width:992px){

.product-content h3{

height:auto;

}

.product-category{

height:auto;

}

}

@media(max-width:768px){

.product-footer{

flex-direction:column;

}

.call-btn,
.details-btn{

width:100%;

}

}
.about-title {
    font-size: 33px!important;
    font-weight: 700;
    background: linear-gradient(90deg, #f04e30, #ff7a18);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
/* 🔥 Background (Dark + Blue Brand) */
.about-section {
    background: linear-gradient(135deg, #0b0b0b, #1f3c73);
    padding: 10px 0;
    color: #fff;
}
.about-card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(14px);
    border-radius: 20px;
    padding: 17px!important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
    transition: 0.4s ease;
    border: 1px solid rgba(240, 78, 48, 0.2);
}
.feature-box {
    background: rgba(255, 255, 255, 0.04);
    padding: 7px!important;
    border-radius: 12px;
    text-align: center;
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* Glass Card */
.about-card {
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(14px);
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.4);
    transition: 0.4s ease;
    border: 1px solid rgba(240, 78, 48, 0.2);
}

.about-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 50px rgba(240, 78, 48, 0.3);
}

/* Heading Style (Orange Gradient) */
.about-title {
    font-size: 42px;
    font-weight: 700;
    background: linear-gradient(90deg, #fff7f6, #dac8ba);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Highlight (Orange) */
.highlight {
    color: #f04e30;
    font-weight: 600;
}


/* Image Style */
.about-img {
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}

.about-img img {
    width: 100%;
    transition: 0.5s ease;
}

.about-img:hover img {
    transform: scale(1.08);
}
/* Section Background */
.tvs-racing-section {
    background: #f5f5f5;
    padding: 80px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

/* Background Watermark */
.tvs-racing-section::before {
    content: "Racing";
    position: absolute;
    font-size: 180px;
    color: rgba(0,0,0,0.05);
    top: 20%;
    left: 50%;
    transform: translateX(-50%);
    font-style: italic;
    font-weight: 700;
    pointer-events: none;
}

/* Logo */
.racing-logo {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.racing-logo .tvs {
    color: #000;
    margin-right: 8px;
}

.racing-logo .racing {
    background: #e53935;
    color: #fff;
    padding: 4px 12px;
    border-radius: 4px;
    font-style: italic;
}

/* Heading */
.racing-title {
    font-size: 48px;
    font-weight: 500;
    color: #111;
    margin-bottom: 30px;
}

.racing-title span {
    font-weight: 600;
}

/* Button */
.explore-btn {
    display: inline-block;
    background: #1f3c73;
    color: #fff;
    padding: 12px 30px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: 0.3s;
}

.explore-btn:hover {
    background: #162c55;
}
.mega-footer {
  background: #1f3c88;
  color: #fff;
  padding: 60px 0 20px;
  font-size: 14px;
}

.mega-footer h6 {
  font-weight: 600;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.mega-footer ul {
  list-style: none;
  padding: 0;
}

.mega-footer ul li {
  margin-bottom: 8px;
  cursor: pointer;
  transition: 0.3s;
}

.mega-footer ul li:hover {
  color: #ff5722;
  padding-left: 5px;
}

/* Contact */
.contact-box p {
  margin-bottom: 8px;
}

.contact-box i {
  width: 20px;
  text-align: center;
  color: #fff;
}

/* Social Icons Fix */
.social-icons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.social-icons a {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,0.08);
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s ease;
  text-decoration: none;
}

/* Perfect Hover */
.social-icons a:hover {
  background: #ff5722;
  transform: translateY(-4px) scale(1.05);
}

/* Fix icon alignment */
.social-icons i {
  line-height: 1;
}

/* Bottom */
.footer-bottom {
  margin-top: 20px;
  font-size: 13px;
}

.footer-bottom a {
  color: #ddd;
  margin-left: 15px;
  text-decoration: none;
}

.footer-bottom a:hover {
  color: #ff5722;
}

/* Responsive */
@media(max-width:768px){
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-bottom a {
    margin: 5px;
  }
}
.social-icons a:nth-child(1):hover { background: #1DA1F2; } /* Twitter */
.social-icons a:nth-child(2):hover { background: #0A66C2; } /* LinkedIn */
.social-icons a:nth-child(3):hover { background: #1877F2; } /* Facebook */
.social-icons a:nth-child(4):hover { background: #E4405F; } /* Instagram */
.social-icons a:nth-child(5):hover { background: #FF0000; } /* YouTube */

@media (max-width: 768px) {
  .bike-title {
    font-size: 18px;
  }

  .bike-price {
    font-size: 20px;
  }

  .specs span {
    font-size: 12px;
    padding: 5px 10px;
  }
}
.testimonial-section {
  padding: 60px 0;
  background: #f8f9fa;
}

/* Slider */
.slider {
  overflow: hidden;
  position: relative;
}

.slide-track {
  display: flex;
  animation: scroll 25s linear infinite;
}

/* Card */
.review-card {
  width: 280px;
  margin: 0 12px;
  background: #fff;
  padding: 18px;
  border-radius: 15px;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  flex-shrink: 0;
}

/* Top Section */
.review-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

/* User Image */
.user-img {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  margin-right: 10px;
}

/* User Info */
.user-info h6 {
  margin: 0;
  font-weight: 600;
  font-size: 14px;
}

/* Stars */
.stars i {
  color: #fbbc04;
  font-size: 12px;
}

/* Google Logo */
.google-logo {
  width: 70px;
  margin-left: auto;
}

/* Animation */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Hover Pause */
.slider:hover .slide-track {
  animation-play-state: paused;
}


@media (max-width: 768px) {
  .review-card {
    width: 85vw;   /* responsive width */
    margin: 0 8px;
  }
  .tvs-racing-section {
    background: #f5f5f5;
    padding: 30px 20px!important;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.testimonial-section {
    padding: 30px 0;
    background: #f8f9fa;
}
}
@media (max-width: 576px) {
  h2.text-center.mb-5 {
    margin-bottom: 1.5rem !important; /* mb-5 = 3rem hota hai, ise kam kar diya */
  }
}
@media(max-width:768px){
  .products{
    padding-bottom:20px !important;
  }
}
@media(max-width:768px){

  .products{
    padding-top:30px !important;
    padding-bottom:10px !important;
  }

  .products .container{
    padding-bottom:0;
  }
}

.stallion-counter-section{

    position:relative;

    padding:40px 0;

    background:#071222;

    overflow:hidden;

}

.stallion-counter-section::before{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    background:#1d4ea1;

    filter:blur(180px);

    opacity:.18;

    top:-200px;
    left:-150px;

}

.stallion-counter-section::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    background:#f15b2a;

    filter:blur(170px);

    opacity:.18;

    right:-150px;
    bottom:-180px;

}

.section-heading{

    text-align:center;

    max-width:760px;

    margin:auto;

    margin-bottom:70px;

}

.sub-title{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:10px 22px;

    background:rgba(241,91,42,.15);

    color:#f15b2a;

    border-radius:40px;

    border:1px solid rgba(241,91,42,.35);

    font-weight:600;

}

.section-heading h2{

    color:#fff;

    font-size:30px;

    font-weight:600;

    margin:25px 0 18px;

}

.section-heading h2 span{

    color:#f15b2a;

}

.section-heading p{

    color:#bfc8d7;

    font-size:17px;

    line-height:32px;

}

.counter-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.counter-card{

    position:relative;

    padding:45px 30px;

    border-radius:25px;

    overflow:hidden;

    background:rgba(255,255,255,.05);

    border:1px solid rgba(255,255,255,.08);

    backdrop-filter:blur(14px);

    transition:.45s;

}

.counter-card:hover{

    transform:translateY(-12px);

    border-color:#f15b2a;

    box-shadow:0 20px 50px rgba(241,91,42,.18);

}

.card-bg{

    position:absolute;

    inset:0;

    background:linear-gradient(135deg,rgba(241,91,42,.07),rgba(30,78,160,.08));

    opacity:0;

    transition:.5s;

}

.counter-card:hover .card-bg{

    opacity:1;

}

.counter-card::before{

    content:"";

    position:absolute;

    left:-120%;

    top:0;

    width:70%;

    height:100%;

    background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);

    transform:skewX(-25deg);

}

.counter-card:hover::before{

    animation:shine 1.2s linear;

}

@keyframes shine{

0%{left:-120%;}

100%{left:150%;}

}

.icon{

    width:90px;

    height:90px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:34px;

    color:#fff;

    background:linear-gradient(135deg,#1d4ea1,#f15b2a);

    margin-bottom:30px;

    box-shadow:0 15px 40px rgba(241,91,42,.25);

}

.counter-card h3{

        font-size: 37px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 12px;

}

.counter-card h4{

    color:#fff;

    font-size:22px;

    margin-bottom:12px;

}

.counter-card p{

    color:#b9c2d2;

    line-height:28px;

}

@media(max-width:991px){

.counter-grid{

grid-template-columns:repeat(2,1fr);

}

.section-heading h2{

font-size:38px;

}

}

@media(max-width:767px){

.stallion-counter-section{

padding:20px 0;

}

.heading {
    text-align: center;
    max-width: 760px;
    margin: auto auto 20px!important;
}
.section-title {
    text-align: center;
    margin-bottom: 20px!important;
}

.counter-grid{

grid-template-columns:1fr;

}

.section-heading h2{

font-size:30px;

}

.counter-card{

padding:35px 25px;

}

.counter-card h3{

font-size:46px;

}

.icon{

width:75px;
height:75px;
font-size:28px;

}

}
.benefit-section{

padding:30px 0;

background:#fff;

}

.heading{

text-align:center;

max-width:760px;

margin:auto auto 70px;

}

.heading span{

display:inline-block;

padding:8px 18px;

border-radius:30px;

background:#edf4ff;

color:#1d4ea1;

font-weight:600;

}

.heading h2{

font-size:42px;

margin:20px 0;

font-weight:600;

color:#222;

}

.heading p{

font-size:17px;

line-height:30px;

color:#666;

}

.benefit-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

}

.benefit-box{

background:#fff;

padding:40px 30px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.06);

transition:.4s;

position:relative;

overflow:hidden;

border:1px solid #eee;

}

.benefit-box:before{

content:"";

position:absolute;

left:0;

top:0;

width:5px;

height:100%;

background:linear-gradient(#1d4ea1,#f15b2a);

transition:.4s;

}

.benefit-box:hover{

transform:translateY(-12px);

box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.icon{

width:75px;

height:75px;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

background:linear-gradient(135deg,#1d4ea1,#f15b2a);

color:#fff;

font-size:30px;

margin-bottom:25px;

}

.benefit-box h3{
font-size: 22px;
margin-bottom:18px;
color:#222;

}

.benefit-box p{

line-height:28px;

color:#666;

margin-bottom:25px;

}

.benefit-box a{

text-decoration:none;

font-weight:600;

color:#1d4ea1;

}

.benefit-box a i{

margin-left:8px;

transition:.3s;

}

.benefit-box:hover a i{

transform:translateX(6px);

}

@media(max-width:992px){

.benefit-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:576px){

.heading h2{

font-size:30px;

}

.benefit-grid{

grid-template-columns:1fr;

}

}
.facility-section{
    padding:30px 0;
    background:#ffffff;
}

.facility-section .container{
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}

/* Heading */

.section-title{
    text-align:center;
    margin-bottom: 30px;
}

.section-title span{
    display:inline-block;
    background:#eef4ff;
    color:#214b9b;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
}

.section-title h2{
    margin:18px 0 12px;
    font-size: 30px;
    font-weight:600;
    color:#222;
}

.section-title p{
    max-width: 1000px;
    margin: auto;
    color: #666;
    line-height: 33px;
    font-size: 19px;
    font-weight: 400;
}

/* Gallery */

.facility-gallery{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:20px;

}

.gallery-item{

    position:relative;

    overflow:hidden;

    border-radius:16px;

    background:#f5f5f5;

    box-shadow:0 8px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.gallery-item img{

    width:100%;

    height:260px;

    object-fit:cover;

    display:block;

    transition:.45s;

}

.gallery-item::after{

    content:'';

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:100%;

    background:linear-gradient(to top,
    rgba(0,0,0,.45),
    transparent);

    opacity:0;

    transition:.35s;

}

.gallery-item:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(33,75,155,.15);

}

.gallery-item:hover img{

    transform:scale(1.08);

}

.gallery-item:hover::after{

    opacity:1;

}

/* Tablet */

@media(max-width:991px){

.facility-gallery{

grid-template-columns:repeat(2,1fr);

}

.gallery-item img{

height:230px;

}

}

/* Mobile */

@media(max-width:576px){

.facility-section{

padding:20px 0;

}
.workshop-wrapper
 {
    display: grid;
    grid-template-columns: 42% 58%;
    gap: 0px!important;
    align-items: center;
}

.section-title h2{

font-size:30px;

}

.facility-gallery{

grid-template-columns:1fr;

}

.gallery-item img{

height:240px;

}

}
.service-workshop{

padding:30px 0;

background:#fff;

}

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title span{

display:inline-block;

padding:8px 18px;

background:#eef4ff;

color:#214b9b;

border-radius:30px;

font-weight:600;

}

.section-title h2{

font-size:42px;

margin:18px 0;

}

.section-title p{

color:#666;

max-width:700px;

margin:auto;

}

.workshop-wrapper{

display:grid;

grid-template-columns:42% 58%;

gap:45px;

align-items:center;

}

.workshop-image{

overflow:hidden;

border-radius:20px;

box-shadow:0 20px 40px rgba(0,0,0,.1);

}

.workshop-image img{

width:100%;

height:100%;

display:block;

object-fit:cover;

transition:.5s;

}

.workshop-image:hover img{

transform:scale(1.08);

}

.workshop-content{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:20px;

}

.service-item{

display:flex;

gap:18px;

padding:20px;

border-radius:18px;

background:#fff;

border:1px solid #ececec;

transition:.35s;

}

.service-item:hover{

border-color:#f15a29;

transform:translateY(-6px);

box-shadow:0 15px 35px rgba(0,0,0,.08);

}

.service-icon{

width:60px;

height:60px;

border-radius:15px;

background:linear-gradient(135deg,#214b9b,#f15a29);

display:flex;

justify-content:center;

align-items:center;

color:#fff;

font-size:24px;

flex-shrink:0;

}

.service-item h4{

font-size:19px;

margin-bottom:8px;

}

.service-item p{

font-size:14px;

line-height:24px;

color:#666;

}

@media(max-width:991px){

.workshop-wrapper{

grid-template-columns:1fr;

}

.workshop-content{

grid-template-columns:repeat(2,1fr);

margin-top:30px;

}

}

@media(max-width:576px){

.service-workshop{

padding:20px 0;

}

.section-title h2{

font-size:30px;

}

.workshop-content{

grid-template-columns:1fr;

}

.service-item{

padding:18px;

}

}
/*=================================
 ENQUIRY SECTION
==================================*/

.enquiry-section{

    padding:30px 0;

    background:linear-gradient(135deg,#eef5ff,#ffffff);

}

.enquiry-wrapper{

    display:grid;

    grid-template-columns:1fr 480px;

    gap:60px;

    align-items:center;

}

.sub-heading{

    display:inline-block;

    padding:8px 20px;

    border-radius:50px;

    background:#214b9b;

    color:#fff;

    font-size:14px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:20px;

}

.enquiry-content h2{

    font-size:48px;

    font-weight:700;

    color:#222;

    line-height:1.2;

    margin-bottom:20px;

}

.enquiry-content h2 span{

    color:#f15a29;

}

.enquiry-content p{

    color:#666;

    font-size:17px;

    line-height:32px;

    margin-bottom:30px;

}

.feature-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:35px;

}

.feature-item{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;

    color:#333;

}

.feature-item i{

    color:#f15a29;

    font-size:20px;

}

.call-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    padding:15px 35px;

    background:linear-gradient(135deg,#f15a29,#ff7d45);

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.3s;

}

.call-btn:hover{

    transform:translateY(-3px);

    color:#fff;

    box-shadow:0 12px 30px rgba(241,90,41,.35);

}

/*========================
 FORM
=========================*/

.enquiry-form{

    background:#fff;

    padding:40px;

    border-radius:20px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    border-top:5px solid #f15a29;

}

.enquiry-form h3{

    margin-bottom:25px;

    font-size:28px;

    text-align:center;

    color:#214b9b;

}

.form-group{

    margin-bottom:18px;

}

.form-group input,

.form-group textarea{

    width:100%;

    padding:15px 18px;

    border:1px solid #ddd;

    border-radius:10px;

    font-size:15px;

    outline:none;

    transition:.3s;

}

.form-group input:focus,

.form-group textarea:focus{

    border-color:#214b9b;

    box-shadow:0 0 0 3px rgba(33,75,155,.1);

}

.enquiry-form button{

    width:100%;

    padding:16px;

    border:none;

    border-radius:10px;

    background:linear-gradient(135deg,#214b9b,#2f65cb);

    color:#fff;

    font-size:17px;

    font-weight:600;

    transition:.3s;

}

.enquiry-form button:hover{

    background:linear-gradient(135deg,#f15a29,#ff7d45);

}

/*========================
 RESPONSIVE
=========================*/

@media(max-width:991px){

.enquiry-wrapper{

grid-template-columns:1fr;

gap:40px;

}

.enquiry-form{

max-width:650px;

margin:auto;

}

}

@media(max-width:767px){

.enquiry-section{

padding:20px 0;

}

.enquiry-content h2{

font-size:34px;

}

.feature-list{

grid-template-columns:1fr;

}

.enquiry-form{

padding:30px 25px;

}

}
/*=============================
 FOOTER LOCATION
==============================*/

.footer-location-title{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    margin-bottom:10px;
   text-align:center;
}

.footer-location-title i{

color:#ff5722;

margin-right:10px;

}

.location-card{

background:rgba(255,255,255,.08);

border-radius:18px;

padding:18px;

transition:.35s;

height:100%;

border:1px solid rgba(255,255,255,.08);

}

.location-card:hover{

transform:translateY(-6px);

box-shadow:0 20px 40px rgba(0,0,0,.18);

}

.location-card img{

width:100%;

height:180px;

object-fit:cover;

border-radius:12px;

}

.location-card h5{

color:#fff;

font-size:20px;

margin-bottom:15px;

font-weight:600;

}

.location-card h5 i{

color:#ff5722;

margin-right:8px;

}

.location-card p{

color:#ddd;

line-height:28px;

margin-bottom:18px;

}

.location-card a{

text-decoration:none;

}

.location-card>a{

color:#fff;

font-weight:600;

}

.direction-btn{

display:inline-block;

margin-top:8px;

padding:10px 22px;

background:#ff5722;

color:#fff !important;

border-radius:40px;

transition:.3s;

}

.direction-btn:hover{

background:#fff;

color:#1f3c88 !important;

}

.direction-btn i{

margin-right:8px;

}

@media(max-width:991px){

.location-card{

margin-bottom:25px;

}

.location-card img{

margin-bottom:20px;

height:220px;

}

}

@media(max-width:576px){

.footer-location-title{

font-size:22px;

}

.location-card img{

height:180px;

}

.location-card{

padding:15px;

}

}
/*==========================
 Phone Button
===========================*/

.phone-btn{

display:flex;

align-items:center;

gap:15px;

background:linear-gradient(135deg,#ff6b35,#f15a29);

padding:12px 18px;

border-radius:14px;

text-decoration:none;

margin:18px 0;

transition:.35s;

box-shadow:0 10px 25px rgba(241,90,41,.25);

}

.phone-btn:hover{

transform:translateY(-5px);

background:linear-gradient(135deg,#214b9b,#3f74d6);

box-shadow:0 18px 35px rgba(33,75,155,.30);

}

.phone-icon{

width:52px;

height:52px;

background:#fff;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

flex-shrink:0;

}

.phone-icon i{

color:#f15a29;

font-size:20px;

transition:.3s;

}

.phone-btn:hover .phone-icon i{

color:#214b9b;

}

.phone-text{

display:flex;

flex-direction:column;

line-height:1.3;

}

.phone-text small{

font-size:12px;

color:rgba(255,255,255,.85);

letter-spacing:.5px;

}

.phone-text strong{

font-size:18px;

font-weight:700;

color:#fff;

letter-spacing:.5px;

}
/*==========================
 Floating WhatsApp
===========================*/

.floating-whatsapp{

    position:fixed;

    right:25px;

    bottom:25px;

    z-index:99999;

    display:flex;

    align-items:center;

    text-decoration:none;

    background:#25D366;

    border-radius:60px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(37,211,102,.35);

    transition:.35s;

    animation:whatsappPulse 2s infinite;

}

.floating-whatsapp:hover{

    transform:translateY(-6px);

    background:#20c55a;

    color:#fff;

}

.wa-text{

    color:#fff;

    font-size:15px;

    font-weight:600;

    padding:0 18px;

    line-height:20px;

}

.wa-text small{

    display:block;

    font-size:12px;

    opacity:.9;

    font-weight:400;

}

.wa-icon{

    width:64px;

    height:64px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#22c55e;

    color:#fff;

    font-size:32px;

}

@keyframes whatsappPulse{

0%{

box-shadow:0 0 0 0 rgba(37,211,102,.55);

}

70%{

box-shadow:0 0 0 18px rgba(37,211,102,0);

}

100%{

box-shadow:0 0 0 0 rgba(37,211,102,0);

}

}

/* Mobile */

@media(max-width:767px){

.floating-whatsapp{

right:15px;

bottom:15px;

}

.wa-text{

display:none;

}

.wa-icon{

width:58px;

height:58px;

font-size:30px;

}
.call-btn{
    display: block!important;
}
.my-small{
    display:none!important;
}

}

/*=========================
      OFFERS SECTION
==========================*/

.offers-section{
    padding:30px 0;
    background:#1f1b18;
    position:relative;
    overflow:hidden;
}

.offers-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(255,91,0,.08);
    border-radius:50%;
    top:-180px;
    left:-150px;
}

.offers-section::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(255,255,255,.03);
    border-radius:50%;
    right:-120px;
    bottom:-120px;
}

.offers-heading{
    position:relative;
    z-index:2;
    max-width:760px;
    margin:auto;
    margin-bottom:60px;
}

.offer-tag{

    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 20px;
    border-radius:50px;
    background:rgba(255,91,0,.15);
    color:#ff5b00;
    font-weight:600;
    margin-bottom:20px;
}

.offers-heading h2{

    color:#fff;
    font-size:30px;
    font-weight:600;
    margin-bottom:20px;
}

.offers-heading h2 span{

    color:#ff5b00;
}

.offers-heading p{

    color:#c8c8c8;
    font-size:17px;
    line-height:30px;
}

/*=========================
      OFFER CARD
==========================*/

.offer-box{

    position:relative;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:40px 25px;
    text-align:center;
    transition:.4s;
    overflow:hidden;
    height:100%;
    backdrop-filter:blur(8px);
}

.offer-box::before{

    content:"";
    position:absolute;
    width:180px;
    height:180px;
    background:rgba(255,91,0,.08);
    border-radius:50%;
    top:-120px;
    right:-100px;
    transition:.5s;
}

.offer-box:hover{

    transform:translateY(-12px);
    border-color:#ff5b00;
    box-shadow:0 18px 40px rgba(0,0,0,.35);
}

.offer-box:hover::before{

    transform:scale(2);
}

.offer-icon{

    width:85px;
    height:85px;
    margin:auto;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;

    background:linear-gradient(135deg,#ff7a18,#ff4d00);

    color:#fff;
    font-size:34px;

    margin-bottom:25px;

    box-shadow:0 10px 30px rgba(255,91,0,.35);
}

.offer-box h4{

    color:#fff;
    font-size:24px;
    font-weight:700;
    margin-bottom:12px;
}

.offer-box p{

    color:#bbbbbb;
    font-size:15px;
    line-height:26px;
    margin-bottom:15px;
}

.offer-box h3{

    color:#ff5b00;
    font-size:34px;
    font-weight:800;
    margin:0;
}

.offer-box strong{

    color:#ff5b00;
}

/*=========================
      RESPONSIVE
==========================*/

@media(max-width:991px){

.offers-heading h2{

font-size:40px;

}

.offer-box{

padding:35px 20px;

}

}

@media(max-width:767px){

.offers-section{

padding:70px 0;

}

.offers-heading{

margin-bottom:40px;

}

.offers-heading h2{

font-size:32px;

}

.offers-heading p{

font-size:15px;
line-height:26px;

}

.offer-icon{

width:70px;
height:70px;
font-size:28px;

}

.offer-box h4{

font-size:20px;

}

.offer-box h3{

font-size:28px;

}

}

.offer-modal{
    border:0;
    border-radius:8px;
    overflow:hidden;
}

.offer-modal .modal-header{
    background:#ff5b00;
    padding:14px 20px;
    border:none;
}

.offer-modal .modal-title{
    color:#fff;
    font-size:22px;
    font-weight:600;
}

.offer-modal .btn-close{
    filter:brightness(0) invert(1);
    opacity:1;
}

.offer-modal .modal-body{
    padding:35px 25px;
}

.offer-modal h3{
    font-size:32px;
    font-weight:800;
    color:#111;
    margin-bottom:18px;
    text-transform:uppercase;
}

.offer-highlight{
    color:#ff2f4a;
    font-size:22px;
    font-weight:700;
    margin-bottom:28px;
}

.offer-call-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;

    background:#252446;
    color:#fff;
    text-decoration:none;

    height:58px;
    border-radius:8px;

    font-size:22px;
    font-weight:700;

    transition:.3s;
}

.offer-call-btn i{
    color:#ff5b00;
    font-size:24px;
}

.offer-call-btn:hover{
    background:#1a1935;
    color:#fff;
}

@media(max-width:576px){

.offer-modal h3{
    font-size:24px;
}

.offer-highlight{
    font-size:18px;
}

.offer-call-btn{
    font-size:18px;
    height:52px;
}

}
/* Feature Cards */
.feature-card {
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);
    border-radius: 12px;
    padding: 18px;
    text-align: center;
    color: #fff;
    transition: 0.3s;
    border: 1px solid rgba(255,255,255,0.1);
}

.feature-card i {
    font-size: 26px;
    margin-bottom: 8px;
    color: #4da6ff;
}

.feature-card span {
    display: block;
    font-size: 14px;
    font-weight: 500;
}

/* Hover Effect */
.feature-card:hover {
    transform: translateY(-5px);
    background: rgba(255,255,255,0.15);
}
/* Hide element if the viewport width is 600px or less */
@media screen and (max-width: 480px) {
 .carousel-control-prev{
     display:none!important;
 }
  .carousel-control-next{
     display:none!important;
 }
 .products .section-title {
    font-size: 30px;
    font-weight: 700;
    color: #153e8b;
    margin-top: 15px;
    margin-bottom: 10px;
}
}