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


/* h1,
        h2,
        h3,
        .section-title {
            font-family: 'Roboto Condensed', sans-serif;
            font-weight: 700;
            letter-spacing: 0.5px;
        } */

/* ---------- TOP BAR ---------- */
.top-bar {
    background: #000;
    color: #fff;
    font-size: 14px;
    letter-spacing: 0.3px;
    padding: 6px 0;
}

.top-left span,
.top-right a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.top-left span i,
.top-right a i {
    color: #ca0026;
}

.top-left span {
    color: #ca0026;
    font-weight: 600;
}

.top-right a {
    color: #fff;
    text-decoration: none;
    transition: 0.3s ease;
    font-weight: 500;
}

.top-right a:hover {
    color: #ca0026;
    transform: translateY(-2px);
}

@media (max-width: 576px) {
    .top-bar .container {
        flex-direction: column;
        text-align: center;
        gap: 6px;
    }
}

/* ---------- PREMIUM STICKY HEADER ---------- */
.navbar {
    background: #0D1B2A;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}

.navbar-brand img {
    height: 55px;
    object-fit: contain;
    border-radius:8px;
}

.navbar-nav .nav-link {
    color: #fff !important;
    margin: 0 10px;
    font-weight: 500;
    position: relative;
    padding-bottom: 6px;
}

.navbar-nav .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 0%;
    background: #ca0026;
    transition: 0.3s;
}

.navbar-nav .nav-link:hover::after,
.navbar-nav .nav-link.active::after {
    width: 100%;
}

.call-btn,
.whatsapp-btn {
    padding: 7px 14px;
    border-radius: 5px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s ease;
}

.call-btn {
    background: #ca0026;
}

.call-btn:hover {
    background: #a4001f;
}

.whatsapp-btn {
    background: #25D366;
}

.whatsapp-btn:hover {
    background: #19a74f;
}

/* ---------- HERO SLIDER (Swiper) ---------- */
.hero-slider {
    position: relative;
    /* height: 75vh;
    min-height: 450px; */
}

.hero-slider .swiper-slide {
    position: relative;
    width: 100%;
    height: 100%;
}

.hero-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(90%);
}

.hero-slider .slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.hero-slider h1 {
    font-size: 45px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.hero-slider p {
    font-size: 18px;
    margin-top: 8px;
}

@media(max-width: 576px) {
    .hero-slider h1 {
        font-size: 24px;
    }

    .hero-slider p {
        font-size: 14px;
    }
}

/* Swiper Navigation Buttons */
.hero-slider .swiper-button-next,
.hero-slider .swiper-button-prev {
    color: #fff;
    padding: 25px;
}

.hero-slider .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.7;
}

.hero-slider .swiper-pagination-bullet-active {
    background: #f00;
}

/* about section */
/* ---------- Section wrapper ---------- */
.premium-about {
    font-family: 'Poppins', sans-serif;
    color: #e9eef2;
    position: relative;
    overflow: hidden;
    padding: 60px 0;
    /* Carbon-fiber background (CSS pattern) + dark brushed metal overlay */
    background:
        linear-gradient(180deg, rgba(9, 11, 12, 0.65), rgba(9, 11, 12, 0.65)),
        radial-gradient(ellipse at 10% 10%, rgba(255, 255, 255, 0.02), transparent 40%),
        repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.12) 0 2px, rgba(255, 255, 255, 0.02) 2px 4px);
    background-color: #0b0b0c;
}

.premium-about .panel {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 10px 30px rgba(3, 6, 10, 0.6);
    border-radius: 12px;
    overflow: hidden;
}

/* Left image area */
.premium-about .left-image {
    position: relative;
    min-height: 420px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.premium-about .left-image::after {
    content: "";
    position: absolute;
    inset: 0;
    /*background: linear-gradient(90deg, rgba(9, 11, 12, 0.45), rgba(9, 11, 12, 0.15));*/
    /*mix-blend-mode: multiply;*/
}

.premium-about .left-image img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    display: block;
    transform: scale(1.02);
}

