/* RESET */

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

body{
background:#f4f4f4;
}

/* CONTAINER */

.container{
width:1200px;
margin:auto;
}

/* TOP BAR */

.top-bar{
/* background:#1e7dd3; */
background-color: #0072bc;
color:white;
font-size:14px;
padding:8px 0;
padding: 15px;
font-weight: bold;
}

.top-bar .container{
display:flex;
justify-content:space-between;
align-items:center;
}

.top-right a{
color:white;
text-decoration:none;
margin-left:50px;
}

/* HEADER */



/* active link */

.menu li a.active{
color:#1e7dd3;
font-weight:600;
border-bottom: 3px solid #1e7dd3;
}

/* hover */

.menu li a:hover{
color: #1e7dd3;
}

.main-header{
background:white;
padding:15px 0;
position:sticky;
top:0;
z-index:999;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.header-container{
display:flex;
align-items:center;
justify-content:space-between;
}

/* LOGO */

.logo img{
height:60px;
}

/* MENU */

.menu{
display:flex;
list-style:none;
align-items:center;
}

.menu li{
position:relative;
margin:0 15px;

}

.menu li a{
text-decoration:none;
color:#444;
font-size:16px;
}



/* DROPDOWN */

.dropdown{
position:relative;
}

.submenu{
position:absolute;
top:100%;
left:0;
background:white;

width:250px;
list-style:none;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
display:none;
/* margin-top: 10px; */
}

.submenu li{
border-bottom:1px solid #eee;
}

.submenu li a{
display:block;
padding:10px 15px;
color:#333;
text-decoration:none;
}

.submenu li a:hover{
background:#f5f5f5;
}

/* SHOW DROPDOWN */

.dropdown:hover .submenu{
display:block;
}
/* SEARCH ICON */

.search-icon{
font-size:18px;
cursor:pointer;
}



/* HERO SLIDER */

.hero-slider{
position:relative;
height:700px;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
height:100%;
opacity:0;
transition:0.8s;
}

.slide.active{
opacity:1;
}

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

.slider-content{
position:absolute;
top:40%;
left:8%;
color:white;
}

.slider-content h1{
font-size:70px;
font-weight:bold;
}

.slider-content h3{
font-size:28px;
margin-bottom:10px;
}

.slider-content p{
font-size:22px;
}

.slider-dots{
position:absolute;
bottom:20px;
left:50%;
transform:translateX(-50%);
}

.dot{
height:10px;
width:10px;
background:white;
display:inline-block;
margin:5px;
cursor:pointer;
opacity:0.5;
}

.dot.active{
opacity:1;
}


/* LEFT WHATSAPP */

.whatsapp-fixed{
position:fixed;
left:20px;
bottom:20px;
background:#25d366;
color:white;
padding:10px 15px;
border-radius:30px;
display:flex;
align-items:center;
gap:8px;
text-decoration:none;
z-index:999;
}







/* SIDE CONTACT BAR */

.side-contact{
position:fixed;
right:0;
top:35%;
z-index:9999;
display:flex;
flex-direction:column;
align-items:center;
}

/* arrow */

.side-arrow{
width:50px;
height:50px;
background:black;
color:white;
display:flex;
align-items:center;
justify-content:center;
}

/* contact button */

.side-contact-btn{
background:#7b61ff;
color:white;
height:150px;
width:50px;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
}

.side-contact-btn span{
transform:rotate(-90deg);
white-space:nowrap;
font-weight:bold;
}

/* whatsapp */

.side-whatsapp{
width:50px;
height:50px;
background:#25d366;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}

/* mail */

.side-mail{
width:50px;
height:50px;
background:#ff4d4d;
color:white;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}


/* CONTACT FORM */

.contact-form-box{
position:fixed;
right:-400px;
top:25%;
width:350px;
background:white;
padding:25px;
border-radius:10px;
box-shadow:0 0 25px rgba(0,0,0,0.2);
transition:0.4s;
z-index:9999;
}

.contact-form-box.active{
right:70px;
}

.contact-form-box h3{
text-align:right;
color:#7b61ff;
margin-bottom:20px;
}

/* inputs */

.contact-form-box input,
.contact-form-box textarea{
width:100%;
padding:12px;
margin-bottom:12px;
border:1px solid #ddd;
border-radius:30px;
outline:none;
}

.contact-form-box textarea{
height:120px;
border-radius:20px;
resize:none;
}

/* button */

.contact-form-box button{
width:100%;
padding:12px;
border:none;
border-radius:30px;
background:#7b61ff;
color:white;
font-weight:bold;
cursor: pointer;
}

/* close */

.close-form{
position:absolute;
top:10px;
left:15px;
font-size:22px;
cursor:pointer;
}



.container-about{
width:1200px;
margin:auto;
}

.about-company{
padding:80px 0;
font-family:Poppins;
}

/* headings */

.section-heading{
text-align:center;
margin-bottom:50px;
}

.small-title{
font-size:14px;
color:#777;
}

.small-title span{
color:#1e7dd3;
font-weight:600;
}

.section-heading h2{
font-size:32px;
margin-top:10px;
}

/* ABOUT GRID */

.about-grid{
display:flex;
gap:60px;
align-items:center;
}

.about-text{
flex:1;
}

.about-text h3{
font-size:24px;
margin-bottom:20px;
}

.about-text p{
margin-bottom:20px;
line-height:1.7;
color:#555;
}

.about-text ul{
padding-left:20px;
}

.about-text li{
margin-bottom:10px;
}

.about-image{
flex:1;
text-align:center;
}

.about-image img{
max-width:100%;
}


/* CITIES SECTION */
.cities-section{
background:#f5f5f5;
padding: 0px 0;
}

.cities-section .container{
max-width:1100px;
margin:auto;

}

.cities-section h2{
font-size:26px;
margin-bottom:15px;
color:#222;
}

.cities-section p{
font-size:16px;
line-height:1.8;
margin-bottom:35px;
color:#555;
}

.cities-section h3{
margin-top:20px;
margin-bottom:15px;
}

.applications-list{
padding-left:20px;
}

.applications-list li{
margin-bottom:15px;
}


/* TABLE */

.pipe-range{
background:#f9f9f9;
text-align:center;
}

.pipe-range h2{
font-size:30px;
margin-bottom:10px;
}

.pipe-table{
width:100%;
border-collapse:collapse;
margin-top:40px;
}

.pipe-table th{
background:#f0f0f0;
padding:15px;
text-align:left;
}

.pipe-table td{
padding:15px;
border-bottom:1px solid #ddd;
}


/* SCROLL ANIMATION */

.scroll-left,
.scroll-right,
.scroll-up{
opacity:0;
transition:1s;
}

.scroll-left{
transform:translateX(-80px);
}

.scroll-right{
transform:translateX(80px);
}

.scroll-up{
transform:translateY(60px);
}

.show{
opacity:1;
transform:translate(0);
}


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

/* Tablet */

@media (max-width:1024px){

.container{
width:95%;
}

.container-about{
width:95%;
}

.hero-slider{
height:450px;
}

.slider-content h1{
font-size:45px;
}

.slider-content h3{
font-size:22px;
}

.slider-content p{
font-size:18px;
}

.about-grid{
gap:30px;
}

}

/* ========================= */
/* Mobile */
/* ========================= */

@media (max-width:768px){

/* HEADER */

.header-container{
flex-direction:column;
gap:15px;
}

/* MENU */

.menu{
flex-direction:column;
width:100%;
background:white;
}

.menu li{
margin:10px 0;
}

/* DROPDOWN */

.submenu{
position:relative;
width:100%;
box-shadow:none;
}

/* HERO SLIDER */

.hero-slider{
height:350px;
}

.slider-content{
top:30%;
left:5%;
}

.slider-content h1{
font-size:30px;
}

.slider-content h3{
font-size:18px;
}

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

/* ABOUT */

.about-grid{
flex-direction:column;
text-align:center;
}

.about-text{
order:2;
}

.about-image{
order:1;
}

/* CONTACT FORM */

.contact-form-box{
width:90%;
right:-100%;
}

.contact-form-box.active{
right:5%;
}

/* SIDE CONTACT */

.side-contact{
display:none;
}

/* TABLE */

.pipe-table{
display:block;
overflow-x:auto;
white-space:nowrap;
}

}

/* ========================= */
/* Small Mobile */
/* ========================= */

@media (max-width:480px){

.slider-content h1{
font-size:24px;
}

.slider-content h3{
font-size:16px;
}

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

.logo img{
height:45px;
}

.whatsapp-fixed{
left:10px;
bottom:10px;
padding:8px 12px;
font-size:14px;
}

.section-heading h2{
font-size:24px;
}

}



/* MOBILE MENU */

/* HEADER FLEX */



.header-container{
display:flex;
align-items:center;
justify-content:space-between;
}

/* HAMBURGER */

.menu-toggle{
display:none;
font-size:28px;
cursor:pointer;
}

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

.header-container{
display:flex;
align-items:center;
justify-content:space-between;

}

/* LOGO LEFT */

.logo{
margin:0;
}

.logo img{
height:45px;
}

/* HAMBURGER RIGHT */

.menu-toggle{
display:block;
}

/* HIDE MENU */

nav{
position:absolute;
top:100%;
left:0;
width:100%;
background:white;
display:none;
}

nav.active{
display:block;
}

/* MOBILE MENU */

.menu{
flex-direction:column;
width:100%;
}

.menu li{
margin:0;
border-bottom:1px solid #eee;
}

.menu li a{
display:block;
padding:15px;
}

}

.map-link{
margin-top: 0px;
margin-bottom:10px;
font-size:14px;
color:#ccc;
}

.map-link i{
color:#1e7dd3;
margin-right:6px;
}

.map-link a{
color:#ccc;
text-decoration: none;
transition:0.3s;
}

.map-link a:hover{
color:#0d7de6;
}



.products-section{
padding:40px 0;
background:#f5f5f5;
font-family:Poppins;
}

.container{
width:1200px;
margin:auto;
}

/* TITLE */

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

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

.section-title span{
color:#1e7dd3;
}

.divider{
width:80px;
height:4px;
background:#1e7dd3;
margin:10px auto;
border-radius:5px;
}


/* GRID */

.products-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
}


