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

        body{
            background:#ffffff;
            color:#333;
        }

        html{
            scroll-behavior:smooth;
        }
/* =========================
   TOP BAR
========================= */

.top-bar{
    background:#1F3A5F;
    color:#fff;
    padding:9px 0;
    font-size:14px;
}

.topbar-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
}

.welcome-text{
    font-weight:500;
    display:flex;
    align-items:center;
    gap:8px;
}

.top-contact{
    display:flex;
    align-items:center;
    gap:22px;
}

.top-contact span{
    display:flex;
    align-items:center;
    gap:6px;
}

/* =========================
   MAIN NAVBAR
========================= */

.main-navbar{
    background:#ffffff;
    padding:0;
    box-shadow:0 2px 12px rgba(0,0,0,0.08);
    border-bottom:1px solid rgba(0,0,0,0.04);
}

/* NAVBAR CONTAINER */

.main-navbar .container{
    display:flex;
    align-items:center;
    min-height:95px;
}

/* LOGO WRAPPER */

.navbar-brand{
    padding:0;
    margin:0;
    display:flex;
    align-items:center;
}

/* BIG PROFESSIONAL LOGO */

.main-logo{
    height:82px;
    width:auto;
    display:block;
    object-fit:contain;
}

/* MENU */

.navbar-nav{
    align-items:center;
}

/* NAV LINKS */

.custom-link{
    color:#1F2937 !important;
    font-weight:500;
    margin-left:24px;
    font-size:16px;
    position:relative;
    transition:0.3s;
    padding-top:0;
    padding-bottom:0;
}

/* HOVER */

.custom-link:hover{
    color:#E67E22 !important;
}

/* UNDERLINE EFFECT */

.custom-link::after{
    content:'';
    position:absolute;
    left:0;
    bottom:-8px;
    width:0%;
    height:2px;
    background:#E67E22;
    transition:0.3s;
}

.custom-link:hover::after{
    width:100%;
}

/* ENQUIRY BUTTON */

.enquiry-btn{
    background:#E67E22;
    color:#fff;
    text-decoration:none;
    padding:12px 24px;
    border-radius:6px;
    font-weight:600;
    transition:0.3s;
    display:inline-block;
}

.enquiry-btn:hover{
    background:#cf6c14;
    color:#fff;
    transform:translateY(-2px);
}

/* TOGGLER */

.navbar-toggler{
    border:none;
    padding:0;
}

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

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

@media(max-width:991px){

    .topbar-flex{
        flex-direction:column;
        gap:8px;
        text-align:center;
    }

    .top-contact{
        flex-direction:column;
        gap:6px;
    }

    .main-navbar .container{
        min-height:auto;
        padding-top:12px;
        padding-bottom:12px;
    }

    .main-logo{
        height:68px;
    }

    .navbar-collapse{
        padding-top:15px;
    }

    .custom-link{
        margin-left:0;
        padding:12px 0;
    }

    .custom-link::after{
        display:none;
    }

    .enquiry-btn{
        margin-top:12px;
    }
}
        /* Hero Section */




.hero{

    background:
    linear-gradient(
    rgba(0,0,0,0.45),
    rgba(0,0,0,0.45)
    ),
    url('herobanner.png');

    background-size:cover;

    background-position:center center;

    background-repeat:no-repeat;

    min-height:90vh;

    display:flex;

    align-items:center;

    color:#fff;

}

/* HERO CONTENT */

.hero .container{

    position:relative;
    z-index:2;

}

/* TITLE */

.hero h1{

    font-size:64px;

    font-weight:700;

    line-height:1.15;

    margin-bottom:24px;

    color:#ffffff;

    text-shadow:
    0 4px 18px rgba(0,0,0,0.35);

}

/* PARAGRAPH */

.hero p{

    font-size:19px;

    max-width:720px;

    line-height:1.9;

    margin-bottom:35px;

    color:#f5f5f5;

    text-shadow:
    0 2px 10px rgba(0,0,0,0.3);

}

/* BUTTON */

.hero-btn{

    background:#F57C00;

    color:#fff;

    padding:15px 38px;

    border:none;

    border-radius:6px;

    font-weight:600;

    font-size:15px;

    text-decoration:none;

    transition:0.3s;

    display:inline-block;

}

.hero-btn:hover{

    background:#d86a00;

    color:#fff;

}

/* RESPONSIVE */

@media(max-width:991px){

    .hero{

        background-position:center;

        text-align:center;

    }

    .hero h1{

        font-size:44px;

    }

}