/* Metallic accent line */
.premium-about .accent {
    height: 6px;
    background: linear-gradient(90deg, #111 0%, #333 30%, #ca0026 50%, #333 70%, #111 100%);
    box-shadow: 0 3px 12px rgba(202, 0, 38, 0.12);
}

/* Right content */
.premium-about .content {
    padding: 36px;
    color: #e6eef3;
}

.premium-about .content h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #fff;
    margin-bottom: 12px;
    font-size: 32px;
}

.premium-about .content .sub {
    color: #cbd6dd;
    font-size: 15px;
    margin-bottom: 18px;
}

/* Feature bullets (glass chips) */
.feature-chip {
    display: inline-flex;
    gap: 10px;
    align-items: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.04);
    padding: 10px 14px;
    border-radius: 10px;
    margin: 6px 6px 6px 0;
    color: #e8eef3;
    font-weight: 600;
    font-size: 14px;
}

.feature-chip i {
    color: #ca0026;
    font-size: 18px;
}

/* CTA buttons */
.cta-row .btn-primary {
    background: linear-gradient(90deg, #ca0026, #a4001f);
    border: none;
    padding: 10px 22px;
    border-radius: 8px;
    font-weight: 700;
    box-shadow: 0 8px 20px rgba(202, 0, 38, 0.18);
}

.cta-row .btn-outline-light {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: #e6eef3;
    background: transparent;
}

/* Bottom stats – glass cards */
.stats-wrap {
    margin-top: 28px;
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.stat-card {
    flex: 1 1 160px;
    min-width: 150px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.015), rgba(255, 255, 255, 0.01));
    border: 1px solid rgba(255, 255, 255, 0.04);
    padding: 18px;
    border-radius: 10px;
    text-align: center;
}

.stat-card .num {
    font-size: 28px;
    font-weight: 800;
    color: zz;
    letter-spacing: 0.6px;
}

.stat-card .label {
    color: #c9d5db;
    font-size: 13px;
    margin-top: 6px;
    font-weight: 600;
}

/* small product highlight cards inside content */
.mini-card {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.712), rgba(0, 0, 0, 0.836));
    border: 1px solid rgba(255, 255, 255, 0.04);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px;
}

.mini-card img {
    width: 70px !important;
    height: 50px !important;
    object-fit: cover;
    border-radius: 6px;
}

/* Responsive */
@media (max-width: 991px) {
    .premium-about .left-image {
        min-height: 300px;
    }

    .premium-about .content {
        padding: 22px;
    }
}

@media (max-width: 576px) {
    .premium-about {
        padding: 36px 0;
    }

    .stats-wrap {
        gap: 10px;
    }

    .stat-card .num {
        font-size: 22px;
    }
}

/* subtle entrance animation (fallback for non-AOS) */
.fade-up {
    opacity: 0;
    transform: translateY(12px);
    transition: all .7s ease;
}

.fade-up.show {
    opacity: 1;
    transform: translateY(0);
}

/* product section */