/* CARD */

.product-card h3{
text-align:center;
font-size:35px;
margin-bottom:15px;
margin-top: 30px;
color:#0d4a6e;
font-weight:600;
}


/* IMAGE BOX */

.product-img{
position:relative;
border-radius:12px;
overflow:hidden;
background:#fff;

}

.product-img img{
width:100%;
height: 300px;
display:block;
border-radius:12px;
object-fit: cover;
}


/* OVERLAY */

.overlay{
position:absolute;
bottom:-100%;
left:0;
width:100%;
height:30%;
background:#1e7dd3;
display:flex;
align-items:center;
justify-content:center;
transition:0.4s;

}

.overlay a{
color:white;
font-weight:600;
font-size:18px;
text-decoration:none;
}

/* HOVER */

.product-img:hover .overlay{
bottom:0;
}




.service-section{
position:relative;
padding:50px 0;
background:url("https://5.imimg.com/data5/SELLER/Default/2022/11/RK/CX/SM/39137948/stainless-steel-electro-polish-pipes-tubes.jpg") center/cover no-repeat;
}

/* overlay */

.video-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
z-index:1;
}

/* container */

.service-section .container{
position:relative;
z-index:2;
}

/* grid */

.service-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
}

/* boxes */

.service-box{
border:2px solid rgba(255,255,255,0.8);
padding:20px;
color:#fff;
background:rgba(0,0,0,0.3);
transition:0.4s;
}

.service-box:hover{
background:rgba(0,0,0,0.5);
}

/* icon */

.service-box .icon{
font-size:30px;
margin-bottom:20px;
}

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

.service-box p{
line-height:1.7;
}


@media(max-width:992px){

.service-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.service-grid{
grid-template-columns:1fr;
}

.service-box{
padding:25px;
}

}




/* ================================================= */
/* GLOBAL RESPONSIVE FIX */
/* ================================================= */

.container,
.container-about{
max-width:1200px;
width:95%;
margin:auto;
}

/* ================================================= */
/* TABLET */
/* ================================================= */

@media (max-width:1024px){

.hero-slider{
height:450px;
}

.slider-content h1{
font-size:45px;
}

.slider-content h3{
font-size:22px;
}

.slider-content p{
font-size:18px;
}

.about-grid{
gap:30px;
}

.products-grid{
grid-template-columns:repeat(2,1fr);
}

}



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

