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

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

.bg-light { background: #f8f9fa; }

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

/* TOPBAR */
.topbar{
    background:#0b3c5d;
    color:#fff;
    padding:12px 0;
    font-size:14px;
}
.topbar-flex{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.top-right{
    display:flex;
    gap:25px;
}

/* HEADER & LOGO */
.header{
    background:#fff;
    position:sticky;
    top:0;
    z-index:999;
    box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.nav-container{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 0;
}
.logo {
    display: flex;
    align-items: center;
    gap: 10px;
}
.logo-img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.logo-text h2{
    color:#f37021;
    line-height:1;
    margin: 0;
}
.logo-text span{
    color:#0b3c5d;
    font-weight:700;
}

/* NAVBAR & NESTED DROPDOWN */
.navbar{
    display:flex;
    gap:30px;
    align-items: center;
}
.navbar a{
    text-decoration:none;
    color:#0b3c5d;
    font-weight:600;
    transition: 0.3s;
}
.navbar a:hover, .navbar a.active, .dropdown:hover .dropbtn {
    color: #f37021;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown .dropbtn {
    cursor: pointer;
    display: flex;
    align-items: center;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 260px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    z-index: 1000;
    border-radius: 6px;
    top: 100%;
    left: 0;
    padding: 10px 0;
}
.dropdown:hover .dropdown-content {
    display: block; 
}
.dropdown-content > a, .sub-dropdown {
    padding: 12px 20px;
    font-weight: 500;
    color: #0b3c5d;
    display: block;
    border-bottom: 1px solid #f4f7f6;
    text-align: left;
    transition: all 0.3s ease;
    text-decoration: none;
}
.dropdown-content > a:last-child, .sub-dropdown:last-child {
    border-bottom: none;
}
.dropdown-content > a:hover, .sub-dropdown:hover {
    background-color: #f8f9fa;
    color: #f37021;
    padding-left: 25px;
}

/* SUB-DROPDOWN MENU (API PIPES) */
.sub-dropdown {
    position: relative;
    cursor: pointer;
}
.sub-dropbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: inherit;
    font-weight: inherit;
    width: 100%;
}
.sub-dropdown-content {
    display: none;
    position: absolute;
    left: 100%;
    top: -10px;
    background-color: #ffffff;
    min-width: 240px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    z-index: 1001;
    border-radius: 6px;
    padding: 10px 0;
}
.sub-dropdown:hover .sub-dropdown-content {
    display: block;
}
.sub-dropdown-content a {
    padding: 10px 20px;
    font-weight: 500;
    color: #0b3c5d;
    display: block;
    text-decoration: none;
    border-bottom: 1px solid #f4f7f6;
    transition: 0.3s ease;
}
.sub-dropdown-content a:hover {
    background-color: #f8f9fa;
    color: #f37021;
    padding-left: 25px;
}

/* BUTTONS */
.quote-btn{
    background:#f37021;
    color:#fff;
    padding:14px 24px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
    transition: 0.3s;
}
.quote-btn:hover { background: #0b3c5d; }
.floating-quote {
    position: fixed;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    background: #f37021;
    color: #fff;
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 30px 0 0 30px;
    font-weight: 700;
    z-index: 9999;
    box-shadow: -5px 5px 15px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    gap: 10px;
    animation: pulse-shadow 2s infinite;
    transition: 0.3s ease-in-out;
}
.floating-quote:hover {
    padding-right: 40px;
    background: #0b3c5d;
}
@keyframes pulse-shadow {
    0% { box-shadow: -5px 0 0 0 rgba(243, 112, 33, 0.4); }
    70% { box-shadow: -5px 0 0 15px rgba(243, 112, 33, 0); }
    100% { box-shadow: -5px 0 0 0 rgba(243, 112, 33, 0); }
}

/* HOME PAGE STYLES */
.hero-section{ height:90vh; background-color: #333; background-size:cover; background-position:center; position:relative; display:flex; align-items:center; }
.overlay{ position:absolute; inset:0; background:rgba(11, 60, 93, 0.7); }
.hero-content{ position:relative; z-index:2; color:#fff; }
.hero-small{ letter-spacing:2px; margin-bottom:20px; font-weight: 600; color: #f37021; }
.hero-content h1{ font-size:80px; line-height:1.1; margin-bottom:25px; }
.hero-content h1 span{ color:#f37021; }
.hero-text{ max-width:800px; font-size:18px; line-height:1.8; margin-bottom:40px; }
.hero-buttons{ display:flex; gap:20px; }
.primary-btn{ background:#f37021; color:#fff; text-decoration:none; padding:16px 34px; border-radius:6px; font-weight:600; transition: 0.3s; }
.primary-btn:hover { background: #0b3c5d; color: #fff;}
.secondary-btn{ border:2px solid #fff; color:#fff; text-decoration:none; padding:16px 34px; border-radius:6px; font-weight:600; transition: 0.3s; }
.secondary-btn:hover { background: #fff; color: #0b3c5d;}
.stats-section{ margin-top:-60px; position:relative; z-index:10; }
.stats-grid{ background:#0b3c5d; border-radius:12px; padding:40px; display:grid; grid-template-columns:repeat(4,1fr); gap:30px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.stat-card{ text-align:center; color:#fff; }
.stat-card h2{ color:#f37021; font-size:48px; }
.about-section, .clients-section, .industries-section, .products-section, .quality-section, .why-section, .tips-section, .testimonial-section, .faq-section{ padding:80px 0; }
.about-grid, .quality-grid{ display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.about-image img, .quality-image img{ width:100%; border-radius:12px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); }
.section-tag{ color:#f37021; font-weight:700; letter-spacing: 1px; }
.about-content h2, .quality-content h2{ font-size:42px; margin:15px 0; color:#0b3c5d; }
.about-content p, .quality-content p{ line-height:1.8; margin-bottom:30px; color: #555; }
.about-features{ display:grid; grid-template-columns:1fr 1fr; gap:15px; font-weight: 600; color: #0b3c5d; }
.quality-content ul { list-style: none; }
.quality-content ul li { margin-bottom: 15px; padding-left: 30px; position: relative; font-weight: 500; }
.quality-content ul li::before { content: "✔"; position: absolute; left: 0; color: #f37021; }
.section-heading{ text-align:center; margin-bottom:50px; }
.section-heading span{ color:#f37021; font-weight:700; letter-spacing: 1px; }
.section-heading h2{ font-size:42px; color:#0b3c5d; margin-top:10px; }
.clients-grid { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; }
.clients-grid img { height: 60px; filter: grayscale(100%); opacity: 0.6; transition: 0.3s; }
.clients-grid img:hover { filter: grayscale(0%); opacity: 1; }
.industry-grid, .products-grid, .why-grid, .tips-grid, .testimonial-grid{ display:grid; gap:30px; }
.industry-grid { grid-template-columns: repeat(4, 1fr); }
.products-grid { grid-template-columns: repeat(4, 1fr); }
.why-grid { grid-template-columns: repeat(4, 1fr); }
.tips-grid { grid-template-columns: repeat(3, 1fr); }
.testimonial-grid { grid-template-columns: repeat(3, 1fr); }
.industry-card{ background-color: #0b3c5d; background-size: cover; background-position: center; height: 250px; border-radius:12px; position: relative; display: flex; align-items: flex-end; padding: 20px; overflow: hidden; box-shadow:0 5px 20px rgba(0,0,0,0.1); }
.industry-overlay { position: absolute; inset: 0; background: linear-gradient(to top, #0b3c5d 10%, transparent); transition: 0.4s; }
.industry-card:hover .industry-overlay { background: rgba(11, 60, 93, 0.8); }
.industry-card h3 { position: relative; z-index: 2; color: #fff; transform: translateY(10px); transition: 0.4s; }
.industry-card:hover h3 { transform: translateY(0); color: #f37021; }
.product-card{ background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 5px 20px rgba(0,0,0,0.05); transition: 0.3s; }
.product-card:hover { transform: translateY(-10px); box-shadow:0 10px 30px rgba(0,0,0,0.1); }
.product-card img{ width:100%; height:220px; object-fit:cover; }
.product-card h3{ padding:20px; color:#0b3c5d; text-align: center; }
.why-section{ background:#0b3c5d; }
.light h2, .light span{ color:#fff; }
.why-card{ background:#fff; padding:40px 30px; border-radius:12px; text-align: center; transition: 0.3s; }
.why-card:hover { transform: translateY(-5px); }
.why-icon { font-size: 40px; margin-bottom: 20px; }
.why-card h3{ color:#0b3c5d; margin-bottom:15px; }
.why-card p { color: #555; }
.tip-card { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }
.tip-card img { width: 100%; height: 200px; object-fit: cover; }
.tip-content { padding: 25px; }
.tip-content span { color: #f37021; font-weight: 600; font-size: 13px; }
.tip-content h3 { color: #0b3c5d; margin: 10px 0; font-size: 20px;}
.tip-content p { color: #555; margin-bottom: 15px; font-size: 14px;}
.tip-content a { color: #0b3c5d; font-weight: 700; text-decoration: none; }
.tip-content a:hover { color: #f37021; }
.testimonial-card{ background:#fff; padding:35px; border-radius:12px; box-shadow:0 5px 20px rgba(0,0,0,0.08); }
.stars { color: #f3c621; margin-bottom: 15px; font-size: 20px;}
.testimonial-card p{ font-style: italic; color: #555; line-height:1.8; margin-bottom:20px; }
.testimonial-card h4 { color: #0b3c5d; }
.faq-container { max-width: 800px; margin: 0 auto; }
.faq-item { background: #fff; margin-bottom: 15px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.05); overflow: hidden; }
.faq-question { padding: 20px; font-weight: 600; color: #0b3c5d; cursor: pointer; display: flex; justify-content: space-between; }
.faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: 0.3s ease-in-out; color: #555; line-height: 1.6; }
.faq-item.active .faq-answer { padding: 0 20px 20px 20px; max-height: 200px; }
.faq-item.active .faq-question span { transform: rotate(45deg); color: #f37021;}
.faq-question span { transition: 0.3s; font-size: 20px; }
.export-section{ background-color: #222; background-size:cover; background-position:center; position:relative; padding:120px 0; }
.export-content{ position:relative; z-index:2; text-align:center; color:#fff; }
.export-content span { color: #f37021; font-weight: 700; letter-spacing: 2px;}
.export-content h2{ font-size:50px; margin:15px 0 25px; }
.export-content p { font-size: 18px; max-width: 800px; margin: auto; line-height: 1.8;}
.cta-section{ background:#f37021; color:#fff; padding:80px 0; text-align:center; }
.cta-content h2{ font-size:42px; margin-bottom:15px; }
.cta-content p { margin-bottom: 30px; font-size: 18px; }

/* GLOBAL MEGA FOOTER */
.footer{
    background:#0b3c5d;
    color:#fff;
    padding-top:60px;
}
.footer-mega-override {
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); 
    gap: 30px; 
    width: 100%;
    padding-bottom: 50px;
}
.footer h3{ margin-bottom:20px; color: #f37021;}
.footer h4 { color: #fff; margin-bottom: 15px; border-left: 3px solid #f37021; padding-left: 10px; font-weight: 600; font-size: 16px;}
.footer p { color: #ddd; line-height: 1.8;}
.footer ul{ list-style:none; }
.footer ul li{ margin-bottom:12px; color: #ddd; cursor: pointer; transition: 0.3s; font-size: 14px;}
.footer ul li a { color: #ddd; text-decoration: none; transition: 0.3s;}
.footer ul li a:hover, .footer ul li:hover { color: #f37021; padding-left: 5px;}
.footer-bottom{
    text-align:center;
    padding:20px;
    border-top:1px solid rgba(255,255,255,0.1);
    color: #aaa;
    font-size: 14px;
}

.menu-btn{ display:none; font-size:30px; cursor:pointer; color: #0b3c5d;}

/* RESPONSIVE */
@media(max-width:1024px){
    .industry-grid, .products-grid, .why-grid{ grid-template-columns:repeat(2,1fr); }
    .tips-grid, .testimonial-grid { grid-template-columns: repeat(2, 1fr); }
    .hero-content h1{ font-size:60px; }
}
@media(max-width:768px){
    .menu-btn{ display:block; }
    .navbar{ display:none; flex-direction: column; background: #fff; width: 100%; position: absolute; top: 100%; left: 0; padding: 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
    .quote-btn { display: none; }
    .topbar-flex{ flex-direction:column; gap:10px; text-align:center; }
    .top-right{ flex-direction:column; gap:10px; }
    .dropdown { display: block; width: 100%; }
    .dropdown-content { position: relative; box-shadow: none; display: none !important; padding-left: 15px; width: 100%; border-left: 2px solid #f37021; margin-top: 10px;}
    .sub-dropdown-content { position: relative; box-shadow: none; display: none !important; padding-left: 15px; width: 100%; border-left: 2px solid #0b3c5d; margin-top: 5px; left: 0; top: 0;}
    .dropdown:hover .dropdown-content { display: block !important; }
    .sub-dropdown:hover .sub-dropdown-content { display: block !important; }
    .stats-grid, .about-grid, .quality-grid, .footer-mega-override { grid-template-columns:1fr; gap: 30px;}
    .industry-grid, .products-grid, .why-grid, .tips-grid, .testimonial-grid{ grid-template-columns:1fr; }
    .hero-content h1{ font-size:42px; }
    .hero-buttons{ flex-direction:column; }
    .section-heading h2{ font-size:32px; }
    .floating-quote { padding: 10px 15px; font-size: 14px;}
    .clients-grid { justify-content: center; }
}