/* ---------- PRODUCT SECTION STYLING ---------- */
.product-section {
    background: linear-gradient(135deg, #000000, #27343d);
    color: #fff;
}

.section-title {
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.section-subtitle {
    font-size: 15px;
    opacity: 0.8;
}

/* Glass Card */
.glass-card {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    border-radius: 14px;
    padding: 12px;
    transition: 0.3s;
    border: 1px solid rgba(255, 255, 255, 0.12);
}

.glass-card:hover {
    transform: translateY(-6px);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: 0 6px 20px rgba(255, 255, 255, 0.12);
}

/* Image */
.product-img {
    width: 100%;
    /* height: 210px; */
    object-fit: cover;
    border-radius: 10px;
}

/* Content */
.product-content {
    padding: 12px 4px 4px;
}

.product-content h5 {
    font-weight: 600;
    margin-bottom: 6px;
}

.product-content p {
    font-size: 14px;
    opacity: 0.85;
}


/* General Section Styling */
.our-services {
  background-color: #ffffff;
}

/* Heading Styles */
.section-title {
  /* color: #0D1B2A; */
  font-weight: bold;
}

.our-services  .section-title span {
  color: #ca0026;
}

 .our-services  .section-subtitle {
  color: #6c757d;
  font-weight: 400;
}

/* Service Card */
.service-card {
  border: none;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: #fff;
}

.service-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
}

/* Icon Styling */
.service-icon {
  font-size: 3rem;
  color: #ca0026;
  margin-bottom: 15px;
  transition: transform 0.3s ease, color 0.3s ease;
}

.service-card:hover .service-icon {
  transform: scale(1.1);
  color: #ca0026;
}

/* Card Text */
.service-card .card-title {
  font-weight: 600;
  font-size: 17px !important;
}

.service-card .card-text {
  color: #6c757d;
  font-size: 16px !important;
}



p {
  font-weight: 400;
}
/* why choos us section */

section.why-choose {
  background-color: #0D1B2A;
  color: #fff;
  padding: 60px 0;
}

.why-choose h2 {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 40px;
}

.why-choose p {
  color: #272727;
  font-size: 14px;
}

.choose-card {
  background-color: #fff;
  color: #0D1B2A;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.choose-card:hover {
  transform: translateY(-8px);
  box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
}

.choose-icon {
  font-size: 40px;
  color: #ca0026 ;
  margin-bottom: 15px;
}

.choose-card h5 {
  font-weight: bold;
  margin-bottom: 10px;
}

/* CTA section */
section.cta-banner {
  background-color: #0D1B2A;
  color: #fff;
  padding: 50px 0;
  text-align: center;
}

.cta-banner h2 {
  font-weight: bold;
  color: #F4A300;
  margin-bottom: 15px;
}

.cta-banner p {
  font-size: 18px;
  margin-bottom: 25px;
}

.cta-btn {
  background-color: #ca0026;
  color: #ffffff;
  font-weight: bold;
  padding: 12px 30px;
  border-radius: 30px;
  border: none;
  transition: all 0.3s ease;
  font-size: 16px;
  text-transform: uppercase;
}

.cta-btn:hover {
  background-color: #ca0026;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}



/* Contact Form */
.contact-form input,
.contact-form textarea {
  border: none;
  border-bottom: 2px solid #ccc;
  border-radius: 0;
  outline: none;
  background: transparent;
  box-shadow: none;
  padding-left: 0;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-bottom: 2px solid #ca0026;
  box-shadow: none;
}

.contact-form button {
  background: #0D1B2A;
  color: white;
  border: none;
  padding: 10px 25px;
  border-radius: 25px;
  transition: 0.3s;
}

.contact-form button:hover {
  background: #ca0026;
  color: #0D1B2A;
}

/* Contact Info */
.conatct-page .contact-info {
  background: #f8f9fa;
  padding: 30px;
  border-radius: 10px;
}

.conatct-page .contact-info h5 {
  color: #0D1B2A;
  font-weight: bold;
}

.conatct-page .contact-info p {
  color: #555;
  margin-bottom: 10px;
}

.conatct-page .contact-info i {
  color: #ca0026;
  margin-right: 10px;
}

/* Map */
.map-container iframe {
  width: 100%;
  height: 400px;
  border: none;
  border-radius: 10px;

}

/* footer  */

footer {
  background-color: #0D1B2A;
  color: #fff;
  padding: 40px 0 20px;
}

footer h5 {
  color: #ca0026;
  font-weight: bold;
  margin-bottom: 20px;
}

footer a {
  color: #fff;
  text-decoration: none;
}

footer a:hover {
  color: #ca0026
}

.social-icons a {
  color: #fff;
  margin-right: 12px;
  font-size: 18px;
  transition: color 0.3s ease;
}

.social-icons a:hover {
  color: #ca0026
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin-top: 20px;
  padding-top: 15px;
  font-size: 14px;
  text-align: center;
}



.btn:focus {
  box-shadow: none !important;
}

/* Back to Top Button Style */
#backToTop {
  display: none;
  /* Default hidden */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 999;
  background-color: #0D1B2A;
  /* Jyoti Enterprises primary color */
  color: white;
  border: none;
  outline: none;
  padding: 11px 16px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  transition: 0.3s;
}

#backToTop:hover {
  background-color: #ca0026;
  /* Secondary color */
  color: black;
}