@media (max-width:768px){


/* HEADER */

.header-container{
display:flex;
align-items:center;
justify-content:space-between;
}

/* LOGO */

.logo img{
height:45px;
}

/* HAMBURGER */

.menu-toggle{
display:block;
font-size:26px;
cursor:pointer;
}

/* NAVIGATION */

nav{
position:absolute;
top:100%;
left:0;
width:100%;
background:white;
display:none;
box-shadow:0 5px 15px rgba(0,0,0,0.1);
}

nav.active{
display:block;
}

/* MENU */

.menu{
flex-direction:column;
width:100%;
}

.menu li{
margin:0;
border-bottom:1px solid #eee;
}

.menu li a{
display:block;
padding:15px;
}

/* DROPDOWN */

.submenu{
position:relative;
width:100%;
box-shadow:none;
}

/* HERO */

.hero-slider{
height:350px;
}

.slider-content{
top:30%;
left:5%;
}

.slider-content h1{
font-size:30px;
}

.slider-content h3{
font-size:18px;
}

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

/* ABOUT */

.about-grid{
flex-direction:column;
text-align:center;
}

/* PRODUCTS */

.products-grid{
grid-template-columns:1fr;
}

/* SERVICE */

.service-grid{
grid-template-columns:1fr;
}

/* CONTACT FORM */

.contact-form-box{
width:90%;
right:-100%;
}

.contact-form-box.active{
right:5%;
}

/* SIDE CONTACT HIDE */

.side-contact{
display:none;
}

/* TABLE SCROLL */

.pipe-table{
display:block;
overflow-x:auto;
white-space:nowrap;
}

}

/* ================================================= */
/* SMALL MOBILE */
/* ================================================= */

@media (max-width:480px){

.slider-content h1{
font-size:24px;
}

.slider-content h3{
font-size:16px;
}

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

.section-heading h2{
font-size:24px;
}

.whatsapp-fixed{
left:10px;
bottom:10px;
padding:8px 12px;
font-size:14px;
}

}