@media(max-width:576px){

    .hero{

        min-height:78vh;

    }

    .hero h1{

        font-size:34px;

    }

    .hero p{

        font-size:16px;

    }

}
        /* Section Title */

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

        .section-title h2{
            font-size:40px;
            font-weight:700;
            color:#0B1F3A;
        }

        .section-title p{
            color:#666;
            margin-top:10px;
        }

        /* About */

        .about{
            padding:100px 0;
        }

        .about img{
            width:100%;
            border-radius:10px;
        }

        .about-content h3{
            color:#0B1F3A;
            font-weight:700;
            margin-bottom:20px;
        }

        .about-content p{
            line-height:1.9;
            color:#555;
        }

        .about-box{
            background:#f5f5f5;
            padding:20px;
            margin-top:20px;
            border-left:5px solid #F57C00;
        }

       
        /* Why Choose Us */

        .why{
            padding:100px 0;
        }

        .why-box{
            text-align:center;
            padding:35px 25px;
            background:#fff;
            border-radius:10px;
            box-shadow:0 4px 15px rgba(0,0,0,0.08);
            transition:0.3s;
            height:100%;
        }

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

        .why-box i{
            font-size:55px;
            color:#F57C00;
            margin-bottom:20px;
        }

        .why-box h4{
            color:#0B1F3A;
            font-weight:700;
            margin-bottom:15px;
        }

        .why-box p{
            color:#666;
            line-height:1.8;
        }

        /* Stats */

        .stats{
            background:#0B1F3A;
            color:#fff;
            padding:80px 0;
        }

        .stat-box{
            text-align:center;
        }

        .stat-box h2{
            font-size:50px;
            font-weight:700;
            color:#F57C00;
        }

        .stat-box p{
            font-size:18px;
        }



.gallery{
    padding:100px 0;
    background:#f8f9fb;
}

/* SLIDER */

.gallery-slider{
    position:relative;
    padding:0 50px;
}

/* MACHINE CARD */

.machine-card{
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
    padding:20px;
    height:100%;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
    transition:0.3s;
}

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

/* IMAGE */

.machine-card img{
    width:100%;
    height:220px;
    object-fit:contain;
    background:#fff;
}

/* TITLE */

.machine-card h4{
    text-align:center;
    margin-top:18px;
    color:#0B1F3A;
    font-size:22px;
    font-weight:600;
}

/* BUTTONS */

.carousel-control-prev,
.carousel-control-next{
    width:5%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    background-color:#F57C00;
    border-radius:50%;
    padding:18px;
    background-size:55%;
}

/* INDICATORS */

.carousel-indicators{
    bottom:-55px;
}

.carousel-indicators button{
    background-color:#F57C00 !important;
    width:12px;
    height:12px;
    border-radius:50%;
}

/* MOBILE */

@media(max-width:991px){

    .gallery-slider{
        padding:0;
    }

    .machine-card{
        margin-bottom:25px;
    }

    .machine-card img{
        height:180px;
    }

    .carousel-control-prev,
    .carousel-control-next{
        display:none;
    }
}
     /* Contact */

        .contact{
            background:#f5f5f5;
            padding:100px 0;
        }

        .contact-box{
            background:#fff;
            padding:40px;
            border-radius:10px;
            box-shadow:0 4px 15px rgba(0,0,0,0.08);
        }

        .contact-box h3{
            color:#0B1F3A;
            margin-bottom:25px;
            font-weight:700;
        }

        .form-control{
            padding:14px;
            margin-bottom:20px;
            border-radius:5px;
        }

        textarea{
            resize:none;
        }

        .submit-btn{
            background:#F57C00;
            color:#fff;
            border:none;
            padding:12px 30px;
            border-radius:5px;
            font-weight:600;
        }

        .submit-btn:hover{
            background:#d86a00;
        }

        .contact-info{
            padding-left:30px;
        }

        .contact-info h4{
            color:#0B1F3A;
            font-weight:700;
            margin-bottom:20px;
        }

        .info-box{
            display:flex;
            align-items:flex-start;
            margin-bottom:25px;
        }

        .info-box i{
            font-size:28px;
            color:#F57C00;
            margin-right:15px;
        }

        /* Footer */

       .footer{
    background:#081528;
    color:#fff;
    padding-top:80px;
}

/* LOGO */

.footer-logo{
    font-size:32px;
    font-weight:700;
    margin-bottom:20px;
    color:#fff;
}

/* ABOUT */