@media(max-width:720px){
    footer {
        text-align: center !important;
    }
}

section {
  scroll-margin-top: 84px;
}



/*responsive css added by aniket 24 1 2026*/

/* ================= MOBILE RESPONSIVE FIX ================= */
@media (max-width: 576px) {

    .hero-slider {

    }

    .hero-slider .slide-content {
        width: 100%;
        padding: 0 15px;
    }

    .hero-slider h1 {
        font-size: 20px;
        line-height: 1.3;
        letter-spacing: 0.5px;
    }

    .hero-slider p {
        font-size: 13px;
        line-height: 1.4;
        margin-bottom: 12px;
    }

    /* Buttons */
    .hero-slider .btn {
        font-size: 13px;
        padding: 7px 16px;
        width: 100%;
        max-width: 220px;
        margin: auto;
    }

    /* Button stack */
    .hero-slider .d-flex {
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }

    /* Hide arrows on mobile */
    .hero-slider .swiper-button-next,
    .hero-slider .swiper-button-prev {
        display: none;
    }
    }
}

/* ================= EXTRA SMALL DEVICES ================= */
@media (max-width: 400px) {

    .hero-slider h1 {
        font-size: 18px;
    }

    .hero-slider p {
        font-size: 12px;
    }
}

/*top bar*/
/* ================= TOP BAR MOBILE FIX ================= */
@media (max-width: 576px) {

    .top-bar {
        font-size: 12px;
        padding: 6px 0;
    }

    .top-bar .container {
        flex-direction: column;
        gap: 4px;
    }

    .top-left,
    .top-right {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .top-left span,
    .top-right a {
        font-size: 12px;
        gap: 6px;
        justify-content: center;
        text-align: center;
        line-height: 1.3;
    }

    .top-left span i,
    .top-right a i {
        font-size: 12px;
    }
}

/* ================= EXTRA SMALL DEVICES ================= */
@media (max-width: 400px) {

    .top-bar {
        font-size: 11px;
    }

    .top-left span,
    .top-right a {
        flex-wrap: wrap;
    }
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {
    .hero-slider {
        /*height: 80vh;*/
    }

    .slide-content h1 {
        font-size: 26px;
        line-height: 1.3;
    }

    .slide-content p {
        font-size: 14px;
    }

    .slide-content .btn {
        font-size: 14px;
        padding: 8px 18px;
    }

    .swiper-button-next,
    .swiper-button-prev {
        /*display: none;*/
    }
    .swiper-pagination{
         display: none;
    }
}

/* ================= SMALL MOBILE ================= */
@media (max-width: 480px) {
    .hero-slider {
        /*height: 70vh;*/
    }

    .slide-content h1 {
        font-size: 22px;
    }

    .slide-content p {
        font-size: 13px;
    }

    .slide-content .d-flex {
        flex-direction: column;
        gap: 10px;
    }
}

/*for black banner in moblie view*/
@media (max-width: 576px) {

    .hero-slider {
        /*height: 65vh;*/
        overflow: hidden;
    }

    .hero-slider .swiper,
    .hero-slider .swiper-wrapper,
    .hero-slider .swiper-slide {
        height: 100%;
        position: relative;
    }

    .hero-slider .swiper-slide img {
        /*height: 100%;*/
        /*object-fit: cover;*/
    }

    /* BLACK OVERLAY */
    .hero-slider .swiper-slide::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1;
        pointer-events: none;
    }

    /* CONTENT FIX */
    .hero-slider .slide-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 2;
        width: 100%;
        padding: 0 15px;
    }
    .m-hide{
        display:none;
    }
}