.industries-section{
padding:80px 0;
background:#f5f5f5;
font-family:Poppins;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* title */

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

.section-title h2{
font-size:28px;
font-weight:600;
}

.section-title span{
color: #1e7dd3;
}

.divider{
width:80px;
height:4px;
background: #1e7dd3;
margin:10px auto;
border-radius:5px;
}

/* grid */

.industries-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

/* card */

.industry-card{
text-align:center;
}

.industry-img{
overflow:hidden;
}

.industry-img img{
width:100%;
transition:0.4s;
}

.industry-card:hover img{
transform:scale(1.1);
}

.industry-card h4{
margin-top:12px;
font-size:15px;
letter-spacing:1px;
color:#333;
}

/* tablet */

@media(max-width:992px){

.industries-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width: 768px) {

  .top-bar {
    padding: 12px 10px;
  }

  .top-bar .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
  }

  .top-left {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
  }

  .top-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  /* Phones */
  .top-phones {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  .top-phones a {
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  /* Emails */
  .top-emails {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: -30px;
  }

  .top-emails a {
    font-size: 13px;
    color: #fff;
    text-decoration: none;
    word-break: break-word;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  /* Icons */
  .top-bar i {
    font-size: 14px;
    /* min-width: 16px; */
  }

  /* Divider (optional but looks clean) */
  .top-phones::after {
    content: "";
    width: 80%;
    height: 1px;
    /* background: rgba(255,255,255,0.3); */
    margin: 5px auto;
  }
}

/* mobile */

@media(max-width:600px){

.industries-grid{
grid-template-columns:1fr;
}

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

}


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

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

.section-title h2{
font-size:26px;
font-weight:600;
}

.section-title span{
color: #1e7dd3;
}

.divider{
width:80px;
height:4px;
background: #1e7dd3;
margin:10px auto;
border-radius:4px;
}

.swiper-slide{
display:flex;
align-items:center;
justify-content:center;
}

.swiper-slide img{
max-height:60px;
width:auto;
/* filter:grayscale(100%); */
transition:0.3s;
}

.swiper-slide img:hover{
filter:none;
transform:scale(1.05);
}



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

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

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

.section-title h2{
font-size:26px;
font-weight:600;
}

.section-title span{
color: #1e7dd3;
}

.divider{
width:80px;
height:4px;
background: #1e7dd3;
margin:10px auto;
border-radius:4px;
}

.swiper{
width:100%;
}

.swiper-slide{
display:flex;
align-items:center;
justify-content:center;
}

.swiper-slide img{
max-height:90px;
width:auto;
}



.swiper {
width:100%;
overflow:hidden;
}

.swiper-slide{
display:flex;
justify-content:center;
align-items:center;
}

.swiper-slide img{
width:100%;
max-width:140px;
height:auto;
object-fit:contain;
}

/* mobile logo size */
/* 🔥 MOBILE PERFECT FIX */
@media (max-width: 768px){

  .hero-slider{
    height: auto;
    aspect-ratio: 16 / 9;   /* image ratio */
  }

  .slide{
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .slide img{
    width: 100%;
    height: 100%;
    object-fit: contain;   /* full image visible */
    background: #fff;      /* ❗ black space हटवण्यासाठी white */
  }
}

.accordion a{
  text-decoration: none;
}

.vew-sidebar ul li a{
  text-decoration: none;
}


@media(max-width:768px){

.swiper-slide img{
max-width:100px;
}

.logo-mobile-fix{
  display: flex;
  gap: 150px;
}

.top-bar-mobile-fix{
  display: flex;
  gap: 5px;
  margin-top: 5px;
}


.logo-mobile-fix .menu-toggle{
  /* margin-top: 10px; */
  /* background: #000; */
  color: #1e7dd3;
  font-size: 30px;
  justify-content: center;
  text-align: center;
  padding: 5px;

}
}






.site-footer{
background:#111;
color:#ddd;
padding-top:60px;
font-family:Poppins;
margin-top: 50px;
}

.footer-container{
max-width:1200px;
margin:auto;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
padding:0 20px 40px;
}

.footer-logo img{
height:65px;
width: 180px;
border-radius: 5px;
margin-bottom:20px;
background: #fff;
}

.footer-col p{
font-size:14px;
line-height:1.7;
}

.footer-col h3{
font-size:16px;
margin-bottom:20px;
color:#fff;
position:relative;
}

.footer-col h3::before{
content:"";
width:3px;
height:18px;
background: #1e7dd3;
position:absolute;
left:-10px;
top:2px;
}

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

.footer-col ul li{
border-bottom:1px solid #333;
padding:8px 0;
}

.footer-col ul li a{
color:#ccc;
text-decoration:none;
font-size:14px;
}

.footer-col ul li a:hover{
color: #1e7dd3;
}

.contact-box{
/* display: ; */
gap:10px;
margin-bottom:0px;

}
.contact-box a{
  text-decoration: none;
  color: white;
}

.contact-box i{
color: #1e7dd3;
margin-top:5px;
}

.social-links{
margin-top:20px;
}

.social-links h4{
font-size:14px;
margin-bottom:10px;
}

.social-links a{
width:35px;
height:35px;
border:1px solid #555;
display:inline-flex;
align-items:center;
justify-content:center;
margin-right:10px;
color:#fff;
border-radius:50%;
text-decoration:none;
}

.social-links a:hover{
background: #1e7dd3;
border-color: #1e7dd3;
}

.footer-bottom{
border-top:1px solid #333;
text-align:center;
padding:15px;
font-size:14px;
background:#0b0b0b;
}

.footer-bottom a{
color: #1e7dd3;
text-decoration:none;
}

@media(max-width:992px){

.footer-container{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:600px){

.footer-container{
grid-template-columns:1fr;
}

}




.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

.section-title{
text-align:center;
margin-bottom:40px;
margin-top: 50px;
font-size:34px;
color: #1e7dd3;
}

/* ABOUT GRID */

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.about-grid.reverse{
direction:rtl;
}

.about-grid.reverse .about-text{
direction:ltr;
}

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

.about-text p{
margin-bottom:20px;
line-height:1.8;
color:#333;
text-align: left;
}

.about-text ul{
padding-left:20px;
}

.about-text ul li{
margin-bottom:10px;
}

/* center section */

.about-text-center{
text-align:center;
padding:30px 0;
}

/* PRODUCT CARDS */

.product-grid-about{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.product-card-about{
text-align:center;
border:1px solid #ddd;
padding:10px;
border-radius:6px;
transition:0.3s;
}

.product-card-about img{
width:100%;
height: 250px;
}

.product-card-about:hover{
transform:translateY(-6px);
box-shadow:0 10px 20px rgba(0,0,0,0.1);
}

/* RESPONSIVE */

@media(max-width:992px){

.about-grid{
grid-template-columns:1fr;
}

.product-grid-about{
grid-template-columns:1fr 1fr;
}

}

@media(max-width:600px){

.product-grid-about{
grid-template-columns:1fr;
}

.section-title{
font-size:26px;
}

}


.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

/* reverse layout */

.about-grid.reverse .about-text{
order:2;
}

.about-grid.reverse .about-img{
order:1;
}

/* image */

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

/* responsive */

@media(max-width:992px){

.about-grid{
grid-template-columns:1fr;
}

.about-grid.reverse .about-text{
order:1;
}

.about-grid.reverse .about-img{
order:2;
}

}




.quality-page{
padding:70px 0;
background:#f8f8f8;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}

/* GRID */

.quality-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
}

/* LEFT CONTENT */

.quality-content h2{
color:#1e7dd3;
font-size:36px;
margin-bottom:20px;
}

.quality-content h3{
margin-top:20px;
font-size:22px;
}

.quality-content p{
line-height:1.8;
margin-bottom:15px;
}

.quality-content ul{
padding-left:20px;
}

.quality-content li{
margin-bottom:10px;
}

.quality-badge{
width:150px;
margin-top:20px;
position: absolute;
top: 520px;
left: 650px;
}

/* SIDEBAR */

.product-sidebar{
border-left:1px solid #ddd;
padding-left:30px;
}

.product-sidebar h4{
margin-bottom:20px;
font-size:18px;
border-left:4px solid #1e7dd3;
padding-left:10px;
}

.acc-item{
border-bottom:1px solid #ddd;
}

.acc-btn{
width:100%;
text-align:left;
padding:14px;
background:none;
border:none;
font-size:16px;
cursor:pointer;
display:flex;
justify-content:space-between;
}

.acc-content{
display:none;
padding:10px 14px;
font-size:14px;
color:#555;
}


@media(max-width:992px){

.quality-grid{
grid-template-columns:1fr;
}

.product-sidebar{
border:none;
padding-left:0;
margin-top:40px;
}

}

@media(max-width:600px){

.quality-content h2{
font-size:28px;
}

}

.quality-full-size{
  line-height: 30px;
}
.quality-full-size h2{
  margin-bottom: 12px;
}
.quality-full-size ul{
  margin-left: 20px;
}



.certification-section{
padding:0px 0;
margin-bottom: 80px;
background:#f7f7f7;
}
.certification-section h2{
font-size: 35px;
}

.certification-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:25px;
margin-top:40px;
}

.certificate-card{
background:white;
border:1px solid #ddd;
padding:10px;
text-align:center;
text-decoration:none;
transition:0.3s;
border-radius:6px;
}

.certificate-card img{
width:100%;
height:220px;
object-fit:contain;
}

.certificate-card p{
margin-top:10px;
font-size:14px;
color:#333;
}

.certificate-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,0.15);
}

@media(max-width:1100px){

.certification-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.certification-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:480px){

.certification-grid{
grid-template-columns:1fr;
}

}



.contact-page{
padding:40px 0;
}

.contact-title{
font-size:35px;
color:#1e7dd3;
margin-bottom:40px;

}


.contact-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:40px;
}


.contact-box h3{
margin-bottom:10px;
}

.contact-box p{
margin-bottom:10px;
line-height: 30px;
}

.product-list{
list-style:none;
padding:0;
}

.product-list li{
padding:12px 0;
border-bottom:1px solid #ddd;
}

/* department */

.department-section{
padding:60px 0;
background:#f7f7f7;
}

.department-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
}

.dept-box{
border-right:1px solid #ddd;
padding-right:20px;
}

.dept-box p{
  line-height: 30px;
}
.dept-box h3{
  margin-bottom: 10px;
}
/* map */

.map-section{
padding:60px 0;
}

.map-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
}

.map-box iframe{
width:100%;
height:350px;
border:0;
}

/* form */

.contact-form-section{
padding:40px 0;
background:#f7f7f7;
}

.form-title{
text-align:center;
margin-bottom:30px;
font-size: 40px;
}

.contact-form{
max-width:900px;
margin:auto;
}

.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
}

.contact-form input,
.contact-form textarea{
width:100%;
padding:12px;
border:1px solid #ccc;
}

.contact-form button{
width:100%;
padding:14px;
background:#1c79d1;
color:white;
border:none;
margin-top:20px;
font-weight:bold;
}



@media(max-width:992px){

.contact-grid{
grid-template-columns:1fr;
}

.map-grid{
grid-template-columns:1fr;
}

.department-grid{
grid-template-columns:1fr;
}

.form-row{
grid-template-columns:1fr;
}

}

