@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');


:root{

    --primary-color:#006b7a;
    --primary-dark:#004a54;
    --secondar-color:#0d6492;
    --light-blue-color:#167ea2;
    --whitecolor:#fff;
    --lightgreen:#77c9ab;
    --accent-color:#ff8a3d;
    --ink:#122b30;
    --muted:#5f7478;
    --bg-soft:#f4f9fa;
    --radius-lg:18px;
    --radius-md:12px;
    --shadow-sm:0 4px 14px rgba(0,43,50,.08);
    --shadow-md:0 14px 34px rgba(0,43,50,.12);
    --shadow-lg:0 24px 60px rgba(0,43,50,.16);
}

html{scroll-behavior: smooth;}
body{margin:0; font-family: "Nunito", sans-serif; color: var(--ink); background: var(--whitecolor);}
a{text-decoration: none;}
img{max-width: 100%;}
ul{margin: 0; padding: 0; list-style: none;}
h1,h2,h3,h4,h5,h6{font-family: "Poppins", "Nunito", sans-serif;}
h2.title{text-align: center; color: var(--whitecolor); text-transform: uppercase; font-weight: 700; text-shadow: 2px 3px 4px rgb(2 106 142);}
.mobile-cta{display: none;}

/* Section title helper used across the page */
.productlist h2,
.offered h2,
.whyservo h2,
.industry h2,
.sectorlist h2{
    position: relative;
    font-weight: 800;
    font-size: 34px;
    letter-spacing: .3px;
    margin-bottom: 14px;
    color: var(--ink);
}
.productlist h2:after,
.offered h2:after,
.whyservo h2:after,
.sectorlist h2:after{
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    margin: 14px auto 0;
    border-radius: 10px;
    background: linear-gradient(90deg, var(--primary-color), var(--lightgreen));
}
.whyservo p,
.industry p{
    color: var(--muted);
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

/* header start */
main{margin-top: 53px;}
header{position: fixed;width: 100%;left: 0;top: 0;z-index: 99;}
header.sticky .logo-section img{width: 44%;}
header.sticky .header-menu ul li a span b{font-size: 14px;}
header.sticky .header-menu ul li a span{font-size: 12px;}


.header-top-row{display: flex; align-items: center; justify-content: space-between; column-gap: 16px;}
.header-top-row .header-box{flex: 1 1 auto; justify-content: center; min-width: 0;}
.header-top-row .header-box .header-menu{min-width: 0;}
.header-top-row .mob-phone{flex: 0 0 auto;}
.mob-phone{display: flex; align-items: center; column-gap: 10px;}
.mob-phone h6{margin-bottom: 0; font-weight: 600; font-size: 13px; color: var(--muted); line-height: 1.3;}
.mob-phone h6 span{display: block; font-size: 18px; font-weight: 600; color: var(--primary-color);}
.mob-phone div img{width: 28px; height: 28px;}
header.sticky .mob-phone h6 span{font-size: 15px;}
header.sticky .mob-phone div img{width: 20px;height: 20px;}
.header{background: #fff; padding: 10px 0; transition: all 0.3s ease; box-shadow: 0 2px 18px rgba(0,43,50,.07); border-top: none;}
.header-box{display: flex;column-gap:20px; align-items: center;}
.header-box .menuicon{flex: 0 0 30px; display: none;}
.header-box .menuicon a{display: block;}
.header-box .menuicon img{height: 29px; width: 29px;}
.header-top-row .menuicon{display: flex; flex: 0 0 30px; align-items: center; order: 3; margin-left: 10px;}
.header-top-row .menuicon img{display: block; width: 28px; height: 28px;}
.header-menu{overflow-x: auto; white-space: nowrap; padding: 6px 0; display: block; width: 100%; max-width: 100%; scrollbar-width: none;}
.header-menu ul li{display: inline-block; margin-right:3px;}
.header-menu ul li:last-child{margin-right: 0;}
.header-menu ul li a{display: inline-flex;padding: 5px 13px; align-items: center;column-gap: 8px; position: relative;transition: all 0.2s ease; border-radius: 30px;}
.header-menu ul li a:hover{background: var(--bg-soft);}
.header-menu ul li a:before{display: none;}
.header-menu ul li a span{font-size: 14px; font-weight: 600; color: var(--muted);transition: all 0.2s ease;}
.header-menu ul li a span b{font-size: 14px; font-weight: 600; text-transform: none; display: inline; line-height: 18px; color: var(--muted); transition: all .2s ease;}
.header-menu ul li a img{width: 54px;}
.header-menu ul li.active a{background: var(--primary-color); box-shadow: 0 4px 10px rgba(0,107,122,.25);}
.header-menu ul li.active a span,
.header-menu ul li.active a span b{color: #fff;}
.header-menu ul li a:hover span,
.header-menu ul li a:hover span b{color: var(--primary-color);}
.logo-section img{width: 100%;transition: all 0.3s ease;}
/* header end */

/* Hamburger drawer start */
.menuicon{cursor: pointer;}
.nav-drawer-overlay{position: fixed; left: 0; right: 0; bottom: 0; top: var(--header-h, 0px); background: rgba(2,24,28,.55); opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease; z-index: 100;}
.nav-drawer-overlay.active{opacity: 1; visibility: visible;}
.nav-drawer{position: fixed; top: var(--header-h, 0px); right: 0; width: 280px; max-width: 82%; height: calc(100% - var(--header-h, 0px)); background: #fff; z-index: 101; box-shadow: var(--shadow-lg); transform: translateX(100%); transition: transform .3s ease; display: flex; flex-direction: column; padding-top: 10px;}
.nav-drawer.active{transform: translateX(0);}
.nav-drawer-close{position: absolute; top: 14px; right: 14px; width: 36px; height: 36px; border: none; background: var(--bg-soft); border-radius: 50%; font-size: 20px; line-height: 1; color: var(--ink); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.nav-drawer-logo{padding: 0 20px 16px; border-bottom: 1px solid #eef3f4; margin-bottom: 10px;}
.nav-drawer-logo img{width: 140px;}
.nav-drawer ul{display: flex; flex-direction: column;}
.nav-drawer ul li a{display: block; padding: 14px 22px; font-size: 16px; font-weight: 700; color: var(--ink); border-bottom: 1px solid #f1f5f6; transition: all .2s ease;}
.nav-drawer ul li a:hover{background: var(--bg-soft); color: var(--primary-color); padding-left: 28px;}
body.drawer-open{overflow: hidden;}
/* Hamburger drawer end */

/* Hero section start */
.hero-banner {display: flex;width: 100%; min-height: 620px; position: relative; overflow: hidden;}
.hero-image {flex: 1; position: relative}
.hero-image img {width: 100%;height: 100%; object-fit: cover;}
.hero-cta a {display: flex}
.hero-cta a svg {width: 20px; margin-right: 5px}
.hero-content {flex: 1; background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 55%, var(--light-blue-color) 100%); color: #fff; display: flex; flex-direction: column; justify-content: center; padding: 70px; text-align: center; position: relative;}
.hero-content:before{content:""; position: absolute; inset: 0; background: radial-gradient(circle at 85% 15%, rgba(255,255,255,.12), transparent 55%); pointer-events: none;}
.hero-content h1 {font-size: 44px; line-height: 1.2; margin-bottom: 20px; color: #fff; text-align: left;text-transform: capitalize;font-weight: 700; letter-spacing: -.5px;}
.hero-content h6{text-align: left;color: var(--lightgreen);font-size: 14px;font-style: normal; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 14px;}
.hero-content p {font-size: 14px;line-height: 1.6; margin-bottom: 10px; color: rgba(255,255,255,.88); font-weight: 400;text-align: left; line-height: 20px;letter-spacing: 0.2px;}
.hero-cta {display: flex; gap: 16px;flex-wrap: wrap; justify-content: start; margin-top: 10px}
.hero-cta a{border: 2px solid transparent; background: var(--accent-color); color: #fff; font-weight: 700; border-radius: 30px;padding: 8px 30px;font-size: 14px; box-shadow: var(--shadow-md); transition: all .3s ease;}
.hero-cta a:hover{transform: translateY(-3px); box-shadow: var(--shadow-lg); color: #fff;}
.hero-cta .btn-primary {background: #fff; border-color: #fff; color: var(--primary-dark);}
.hero-cta .btn-primary:hover{background: var(--lightgreen); border-color: var(--lightgreen); color: var(--primary-dark);}
.hero-cta .btn-secondary{background: transparent; border-color: rgba(255,255,255,.65); box-shadow: none;}
.hero-cta .btn-secondary:hover{background: rgba(255,255,255,.12); border-color: #fff; transform: translateY(-3px);}
.hero-cta a svg {width: 20px; margin-right: 5px;}
/* Hero section end */

/* Counter Strip Start */
.counter-strip{background: var(--bg-soft); border-bottom: 1px solid #e6edee;}
.counter-strip .row{--bs-gutter-y: 24px;}
.counter-item{display:flex;align-items:center;gap:16px;padding:34px 20px;text-align:left;}
.counter-item .counter-icon{flex:0 0 auto;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;}
.counter-item .counter-icon svg{width:26px;height:26px;}
.counter-item .counter-num{font-size:34px;font-weight:800;color:var(--primary-dark);line-height:1;display:flex;align-items:baseline;gap:2px;}
.counter-item .counter-num .suffix{font-size:22px;}
.counter-item .counter-label{font-size:13.5px;font-weight:600;color:var(--muted);margin-top:4px;}
.counter-col{border-right:1px solid #e0e9ea;}
.counter-col:last-child{border-right:none;}
@media (max-width: 991px){
    .counter-col{border-right:none;border-bottom:1px solid #e0e9ea;}
    .counter-col:last-child{border-bottom:none;}
}
@media (max-width: 767.98px){
    .counter-strip .row{--bs-gutter-y: 0;}
    .counter-col{border-right:1px solid #e0e9ea;border-bottom:1px solid #e0e9ea;}
    .counter-col:nth-child(2n){border-right:none;}
    .counter-col:nth-last-child(-n+2){border-bottom:none;}
    .counter-item{flex-direction:column;text-align:center;gap:8px;padding:22px 10px;}
    .counter-item .counter-icon{display:none;}
    .counter-item .counter-num{font-size:24px;}
    .counter-item .counter-num .suffix{font-size:16px;}
    .counter-item .counter-label{font-size:11.5px;}
}
/* Counter Strip End */

/* About Us: styles moved to css/about-us.css (Plant Tour section) */

/* Project Start */

.landmark-projects{color:#fff;background: #0c1f3d; padding: 70px 0;}
.landmark-projects .section-title{font-weight:800;color:#fff;margin-bottom:34px!important; font-size: 32px; letter-spacing: .3px;}
.landmark-projects .section-tags{color:#ffffff;font-size:0.95rem;font-weight:500;}
.projects-slider-wrap{position:relative;max-width:1040px;margin:0 auto;}
.projects-swiper{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);}
.project-slide{position:relative;margin-bottom:0;overflow:hidden;background:#102844;}
.project-slide img{width:100%;height:336px;object-fit:cover; display:block;}
.project-info{position:absolute;left:18px;right:18px;bottom:18px;background:#c0292f;padding:16px 22px;color:#fff;border-radius:10px;box-shadow:0 10px 26px rgba(0,0,0,.3);flex-wrap:wrap;}
.project-title{font-weight:700;color:#fff;font-size:16px;white-space:nowrap;}
.project-sep{width:1px;align-self:stretch;background:rgba(255,255,255,.4);margin:0 16px;}
.project-desc{color:#fff;font-size:13.5px;line-height:1.5;}
.project-desc strong{color:#ffd9da;}
.projects-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border:none;border-radius:50%;background:#fff;color:#0c1f3d;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.3);cursor:pointer;z-index:5;transition:all .2s ease;}
.projects-nav svg{display:block;}
.projects-nav:hover{background:var(--primary-color);color:#fff;}
.projects-prev{left:-21px;}
.projects-next{right:-21px;}
@media (max-width:767.98px){
    .project-slide img{height:182px;}
    .project-info{flex-direction:column;align-items:flex-start!important;left:10px;right:10px;bottom:10px;padding:12px 16px;}
    .project-sep{display:none;}
    .project-title{white-space:normal;margin-bottom:4px;}
    .projects-prev{left:4px;}
    .projects-next{right:4px;}
}
/* Project End */


/* Offer Section Start */
.offered{padding: 80px 0px; background: var(--bg-soft);}
.offered h2{text-align: center; margin-bottom: 40px; font-weight: 800;}
.offerlist {position: relative; margin-bottom: 20px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-sm); transition: all .35s ease;}
.offerlist:hover{box-shadow: var(--shadow-lg); transform: translateY(-6px);}
.offerlist:before{content:"";background:linear-gradient(to top, rgba(0,20,24,.92) 0%, rgba(0,20,24,.2) 55%, transparent 100%);width:100%;height:100%;position:absolute;left:0;top:0; z-index: 1;}
.offerlist img{min-height:280px;width: 100%; object-fit: cover; border-radius: var(--radius-lg); transition: transform .5s ease;}
.offerlist:hover img{transform: scale(1.06);}
.offerlist .offerctn{position:absolute;bottom:0;left:0;padding:22px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s; z-index: 2; width: 100%;}
.offerlist .offerctn h3{color:#fff;font-size:1.3rem; font-weight: 800;}
.offerlist .offerctn p{margin-bottom:0;color:rgba(255,255,255,.85);font-size:.85rem; line-height: 1.5;}
/* Offer Section End */

/* Sector List Start */
.sectorlist{padding: 70px 0px; background: #fff;}
.sectorlist ul {text-align: center;margin: 20px 0px;}
.sectorlist ul li {display: inline-block; width: 11%; border: 1px solid #e7eef0; border-radius: var(--radius-md); margin: 5px 5px 7px 5px; padding: 6px; background: #fff; transition: all .3s ease;}
.sectorlist ul li:hover{box-shadow: var(--shadow-sm); border-color: var(--primary-color); transform: translateY(-3px);}
.sectorlist ul li img{border-radius: 6px;}
.sectorlist h2{text-align: center;font-weight: 800;}
/* Sector List End */

/* whyservo Start */
.whyservo{background: var(--bg-soft); padding: 80px 0px;}
.whyservo h2{text-align: center; font-weight: 800;}
.whyservo p{text-align: center;}
.whyservo .box_inner{}
.whyservo .box_inner ul{background: #fff; height: 399px; overflow-y: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); padding: 6px 4px;}
.whyservo .box_inner ul li{border-top: 1px solid #eef4f5; padding: 12px 16px;font-size: 0.92rem;color: var(--ink);font-weight: 500;}
.whyservo .box_inner ul li:first-child{border-top: none;}
.whyservo .box_inner ul li b{color: var(--primary-color);}
.whyservo .col-md-6 img{border-radius: var(--radius-lg); box-shadow: var(--shadow-md);}
/* whyservo End */

/* industry css Start */

.industry{background: linear-gradient(135deg, #04163c, #0a2a5e); padding: 80px 0px;}
.industry h2{ text-align: center; color: #fff; font-weight: 800;}
.industry p{text-align: center;color: rgba(255,255,255,.75);}
.industry .industry-box{margin: 15px 0px; border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-md); transition: all .35s ease;}
.industry .industry-box:hover{transform: translateY(-6px); box-shadow: var(--shadow-lg);}
.industry .industry-box img{width: 100%; height: 190px; object-fit: cover; border-radius: var(--radius-lg) var(--radius-lg) 0px 0px;}
.industry .industry-box h3{font-size: 15px;padding: 14px 16px; background: linear-gradient(180deg, rgba(5, 32, 75, 1) 15%, rgba(26, 75, 126, 1) 100%);     color: #fff;border-bottom-left-radius: var(--radius-lg);border-bottom-right-radius: var(--radius-lg);    text-align: center; font-weight: 700;}

/* industry css End */

/* Product List Start */

.productlist{padding: 80px 0px; background: #fbfbfb;}
.productlist .section-head{text-align:center; max-width:640px; margin:0 auto 44px;}
.productlist .section-kicker{display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:1.4px; text-transform:uppercase; color:var(--primary-color); background:var(--bg-soft); border:1px solid #d8e9eb; border-radius:30px; padding:6px 16px; margin-bottom:14px;}
.productlist h2{text-align: center; font-weight: 800; margin-bottom: 12px;}
.productlist .section-sub{font-size:14.5px; color:var(--muted); line-height:1.6; margin-bottom:0;}

.allproductsmodal .modal-content{border-radius:var(--radius-lg); border:none; box-shadow:var(--shadow-lg); overflow:hidden;}
.allproductsmodal .modal-header{background:var(--bg-soft); border-bottom:1px solid #e6edee; padding:18px 24px;}
.allproductsmodal .modal-title{font-weight:800; color:var(--ink); font-size:18px;}
.allproductsmodal .modal-body{padding:24px; max-height:70vh; overflow-y:auto;}
.all-products-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:16px;}
.all-products-item{display:flex; flex-direction:column; border:1px solid #e6edee; border-radius:var(--radius-md); overflow:hidden; background:#fff; transition:all .2s ease; text-align:left;}
.all-products-item:hover{border-color:var(--primary-color); box-shadow:var(--shadow-sm); transform:translateY(-3px);}
.all-products-item img{width:100%; height:100px; object-fit:cover; display:block;}
.all-products-item .apg-tag{font-size:9.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; color:var(--primary-color); margin:10px 10px 2px;}
.all-products-item .apg-name{font-size:12.5px; font-weight:700; color:var(--ink); line-height:1.3; margin:0 10px 10px;}
.allproductsmodal .modal-footer{border-top:1px solid #e6edee; padding:16px 24px; justify-content:center;}
.allproducts-contact-btn{display:inline-block; color:#fff; font-size:14px; font-weight:700; border-radius:30px; padding:10px 34px; background:linear-gradient(135deg, var(--primary-color), var(--primary-dark)); box-shadow:var(--shadow-sm); transition:all .3s ease;}
.allproducts-contact-btn:hover{box-shadow:var(--shadow-md); transform:translateY(-2px); color:#fff;}
.productbox{position:relative;padding:0;background:#fff;margin-bottom:28px;border-radius:var(--radius-lg);box-shadow: var(--shadow-sm); transition: all .35s ease; overflow: hidden; border: 1px solid #e6edee; display:flex; flex-direction:column; scroll-margin-top:90px;}
.productbox:hover{box-shadow: var(--shadow-lg); transform: translateY(-6px); border-color: #c7dfe2;}
.productbox:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));opacity:0;transition:opacity .3s ease;}
.productbox:hover:before{opacity:1;}
.productbox .productimg-wrap{position:relative; margin:0; line-height:0;}
.productbox img{height:240px;object-fit:cover; width: 100%; border-radius:0; display:block;}
.productbox .product-tag{position:absolute;top:14px;left:14px;z-index:2;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:6px 13px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.22);}
.productbox .product-sku{position:absolute;top:14px;right:14px;z-index:2;background:rgba(255,255,255,.95);color:var(--ink);font-size:10.5px;font-weight:700;padding:6px 10px;border-radius:20px;box-shadow:0 4px 10px rgba(0,0,0,.12);letter-spacing:.2px;}
.productbox > h3{margin:16px 18px 9px;color:var(--ink);font-size:17px;font-weight:600;text-align:left;background: transparent;z-index:1;padding:0;text-transform:capitalize;letter-spacing:-.2px;}
.productbox > p{margin:0 18px;display:flex;gap:5px;text-align:left;font-size: 13px; color: var(--muted); line-height: 1.6;}
.productbox > p.desc-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;}
.productbox > p.desc-clamp.expanded{display:block;-webkit-line-clamp:unset;line-clamp:unset;overflow:visible;}
.productbox > .desc-toggle{margin:0px 18px 0;align-self:flex-start;background:none;border:none;padding:0;font-size:12.5px;font-weight:700;color:var(--primary-color);cursor:pointer;}
.productbox > .desc-toggle:hover{text-decoration:underline;}
.productbox > .trust-badges, .productbox > .size-chip-row, .productbox > .highlights-row, .productbox > .spec-mini-table, .productbox > .product-tabs, .productbox > .tbtn{margin-left:18px;margin-right:18px;}
.productbox > .tbtn{margin-bottom:18px;}
.productbox .trust-badges{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-top:14px;padding-top:14px;padding-bottom:2px;border-top:1px solid #eef3f4;}
.productbox .trust-badges::-webkit-scrollbar{display:none;}
.productbox .trust-badges span{flex:0 0 auto;white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--primary-dark);background:var(--bg-soft);border:1px solid #dbe9ea;border-radius:20px;padding:2px 6px;letter-spacing:.2px;}
.productbox .trust-badges span svg{width:11px;height:11px;flex:0 0 auto;}
.productbox .trust-badges span svg path{fill:var(--primary-color);}

.size-chip-row{margin-top:14px;}
.size-chip-track{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
.size-chip-track::-webkit-scrollbar{display:none;}
.chip-item{flex:0 0 auto;white-space:nowrap;font-size:12px;font-weight:700;color:var(--ink);background:#fff;border:1.5px solid #e0e8ea;border-radius:8px;padding:7px 14px;transition:all .2s ease;}
.chip-item:hover{border-color:var(--primary-color);color:var(--primary-color);}

.highlights-row{margin-top:14px;background:transparent;border:none;border-radius:0;padding:0;}
.hl-label{display:flex;align-items:center;gap:8px;font-size:10.5px;font-weight:800;color:var(--ink);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;}
.hl-label:after{content:"";flex:1;height:1px;background:#e9eff0;}
.hl-track{display:flex;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;}
.hl-track::-webkit-scrollbar{display:none;}
.hl-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:68px;text-align:center;background:var(--bg-soft);border:1px solid #e6edee;border-radius:var(--radius-md);padding:10px 8px;transition:all .2s ease;}
.hl-item:hover{border-color:var(--primary-color);background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-2px);}
.hl-item svg{width:20px;height:20px;color:#fff;flex:0 0 auto;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:50%;padding:7px;box-sizing:content-box;}
.hl-item span{font-size:9.5px;font-weight:700;color:var(--muted);line-height:1.25;white-space:nowrap;}

.spec-mini-table{margin-top:14px;border:1px solid #e6edee;border-radius:var(--radius-md);overflow:hidden;}
.spec-mini-table .spec-row{display:flex;font-size:12.5px;border-bottom:1px dashed #e6edee;}
.spec-mini-table .spec-row:last-child{border-bottom:none;}
.spec-mini-table .spec-row:nth-child(odd){background:var(--bg-soft);}
.spec-mini-table .spec-key{flex:0 0 38%;padding:8px 12px;font-weight:700;color:var(--primary-dark);border-right:1px solid #e6edee;}
.spec-mini-table .spec-val{flex:1;padding:8px 12px;color:var(--ink);}
.tbtn{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-bottom:4px;gap: 10px;}
.packagebtn{border-radius:10px;display:inline-block;}
.packagebtn a{border:1px solid #e3eef0;display:block;width:42px;height:42px;line-height:41px;border-radius:50%;display:flex;align-items:center;justify-content:center; background: var(--bg-soft); transition: all .3s ease;}
.packagebtn a:hover{background: var(--primary-color);}
.packagebtn a:hover svg path,.packagebtn a:hover svg g{fill: #fff !important;}
.packagerequest{display:inline-block;width:calc(100% - 108px);}
.packagerequest a{color:#fff;display:block;width:100%;border-radius:30px;font-size:14px;font-weight:700;height:42px;line-height:42px;text-align:center;background: linear-gradient(135deg, var(--primary-color), var(--primary-dark)); box-shadow: var(--shadow-sm); transition: all .3s ease;}
.packagerequest a:hover{box-shadow: var(--shadow-md); transform: translateY(-2px);}

.product-tabs{margin-top:18px;background:var(--bg-soft);border:none;border-radius:var(--radius-md);padding:14px;}
.productbox .product-tabs{display:none;}
.product-tabs .nav-tabs{border-bottom:none;flex-wrap:nowrap;gap:9px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--primary-color) #f0f0f0;padding-bottom:6px;    scrollbar-width: none;}
.product-tabs .nav-tabs::-webkit-scrollbar{height:5px;}
.product-tabs .nav-tabs::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px;}
.product-tabs .nav-tabs::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px;}
.product-tabs .nav-tabs .nav-item{flex:0 0 auto;}
.product-tabs .nav-tabs .nav-link{border:1px solid #e0e8ea;white-space:nowrap;font-size:11px;font-weight:700;color:var(--ink);padding:8px 14px;border-radius:30px;text-transform:capitalize;line-height:1.2;background:#fff;transition:all .25s ease;letter-spacing:.2px;}
.product-tabs .nav-tabs .nav-link:hover{border-color:var(--primary-color);color:var(--primary-color);}
.product-tabs .nav-tabs .nav-link.active{color:#fff;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-color:var(--primary-color);box-shadow:0 4px 12px rgba(0,107,122,.35);}
.product-tabs .tab-content{background:#fff;border:1px solid #eef4f5;border-radius:10px;padding:16px 18px;margin-top:12px;min-height:150px;box-shadow:inset 0 1px 3px rgba(0,0,0,.03);}
.product-tabs .tab-content ul{margin:0;padding:0;}
.product-tabs .tab-content ul li{list-style:none;font-size:13px;line-height:1.6;text-align:left;color:#36474a;padding:7px 0 7px 26px;position:relative;border-bottom:1px dashed #eee;}
.product-tabs .tab-content ul li:last-child{border-bottom:none;}
.product-tabs .tab-content ul li:before{content:"";position:absolute;left:0;top:10px;width:15px;height:15px;border-radius:50%;background:var(--primary-color);opacity:.12;}
.product-tabs .tab-content ul li:after{content:"\2713";position:absolute;left:4.5px;top:11px;font-size:9.5px;font-weight:700;color:var(--primary-color);}

/* Product Details Drawer: slides right->left on desktop, bottom->top on mobile */
.productdrawer{padding:0 !important;}
.productdrawer .modal-dialog{position:fixed;top:0;right:0;margin:0;height:100%;width:60vw;max-width:900px;transform:translateX(100%) !important;transition:transform .35s ease !important;}
.productdrawer.show .modal-dialog{transform:translateX(0) !important;}
.productdrawer .modal-content{height:100%;border-radius:0;border:none;box-shadow:-10px 0 40px rgba(0,0,0,.25);overflow:visible;}
.productdrawer .modal-body{height:100%;overflow-y:auto;padding:30px 26px;background:#fff;}
.productdrawer .modelclosebtn{position:absolute;left:-44px;top:100px;width:36px;height:36px;background:#fff;color:#000;border-radius:50%;text-align:center;line-height:36px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:5;}
.productdrawer .modelclosebtn .btn-close{transition:all .2s ease-in-out;font-size:13px;}
.productdrawer .modelclosebtn .btn-close:hover{transform:rotate(90deg);}
.productdrawer .drawer-img{width:100%;height:auto;object-fit:cover;border-radius:var(--radius-md);margin-bottom:18px;}
.productdrawer h3{font-size:22px;font-weight:600;color:var(--ink);margin-bottom:12px;}
.productdrawer p{font-size:16px;color:var(--muted);line-height:1.7;margin-bottom:0;}
.productdrawer .product-tabs{margin-top:24px;display:flex;flex-direction:column;gap:18px;}
.productdrawer .product-tabs .nav-tabs{display:none;}
.productdrawer .product-tabs .tab-content{background:none;border:none;padding:0;margin-top:0;box-shadow:none;min-height:0;display:flex;flex-direction:column;gap:18px;}
.productdrawer .product-tabs .tab-pane{display:block !important;opacity:1 !important;padding:22px 22px 18px;border:1px solid #e7eef0;border-left:4px solid var(--primary-color);border-radius:14px;background:linear-gradient(180deg,#fbfdfe,#fff);box-shadow:0 6px 18px rgba(0,43,50,.05);position:relative;}
.productdrawer .product-tabs .tab-pane:before{content:attr(data-section-title);display:flex;align-items:center;font-size:17px;font-weight:800;color:var(--primary-dark);margin-bottom:14px;letter-spacing:-.2px;padding-left:40px;min-height:28px;}
.productdrawer .product-tabs .tab-pane:nth-child(1):after,
.productdrawer .product-tabs .tab-pane:nth-child(2):after,
.productdrawer .product-tabs .tab-pane:nth-child(3):after,
.productdrawer .product-tabs .tab-pane:nth-child(4):after,
.productdrawer .product-tabs .tab-pane:nth-child(5):after,
.productdrawer .product-tabs .tab-pane:nth-child(6):after{position:absolute;top:22px;left:22px;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,107,122,.3);}
.productdrawer .product-tabs .tab-pane:nth-child(1):after{content:"1";}
.productdrawer .product-tabs .tab-pane:nth-child(2):after{content:"2";}
.productdrawer .product-tabs .tab-pane:nth-child(3):after{content:"3";}
.productdrawer .product-tabs .tab-pane:nth-child(4):after{content:"4";}
.productdrawer .product-tabs .tab-pane:nth-child(5):after{content:"5";}
.productdrawer .product-tabs .tab-pane:nth-child(6):after{content:"6";}
.productdrawer .product-tabs .tab-content ul{display:grid;gap:4px;}
.productdrawer .product-tabs .tab-content ul li{font-size:15.5px;padding:10px 0 10px 30px;border-bottom:1px dashed #e9eff0;}
.productdrawer .product-tabs .tab-content ul li:before{top:13px;width:18px;height:18px;background:var(--lightgreen);opacity:.18;}
.productdrawer .product-tabs .tab-content ul li:after{top:14px;font-size:11px;color:var(--primary-dark);}

@media (max-width: 767.98px){
    .productdrawer .modal-dialog{top:auto;bottom:0;right:0;width:100%;max-width:100%;height:88vh;transform:translateY(100%) !important;}
    .productdrawer.show .modal-dialog{transform:translateY(0) !important;}
    .productdrawer .modal-content{border-radius:20px 20px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.25);}
    .productdrawer .modelclosebtn{left:auto;right:10px;top:-44px;}
}

/* Product List End */

/* Footer Start */
/* Brand teal (#006b7a, from the logo and vahrk.com), flat: no dark gradient, glow or black overlays. */
footer {padding: 0; background:var(--primary-color); position:relative; overflow:hidden;}
.footer-top{padding:4.5rem 0 3rem;position:relative;z-index:1;}
footer h3 {color:#fff;position:relative; display:inline-block; padding-bottom: 0.7rem; margin-bottom: 1.3rem; font-size: 1.1rem; font-weight: 800; letter-spacing:.2px;}
footer h3:after{content:"";position:absolute;left:0;bottom:0;width:38px;height:3px;border-radius:3px;background:var(--lightgreen);}
.details_form h3:after{content:none;}
footer h5 {color: #fff;margin-bottom: 0;font-size: 1rem;}
footer .footerfirst ul {margin-top: 0;padding-left: 0;list-style: none;}
footer .footerfirst ul li {margin-bottom: 1rem;}
footer .footerfirst ul li a {color: #e3eff1; transition: all .3s ease; display:flex; align-items:flex-start; gap:10px; line-height:1.5;}
footer .footerfirst ul li a:hover{color: #fff; transform:translateX(3px);}
footer .footerfirst ul li a .ftico{flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.24);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-style:normal;transition:all .3s ease;}
footer .footerfirst ul li a:hover .ftico{background:#fff;color:var(--primary-color);}
footer h6 {color: #f9f9f9}
footer .approved img {width: 56px; height: 56px; background: #fff;border-radius: 10px}
footer .accept img {width: 42px;height: 42px;background: #fff; border-radius: 100%}

.footer-brand-col .footer-logo{background:#fff;display:inline-block;padding:10px 16px;border-radius:12px;margin-bottom:16px;}
.footer-brand-col .footer-logo img{height:34px;width:auto;display:block;}
.footer-about{color:#e3eff1;font-size:13.5px;line-height:1.7;margin-bottom:20px;}
.footer-social{display:flex;gap:10px;}
.footer-social a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.footer-social a:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-3px);}

.footer-links li{margin-bottom:.8rem;}
.footer-links li a{color:#e3eff1;transition:all .3s ease;position:relative;padding-left:0;}
.footer-links li a:before{content:"\203A";margin-right:8px;color:var(--lightgreen);font-weight:800;}
.footer-links li a:hover{color:#fff;padding-left:4px;}

/* Footer form: the same solid white card as the popup, no glass blur or black drop shadow. */
.footer-contact-col .details_form{box-shadow:none;}
.footer-contact-col .details_form h3{display:block;}

.footerbottom{position:relative;z-index:1;}
.disclamier{border-top:1px solid rgba(255,255,255,.2); border-bottom:1px solid rgba(255,255,255,.2);}
.disclamier p {margin-top: 10px;text-align: center;color: #d4e6e9;padding: 10px;font-size: .85rem; margin-bottom: 0;}
.copyright p {text-align: left; color: #eef6f7; padding: 14px 0; font-size:.88rem;}
.copyright p a{color:#fff;text-decoration:underline;text-underline-offset:2px;}
.designm p{text-align:right;}
.ftmbtm a{color: #fff;font-size: 13px;}
@media (max-width:575.98px){
    .designm p{text-align:left;}
}
/* Footer End */

/* Book Form  Start*/
.details_form {background: #fff; padding: 0; border-radius: 24px; box-shadow: var(--shadow-md); overflow: hidden;}
.details_form h3 {padding: 26px 30px 18px;background: var(--bg-soft); font-size: 21px; font-weight: 800; margin-bottom: 0; color: var(--primary-dark); border-bottom: 1px solid #e3eceb;}
.details_form .form-subtext{display: none;}
.details_form form{padding: 24px 28px 28px;}
.details_form .input-group{margin-bottom: 14px !important; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1.5px #e3eceb; align-items: center; transition: box-shadow .2s ease;}
.details_form .input-group:focus-within{box-shadow: inset 0 0 0 1.5px var(--accent-color);}
.details_form .input-group-prepend{display: flex; align-items: center;}
.details_form .input-group-text {padding: 0 6px 0 14px; font-size: 13px; border-radius: 0; background: transparent; border: none; height: 44px;}
.details_form .input-group-text img{width: 20px; opacity: .8;}
.details_form input {height: 44px; font-size: 14px; border: none; background: transparent; box-shadow: none; color: var(--ink);}
.details_form input::placeholder{color: #9aa9ac;}
.details_form input:focus{box-shadow: none; outline: none;}
.details_form .form-control{border-radius: 0; padding-left: 4px;}
.details_form input[type=submit]{background: var(--accent-color); border-color: var(--accent-color); border-radius: 12px; font-weight: 700; height: 48px; margin-top: 8px; letter-spacing: .2px; box-shadow: 0 10px 22px rgba(255,138,61,.3);}
.details_form img {width: 22px;}
.form-country-code {background: transparent; font-size: 14px; padding: 0 4px 0 14px; color: var(--ink); font-weight: 600; display: flex; align-items: center; height: 44px;}
.numberbdr {width: calc(100% - 85px); background: transparent; border-radius: 0; height: 44px;}
.innernumberb {display: flex;align-items: center; height: 100%;}
.innernumberb input {width: 6%; border: 0;font-size: 13px;text-align: center; border-radius: 0; height: 44px; background: transparent; color: var(--ink);}
.innernumberb input:focus{outline: none; box-sizing: none;}
.innernumberb .form-space{color: #9aa9ac;}

.letforcontact,.serviceslist{width: calc(100% - 40px);}
.letforcontact .select2-container,.serviceslist .select2-container{width: 100% !important;}
.letforcontact .select2-selection{height: 36.5px;line-height: 37.5px;border: 0;border-radius: 0;border-radius: 0px 4px 4px 0px;}
.letforcontact  .select2-selection__rendered{line-height: 39px !important;    padding-right: 0px !important;    font-size: 14px;}
#popupmodel .letforcontact .select2-selection{height: 42px;line-height: 42px;}
#popupmodel .numberbdr,#popupmodel .innernumberb input{height: 42px;}
.letforcontact .pr-02{padding-right: 5px;}
.letforcontact .pb-02{padding: 0px 5px;}
.letforcontact .pl-02{padding-left: 5px;}
.letforcontact  .select2-selection__arrow{height: 37px !important;}
.serviceslist .select2-selection{height: 40px;overflow-y: scroll; overflow-x: hidden;}
.serviceslist .select2-selection__choice{font-size: 11px;    margin-bottom: 0;}
.serviceslist  .select2-dropdown{z-index: 9 !important;}
.checkbox-option{font-size: 13px;    margin-bottom: 2px;}

.three-column-form .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 37px;}
.three-column-form .select2-container--default .select2-selection--single .select2-selection__arrow,.three-column-form .select2-container .select2-selection--single{height: 37px;border-radius: 0px 4px 4px 0px;}
.three-column-form .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 9px;}

#placeholder{color:rgb(92,92,92);font-size:12px;display:flex;justify-content:space-between;width:100%;align-items:baseline;}
.multi-select .placeholder{color:rgb(0,0,0);font-size:12px;display:inherit;background:transparent;opacity:1;    cursor: pointer;}
.multi-select-container{position:relative;width:100%; margin-top: 10px;}
.multi-select{border:1px solid rgb(204,204,204);padding:0.6rem 1.8rem 0.6rem 4px;cursor:pointer;display:flex;flex-wrap:wrap;align-items:flex-start;background:white;overflow-y:visible;position:relative;border-radius: 0px 4px 4px 0px;}
.multi-select.multiSelect>img{position: absolute;right: 10px; width: 8px; top: 50%; margin-top: -4px;}
.selected-tags{display:flex;flex-wrap:wrap;gap:5px;}
.multi-select-container .tag{background:rgb(235,157,42);color:white;padding:2px 10px;border-radius:5px;display:flex;align-items:center;font-size:12px;}
.multi-select-container .remove-tag{margin-left:5px;cursor:pointer;font-weight:bold;}
.multi-select-container .dropdown2{display:none;position:absolute;width:100%;background:white;border:1px solid rgb(204,204,204);border-radius:5px;margin-top:5px;box-shadow:rgba(0,0,0,0.1) 0px 4px 6px;z-index:10;padding:8px 0px;top:100%;}
.dropdown2.show{display:block;}
.multi-select-container .dropdown-item{padding:4px 8px;cursor:pointer;display:flex;align-items:center;font-size:12px;}
.multi-select-container .dropdown-item input{margin-right:10px;height:auto;}
.multi-select-container .dropdown-item:hover{background:rgb(241,241,241);}
button.remove-all-btn{position:absolute;right:7px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;padding:0px;line-height:20px;color:rgb(235,157,42);border:none;border-radius:100px;background:none;}
button.clear-btn{background:transparent;border:none;color:rgb(0,0,0);text-decoration:underline;}
.dropdown-actions button{background:rgb(0,0,0);color:rgb(255,255,255);font-size:10px;border-radius:5px;margin:8px;padding:2px 10px;text-decoration:none;}
.dropdown-actions{display:flex;justify-content:end;}
.multi-select i{font-size:10px;position:absolute;right:17px;top:47%;transform:translateY(-20%);}
span.include-tag p{font-size:0.7rem;font-weight:400;}
.details_form textarea{font-size:13px;border-radius:0;}
.loadmore_btn a{width:200px;display:block;margin:20px auto;background:var(--accent-color);color:#fff;font-weight:700;padding:10px;border-radius: 30px; text-align: center;}
.multi-select-container p{font-size:0.8rem;margin-bottom:0px;margin-left:0px;font-weight:400;color:rgb(0,0,0);background:rgb(233,236,239);padding:2px 5px;display:inline-block;}

.labelform{color: #dfdfdf; font-size: 13px;}
.select2-results__option,.select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 11px;}
.showoption{display: inline-block; border-radius: 100px; background: #fff; margin-bottom: 5px;}
.showoption img{width: 20px;}

.pr-space{padding-right: 5px;}
.pl-space{padding-left: 5px;}

/* Book Form  END*/


/* Popup From Start */
.poupdesign .modal-content{border-radius: 24px; overflow: visible; border: none;}
.poupdesign .modal-body{border-radius: 24px; overflow: hidden; background: #fff; padding: 0;}
.poupdesign .details_form{border-radius: 24px;}
#popupmodel .modelclosebtn,#popupmodelone .modelclosebtn{position: absolute;right: -10px;top: -14px; width: 34px; height: 34px; background: #fff; color: #000; border-radius: 100%; text-align: center;line-height: 34px; box-shadow: 0 4px 14px rgba(0,0,0,.35);z-index: 5;}
#popupmodel .modelclosebtn .btn-close,#popupmodelone .modelclosebtn .btn-close{transition: all .2s ease-in-out;    font-size: 13px;}
#popupmodel .modelclosebtn .btn-close:hover,#popupmodelone .modelclosebtn .btn-close:hover{    transform: rotate(90deg); color: #000;font-size: 14px;}
.mainform h3{color: #202020;font-size: 22px;font-weight: 500; line-height: 33px; margin-bottom: 3px;}
/* Popup From End */

/* Buttons generic polish */
.btn-primary{background: var(--primary-color); border-color: var(--primary-color);}
.btn-primary:hover{background: var(--primary-dark); border-color: var(--primary-dark);}

/* Pre-launch audit 2026-10-09: the popup close control was a 20×20 px tap target inside its 34 px circle.
   The button now fills the circle, and an invisible ring extends the tap area to 44 px. */
#popupmodel .modelclosebtn .btn-close { position: relative; box-sizing: border-box; width: 100%; height: 100%; padding: 0; background-size: 11px; opacity: .8; }
#popupmodel .modelclosebtn .btn-close::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; }