.footer-about{
    color:#cbd5e1;
    line-height:1.9;
    margin-bottom:25px;
}

/* SOCIAL */

.footer-social{
    display:flex;
    gap:14px;
}

.footer-social a{
    width:42px;
    height:42px;
    background:#10233d;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    color:#fff;
    font-size:18px;
    transition:0.3s;
    text-decoration:none;
}

.footer-social a:hover{
    background:#F57C00;
    transform:translateY(-4px);
}

/* TITLE */

.footer-title{
    font-size:24px;
    font-weight:600;
    margin-bottom:25px;
    color:#fff;
}

/* LINKS */

.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-links li{
    margin-bottom:14px;
}

.footer-links a{
    color:#cbd5e1;
    text-decoration:none;
    transition:0.3s;
}

.footer-links a:hover{
    color:#F57C00;
    padding-left:6px;
}

/* CONTACT */

.footer-contact p{
    color:#cbd5e1;
    margin-bottom:16px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    line-height:1.7;
}

.footer-contact i{
    color:#F57C00;
    font-size:18px;
    margin-top:3px;
}

/* BOTTOM */

.footer-bottom{
    border-top:1px solid rgba(255,255,255,0.08);
    margin-top:60px;
    padding:22px 0;
    text-align:center;
}

.footer-bottom p{
    margin:0;
    color:#cbd5e1;
}

/* MOBILE */

@media(max-width:991px){

    .footer{
        text-align:center;
    }

    .footer-social{
        justify-content:center;
        margin-bottom:40px;
    }

    .footer-contact p{
        justify-content:center;
    }

    .footer-title{
        margin-top:30px;
    }
}

        /* Responsive */

        @media(max-width:991px){

            .hero{
                text-align:center;
            }

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

            .contact-info{
                padding-left:0;
                margin-top:40px;
            }
        }

        @media(max-width:576px){

            .hero h1{
                font-size:34px;
            }

            .section-title h2{
                font-size:30px;
            }
        }

    /* =========================
   PRODUCT SECTION
========================= */

.products-section{
    padding:80px 0;
    background:#f5f5f5;
}


/* CARD */

.product-card{
    background:#fff;
    border-radius:12px;
    overflow:hidden;
    border:1px solid #e5e5e5;
    transition:0.3s;
    height:100%;
}

.product-card:hover{
    transform:translateY(-4px);
    box-shadow:0 6px 18px rgba(0,0,0,0.08);
}


/* IMAGE AREA */

.product-image{
    padding:18px 18px 10px;
    background:#fff;
    text-align:center;
}


/* IMAGE */

.product-image img{
    width:100%;
    height:210px;
    object-fit:contain;
    cursor:pointer;
}


/* CONTENT */

.product-content{
    padding:14px 18px 18px;
    text-align:center;
    border-top:1px solid #f1f1f1;
}


/* TITLE */

.product-content h3{
    font-size:18px;
    font-weight:600;
    color:#0B1F3A;
    line-height:1.4;
    margin-bottom:12px;
    min-height:48px;
}


/* BUTTON */

.product-btn{
    display:inline-block;
    background:#F57C00;
    color:#fff;
    text-decoration:none;
    padding:8px 18px;
    border-radius:5px;
    font-size:13px;
    font-weight:500;
    transition:0.3s;
}

.product-btn:hover{
    background:#d86a00;
    color:#fff;
}


/* =========================
   PRODUCT BANNER
========================= */

.product-banner{
    background:#0B1F3A;
    padding:80px 0;
    text-align:center;
    color:#fff;
}

.product-banner h1{
    font-size:46px;
    font-weight:700;
    margin-bottom:12px;
}

.product-banner p{
    font-size:17px;
    color:#d1d5db;
    margin:0;
}


/* =========================
   IMAGE POPUP
========================= */

.image-modal-content{
    border:none;
    border-radius:12px;
    padding:20px;
    position:relative;
}

#popupImage{
    width:100%;
    max-height:80vh;
    object-fit:contain;
}

.modal-close{
    position:absolute;
    top:15px;
    right:15px;
    background:#fff;
    border-radius:50%;
    z-index:10;
}


/* MOBILE */

@media(max-width:576px){

    .product-banner{
        padding:60px 0;
    }

    .product-banner h1{
        font-size:34px;
    }

    .product-banner p{
        font-size:15px;
    }

    .product-image img{
        height:180px;
    }

    .product-content h3{
        font-size:17px;
        min-height:auto;
    }

    .product-btn{
        width:100%;
    }

}