.contact-form{
max-width:900px;
margin:auto;
}

.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin-bottom:20px;
}

.form-group{
display:flex;
flex-direction:column;
}

.contact-form label{
font-size:14px;
font-weight:600;
margin-bottom:6px;
}

.contact-form input,
.contact-form textarea{
padding:12px;
border:1px solid #ccc;
border-radius:4px;
font-size:14px;
}

.contact-form textarea{
height:120px;
resize:none;
}

.contact-form button{
width:100%;
padding:14px;
background:#1c79d1;
color:white;
border:none;
font-weight:bold;
margin-top:15px;
cursor:pointer;
}

@media(max-width:768px){

.form-row{
grid-template-columns:1fr;
}

}

.catalogue-section{
padding:80px 0;
}

.catalogue-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:60px;
}

/* DOWNLOAD BUTTONS */

.catalogue-download{
display:flex;
flex-direction:column;
gap:25px;
}

.download-btn{
display:inline-block;
background:#1c79d1;
color:white;
padding:14px 25px;
text-decoration:none;
border-radius:4px;
font-weight:600;
transition:0.3s;
max-width:580px;

}

.download-btn:hover{
background:#0c5ea8;
transform:translateY(-2px);
}

/* SIDEBAR */

.product-sidebar{
border-left:1px solid #ddd;
padding-left:30px;
}

.product-sidebar h4{
margin-bottom:20px;
font-size:18px;
border-left:4px solid #0c6d8a;
padding-left:10px;
}

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

.product-list li{
padding:12px 0;
border-bottom:1px solid #eee;
font-size:15px;
cursor:pointer;
}

.product-list li:hover{
color:#0c6d8a;
}

@media(max-width:992px){

.catalogue-grid{
grid-template-columns:1fr;
}

.product-sidebar{
border:none;
padding-left:0;
margin-top:40px;
}

.download-btn{
max-width:100%;
}

}


.blog-section{
padding:0px 0;
}

.blog-grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:50px;
}

/* BLOG CARD */

.blog-card{
margin-bottom:60px;
border-bottom:1px solid #eee;
padding-bottom:30px;
}

.blog-card h2{
font-size:28px;
margin-bottom:15px;
}

.blog-meta{
display:flex;
flex-wrap:wrap;
gap:20px;
font-size:14px;
color:#777;
margin-bottom:15px;
}

.blog-meta i{
margin-right:5px;
color:#0c6d8a;
}

.blog-card p{
line-height:1.8;
margin-bottom:20px;
}

/* BUTTON */

.blog-btn{
display:inline-block;
border:1px solid #ddd;
padding:10px 18px;
text-decoration:none;
color:#333;
transition:0.3s;
}

.blog-btn:hover{
background:#0c6d8a;
color:white;
}

/* SIDEBAR */

.blog-sidebar{
border-left:1px solid #ddd;
padding-left:30px;
}

.blog-sidebar h4{
margin-bottom:20px;
border-left:4px solid #0c6d8a;
padding-left:10px;
}

.product-list{
list-style:none;
padding:0;
}

.product-list li{
padding:12px 0;
border-bottom:1px solid #eee;
cursor:pointer;
}

.product-list li:hover{
color:#0c6d8a;
}


@media(max-width:992px){

.blog-grid{
grid-template-columns:1fr;
}

.blog-sidebar{
border:none;
padding-left:0;
margin-top:40px;
}

.blog-card h2{
font-size:24px;
}

}

.product-page{
padding:20px 0;
}

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

.section-title span{
color:#0c6d8a;
}

.product-intro{
max-width:900px;
/* margin:auto; */
line-height: 25px;
margin-top: 17px;
text-align:start;
margin-bottom:40px;

}

/* GRID */

.product-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px;
margin-top:40px;
}

/* CARD */

.product-card{
text-align:center;
border:1px solid #0c6d8a;
padding:20px;
border-radius:6px;
transition:0.3s;
}

.product-card img{
width:100%;
height:200px;
object-fit:contain;
}

.product-card h4{
margin-top:15px;
font-size:15px;
color:#0c6d8a;
}

.product-card:hover{
transform:translateY(-6px);
box-shadow:0 10px 20px rgba(0,0,0,0.1);
}


@media(max-width:1100px){

.product-grid{
grid-template-columns:repeat(3,1fr);
}

}

@media(max-width:768px){

.product-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:480px){

.product-grid{
grid-template-columns:1fr;
}

}



.product-description{
padding:60px 0;
background:#fff;
}

.product-description h3{
font-size:24px;
margin-bottom:15px;
color:#0c6d8a;
font-weight:600;
}

.product-description p{
font-size:15px;
line-height:1.8;
color:#555;
margin-bottom:20px;
}

/* LIST */

.product-description ul{
margin:20px 0;
padding-left:20px;
}

.product-description ul li{
margin-bottom:10px;
font-size:15px;
line-height:1.7;
color:#444;
list-style:disc;
}

/* BOLD TEXT */

.product-description ul li strong{
color:#0c6d8a;
}

/* SECTION GAP */

.product-description .container{
max-width:1000px;
margin:auto;
}


@media(max-width:768px){

.product-description{
padding:40px 20px;
}

.product-description h3{
font-size:20px;
}

.product-description p,
.product-description ul li{
font-size:14px;
}

}


.vew-dairy-section {
  padding: 60px 20px;
  background: #fff;
  font-family: Arial, sans-serif;
}

.vew-container {
  max-width: 1200px;
  margin: auto;
}

/* Heading */
.vew-heading {
  text-align: center;
  margin-bottom: 30px;
}

.vew-heading h2 {
  font-size: 24px;
  letter-spacing: 1px;
}

.vew-heading span {
  color: #0077b6;
}

.vew-divider {
  width: 60px;
  height: 3px;
  background: #0077b6;
  margin: 10px auto;
}

/* Layout */
.vew-content-wrapper {
  display: flex;
  gap: 40px;
}

/* LEFT */
.vew-left {
  flex: 2;
}

.vew-left h3 {
  font-size: 22px;
  margin-bottom: 15px;
}

.vew-left p {
  font-size: 14px;
  color: #555;
  margin-bottom: 12px;
  line-height: 1.6;
}

/* PRODUCTS */
.vew-products {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  flex-wrap: wrap;
}

.vew-product-card {
  width: 22%;
  border: 2px solid #0077b6;
  padding: 0px;
  text-align: center;
  transition: 0.3s;
  border-radius: 6px;
  overflow: hidden;
}

.vew-product-card:hover {
  border-color: #026499;
  transform: translateY(-5px);

}

.vew-product-card img {
  width: 100%;
  height: 120px;
  object-fit: contain;
  transition: transform 0.4s ease;
}
/* 🔥 Image zoom on hover */
.vew-product-card:hover img {
  transform: scale(1.15);
}

.vew-product-card p {
  margin-top: 10px;
  font-weight: bold;
  font-size: 13px;
  color: #0077b6;
}

/* SIDEBAR */
.vew-sidebar {
  flex: 1;
  border-left: 1px solid #eee;
  padding-left: 20px;
}

.vew-sidebar h4 {
  margin-bottom: 15px;
  font-size: 16px;
}

.vew-sidebar ul {
  list-style: none;
  padding: 0;
}

.vew-sidebar ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  cursor: pointer;
}

.vew-sidebar ul li:hover {
  color: #0077b6;
}

/* SEARCH */
.vew-search-box input {
  width: 100%;
  padding: 10px;
  margin-top: 20px;
  border: 1px solid #ccc;
}

/* NEWSLETTER */
.vew-newsletter {
  margin-top: 20px;
}

.vew-newsletter p {
  font-size: 13px;
  margin-bottom: 10px;
}

.vew-newsletter-form {
  display: flex;
}

.vew-newsletter-form input {
  flex: 1;
  padding: 10px;
  border: 1px solid #ccc;
}

.vew-newsletter-form button {
  background: #0077b6;
  color: #fff;
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .vew-content-wrapper {
    flex-direction: column;
  }

  .vew-product-card {
    width: 48%;
  }
}


@media (max-width: 576px) {
  .vew-product-card {
    width: 100%;
  }
}



.vew-full-content {
  margin-top: 50px;
}

.vew-full-content h2 {
  font-size: 22px;
  margin: 25px 0 10px;
}

.vew-full-content p {
  font-size: 14px;
  line-height: 1.7;
  color: #555;
}

.vew-full-content ul,
.vew-full-content ol {
  padding-left: 18px;
  margin-bottom: 15px;
}

.vew-full-content li {
  margin-bottom: 6px;
  font-size: 14px;
}

/* TABLE */
.vew-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  overflow-x: auto;
  display: block;
}

.vew-table th,
.vew-table td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 13px;
}



/* TWO COLUMN */
.vew-two-col {
  display: flex;
  gap: 40px;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .vew-two-col {
    flex-direction: column;
  }

  .vew-full-content h2 {
    font-size: 18px;
  }

  .vew-full-content p,
  .vew-full-content li {
    font-size: 13px;
  }

}

.vew-flange-wrap {
  padding: 10px 0 10px;
}

/* MAIN TITLE */
.vew-heading-main {
  font-size: 28px;
  font-weight: 700;
  color: #0b5e7a;
  /* margin-bottom: 10px; */
}

/* SUB TITLE */
.vew-heading-sub {
  font-size: 22px;
  font-weight: 600;
  color: #0b5e7a;
  /* margin-bottom: 25px; */
}

/* FLEX */
.vew-flange-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

/* LEFT TEXT */
.vew-flange-text {
  flex: 1;
}

.vew-flange-text p {
  font-size: 15px;
  line-height: 1.9;
  color: #222;
  text-align: justify;
  margin-bottom: 30px;
}

/* RIGHT IMAGE */
.vew-flange-img {
  flex: 1;
  text-align: center;
}

.vew-flange-img img {
  width: 320px;
  max-width: 100%;
}

/* BUTTON */
.vew-btn {
  display: inline-block;
  background: #0b5e7a;
  color: #fff;
  padding: 12px 28px;
  font-size: 14px;
  border-radius: 6px;
  text-decoration: none;
  transition: 0.3s;
}

.vew-btn:hover {
  background: #084a61;
}

/* BOTTOM BUTTON */
.vew-btn-2 {
  margin-top: 25px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .vew-flange-flex {
    flex-direction: column;
    gap: 30px;
  }

  .vew-heading-main {
    font-size: 22px;
  }

  .vew-heading-sub {
    font-size: 18px;
  }

  .vew-flange-img img {
    width: 100%;
  }
}




.vew-flange-grid-section {
  background: #f5f5f5;
  padding: 50px 20px;
  margin-top: 40px;
}

/* TITLE */
.vew-grid-title {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
}

.vew-grid-title span {
  color: #0b5e7a;
}

/* GRID */
.vew-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 25px;
}

/* CARD */
.vew-grid-card h4 {
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
  color: #0b5e7a;
}

/* IMAGE BOX */
.vew-img-box {
  position: relative;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  padding: 0px;
  text-align: center;

}



.vew-img-box img {
  width: 100%;
  height: 130px;
  object-fit: contain;
}

/* 🔥 OVERLAY */
.vew-overlay {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  background: #1976d2;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-weight: 600;
  transition: 0.4s;
}

/* HOVER EFFECT */
.vew-img-box:hover .vew-overlay {
  bottom: 0;
}

/* OPTIONAL HOVER LIFT */
.vew-img-box:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .vew-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .vew-grid {
    grid-template-columns: 1fr;
  }
}





.vew-spec-table-wrap {
  margin-top: 40px;
}

/* TABLE */
.vew-spec-table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}

/* HEADER */
.vew-spec-table th {
  text-align: left;
  font-size: 16px;
  padding: 15px 10px;
  border-bottom: 2px solid #ddd;
}

/* ROW */
.vew-spec-table td {
  padding: 18px 10px;
  font-size: 14px;
  color: #444;
  vertical-align: top;
  border-bottom: 1px solid #eee;
}

/* LEFT COLUMN */
.vew-spec-table td:first-child {
  width: 30%;
  font-weight: 600;
  color: #111;
}

/* RIGHT COLUMN */
.vew-spec-table td:last-child {
  width: 70%;
}

/* ROW SPACING LOOK */
.vew-spec-table tr {
  transition: 0.2s;
}

/* HOVER (optional subtle) */
.vew-spec-table tr:hover {
  background: #fafafa;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .vew-spec-table td,
  .vew-spec-table th {
    font-size: 13px;
    padding: 12px;
  }

}


.vew-city-section {
  margin-top: 50px;
}

/* TITLE */
.vew-city-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #222;
}

/* TABLE WRAPPER */
.vew-city-table {
  width: 100%;
}

/* ROW */
.vew-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 18px 0;
  border-bottom: 1px solid #e5e5e5;
}

/* ITEMS */
.vew-row span {
  font-size: 14px;
  color: #333;
}

/* RESPONSIVE */
@media (max-width: 992px) {
  .vew-row {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
  }
}

@media (max-width: 576px) {
  .vew-row {
    grid-template-columns: repeat(2, 1fr);
  }
}



.vew-export-section {
  margin-top: 50px;
}

/* TITLE */
.vew-export-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #222;
}

/* TABLE */
.vew-export-table {
  width: 100%;
  border-collapse: collapse;
}

/* HEADER */
.vew-export-table th {
  text-align: left;
  padding: 15px 10px;
  font-size: 15px;
  border-bottom: 2px solid #ddd;
}

/* ROW */
.vew-export-table td {
  padding: 18px 10px;
  font-size: 14px;
  color: #444;
  border-bottom: 1px solid #eee;
  vertical-align: top;
}

/* LEFT COLUMN */
.vew-export-table td:first-child {
  width: 25%;
  font-weight: 600;
  color: #111;
}

/* RIGHT COLUMN */
.vew-export-table td:last-child {
  width: 75%;
}

/* HOVER */
.vew-export-table tr:hover {
  background: #fafafa;
}

/* RESPONSIVE */
@media (max-width: 768px) {

  .vew-export-table th,
  .vew-export-table td {
    font-size: 13px;
    padding: 12px;
  }

}



.vew-faq-section {
  margin-top: 50px;
}

/* TITLE */
.vew-faq-title {
  font-size: 22px;
  color: #0b5e7a;
  margin-bottom: 20px;
}

/* ITEM */
.vew-faq-item {
  border: 1px solid #ddd;
  border-bottom: none;
}

.vew-faq-item:last-child {
  border-bottom: 1px solid #ddd;
}

/* QUESTION */
.vew-faq-question {
  padding: 15px;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
}

/* ICON */
.vew-icon {
  font-size: 18px;
  font-weight: bold;
  width: 20px;
}

/* ANSWER */
.vew-faq-answer {
  display: none;
  padding: 15px;
  font-size: 14px;
  color: #444;
  border-top: 1px solid #eee;
  line-height: 1.7;
}

/* ACTIVE */
.vew-faq-item.active .vew-faq-answer {
  display: block;
}

.vew-faq-item.active .vew-icon {
  content: "−";
}

/* HOVER */
.vew-faq-question:hover {
  background: #f9f9f9;
}


.vew-form-section {
  margin-top: 50px;
}

/* FORM WIDTH */
.vew-form {
  max-width: 600px;
}

/* LABEL */
.vew-form-group label {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 8px;
}

.vew-form-group label span {
  font-weight: normal;
  color: #777;
  font-size: 14px;
}

/* INPUT + TEXTAREA */
.vew-form-group input,
.vew-form-group textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  outline: none;
  transition: 0.3s;
}

/* FOCUS */
.vew-form-group input:focus,
.vew-form-group textarea:focus {
  border-color: #0b5e7a;
}

/* SPACING */
.vew-form-group {
  margin-bottom: 20px;
}

/* BUTTON */
.vew-submit-btn {
  background: #1da1d2;
  color: #fff;
  border: none;
  padding: 12px 25px;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
  letter-spacing: 1px;
  transition: 0.3s;
}

.vew-submit-btn:hover {
  background: #168bb3;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .vew-form {
    max-width: 100%;
  }
}



.vew-buttweld-section {
  margin-top: 40px;
}

/* TITLE */
.vew-main-title {
  font-size: 26px;
  color: #0b5e7a;
  margin-bottom: 20px;
}

/* LAYOUT */
.vew-buttweld-row {
  display: flex;
  gap: 40px;
}

/* LEFT */
.vew-buttweld-left {
  flex: 2;
}

.vew-buttweld-left h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.vew-buttweld-left p {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 15px;
}

/* RIGHT */
.vew-buttweld-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* IMAGE BOX */
.vew-img-box {
  border: 2px solid #000;
  border-radius: 15px;
  padding: 10px;
  text-align: center;
}

.vew-img-box img {
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .vew-buttweld-row {
    flex-direction: column;
  }
}


.vew-conical-section {
  margin-top: 20px;
}

/* SMALL TITLE */
.vew-small-title {
  font-size: 18px;
  color: #7db7d1;
  margin-bottom: 5px;
}

/* MAIN TITLE */
.vew-main-title {
  font-size: 28px;
  color: #0b5e7a;
  font-weight: 700;
  margin-bottom: 20px;
}

/* ROW */
.vew-conical-row {
  display: flex;
  align-items: center;
  gap: 50px;
}

/* LEFT */
.vew-conical-left {

  flex: 1;
}

.vew-conical-left p {
  font-size: 15px;
  line-height: 1.9;
  color: #222;
  margin-bottom: 15px;
}

/* LINK TEXT */
.vew-link-text a {
  color: #0b5e7a;
  text-decoration: none;
}

/* BUTTON */
.vew-btn {
  display: inline-block;
  background: #0b5e7a;
  color: #fff;
  padding: 12px 25px;
  border-radius: 4px;
  font-size: 14px;
  text-decoration: none;
  margin-top: 10px;
}

/* RIGHT */
.vew-conical-right {
  flex: 0.5;
  display: flex;
  justify-content: center;
  /* background: #000; */
  padding: 0px;
  /* width: 200px !important; */
  /* padding-top: -50px !important; */
}

/* IMAGE BOX */
.vew-img-box {
  border: 2px solid #000;
  border-radius: 20px;
  /* padding: 20px; */
}

.vew-img-box-conical img {
  width: 250px;
  /* height: 220px; */
  max-width: 100%;
  border: 1px solid black;
  border-radius: 20px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .vew-conical-row {
    flex-direction: column;
    gap: 30px;
  }

  .vew-main-title {
    font-size: 22px;
  }
}



.custom-table {
  border-collapse: collapse;
  width: 100%;
}

.custom-table th,
.custom-table td {
  border: 1px solid black;
  padding: 10px;
  text-align: left;
}

.content-section {
  font-family: Arial, sans-serif;
  color: #222;
  line-height: 1.7;
}

/* Heading */
.content-section h2 {
  font-size: 22px;
  font-weight: 700;
  margin: 25px 0 10px;
}

/* Paragraph */
.content-section p {
  font-size: 16px;
  margin-bottom: 15px;
}

/* Number list */
.content-section ol {
  padding-left: 20px;
  margin-bottom: 20px;
}

.content-section ol li {
  font-size: 16px;
  margin-bottom: 10px;
}

/* Dot list */
.content-section ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.content-section ul li {
  font-size: 16px;
  margin-bottom: 10px;
  list-style-type: disc;
}

/* Bold text */
.content-section b {
  font-weight: 700;
}



.vew-real-slider {
  position: relative;
  max-width: 750px;
  margin-top: 50px;   /* 🔥 left column fit */
}

/* SCROLL */
.vew-scroll {
  display: flex;
  gap: 15px;
  overflow-x: auto;
  scroll-behavior: smooth;
}

/* HIDE SCROLLBAR */
.vew-scroll::-webkit-scrollbar {
  display: none;
}

/* CARD */
.vew-item {
  min-width: 100px;
  border: 2px solid #000;
  border-radius: 15px;
  padding: 8px;
  background: #fff;
}

.vew-item img {
  width: 100%;
  height: 60px;
  object-fit: contain;
}

/* BUTTON */
.vew-btn-slider {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 18px;
  color: #bbb;
  cursor: pointer;
}

.vew-btn-slider.left { left: -10px; }
.vew-btn-slider.right { right: -10px; }

.vew-btn-slider:hover {
  color: #000;
}

/* DOTS */
.vew-dots {
  text-align: center;
  margin-top: 10px;
}

.vew-dots span {
  width: 5px;
  height: 5px;
  background: #ccc;
  display: inline-block;
  border-radius: 50%;
  margin: 0 4px;
}

.vew-dots .active {
  background: #000;
}

.sg-gallery-section {
  padding: 40px;
  /* background: #f5f5f5; */
}

.sg-gallery-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}

.sg-gallery-item {
  overflow: hidden;
  border-radius: 15px;
  border: 2px solid #ccc;
  transition: 0.3s;
  cursor: pointer;
}

.sg-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.4s;
}

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

.sg-gallery-item:hover {
  border-color: #000;
}

/* Modal */
.sg-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.9);
}

.sg-modal-content {
  display: block;
  margin: auto;
  max-width: 80%;
  max-height: 80%;
  border-radius: 10px;
}

.sg-close {
  position: absolute;
  top: 20px;
  right: 40px;
  color: #fff;
  font-size: 40px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 992px) {
  .sg-gallery-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .sg-gallery-container {
    grid-template-columns: 1fr;
  }
}

.top-right {
  display: flex;
  gap: 40px; /* phones & emails मध्ये space */
  align-items: flex-start;
}

/* Phones vertical */
.top-phones {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Emails vertical */
.top-emails {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Common style */
.top-phones a,
.top-emails a {
  color: #fff;
  text-decoration: none;
  font-size: 14px;
}

.contact-page-num a{
  color: black;
  text-decoration: none;
}
.contact-page-num a:hover{
  color: black;

}


.hydrocyclone-section {
  max-width: 1100px;
  margin: auto;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
  line-height: 1.7;
}

.hydrocyclone-section h1 {
  font-size: 32px;
  font-weight: bold;
}

.hydrocyclone-section h2 {
  font-size: 22px;
  margin-bottom: 20px;
}

.hydrocyclone-section h3 {
  margin-top: 30px;
  font-size: 22px;
  color: #333;
}

.hydrocyclone-section ul {
  padding-left: 20px;
}

.image-box {
  margin: 20px 0;
  text-align: center;
}

.image-box img {
  max-width: 100%;
  border-radius: 10px;
}

.funnel-reducer-section {
  max-width: 1100px;
  margin: auto;
  padding: 40px 20px;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #333;
}

/* Headings */
.funnel-reducer-section h1 {
  font-size: 32px;
  margin-bottom: 10px;
}

.funnel-reducer-section h2 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #555;
}

.funnel-reducer-section h3 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #222;
}

/* Paragraph */
.funnel-reducer-section p {
  font-size: 16px;
  line-height: 1.8;   /* 🔥 paragraph spacing */
  margin-bottom: 15px;
}

/* List */
.funnel-reducer-section ul {
  padding-left: 20px;
  margin-bottom: 15px;
}

.funnel-reducer-section ul li {
  font-size: 16px;
  line-height: 1.8;   /* 🔥 li spacing */
  margin-bottom: 8px;
}

/* Image */
.image-box {
  margin: 20px 0;
  text-align: center;
}

.image-box img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Bold text */
.funnel-reducer-section strong {
  color: #000;
}

/* Responsive */
@media (max-width: 768px) {
  .funnel-reducer-section {
    padding: 20px 15px;
  }

  .funnel-reducer-section h1 {
    font-size: 26px;
  }

  .funnel-reducer-section h2 {
    font-size: 18px;
  }

  .funnel-reducer-section h3 {
    font-size: 18px;
  }
}

.blog-det2 img{
  width: 280px;
}

.multiple-image-blogs{
  display: flex;
  gap: 10px;
}

.tee-section {
  max-width: 1100px;
  margin: auto;
  padding: 40px 20px;
  font-family: "Segoe UI", Arial, sans-serif;
  color: #333;
}

/* Headings */
.tee-section h1 {
  font-size: 32px;
  margin-bottom: 10px;
}

.tee-section h2 {
  font-size: 22px;
  margin-bottom: 20px;
  color: #555;
}

.tee-section h3 {
  font-size: 22px;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #222;
}

/* Paragraph */
.tee-section p {
  font-size: 16px;
  line-height: 1.8;   /* 🔥 paragraph spacing */
  margin-bottom: 15px;
}

/* Lists */
.tee-section ul {
  padding-left: 20px;
  margin-bottom: 15px;
}

.tee-section ul li {
  font-size: 16px;
  line-height: 1.8;   /* 🔥 li spacing */
  margin-bottom: 8px;
}

/* Image */
.image-box {
  margin: 20px 0;
  text-align: center;
}

.image-box img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Bold */
.tee-section strong {
  color: #000;
}

/* Optional Hover effect for list */
.tee-section ul li:hover {
  color: #007bff;
  transition: 0.3s;
}

/* Responsive */
@media (max-width: 768px) {
  .tee-section {
    padding: 20px 15px;
  }

  .tee-section h1 {
    font-size: 26px;
  }

  .tee-section h2 {
    font-size: 18px;
  }

  .tee-section h3 {
    font-size: 18px;
  }
}

.image-box video {
  max-width: 300px;
  height: 300px;
  border-radius: 10px;
}