.insidepagetitlebg{
background-image: url('../../assets/img/hero/about-us-inr-herothumb.png'); 
background-position: center; 
background-size: cover; 
background-repeat: no-repeat;
}
.slidercompany{
  color: #fff;
  text-shadow: 0 0 5px #000;
}
/* Hasini brand palette: colors aligned with the supplied logo.
   Primary Navy #014277 | Deep Navy #01173A | Blue #01548C |
   Cyan #63BACC | Accent Orange #F59D13 | Gold #FCAA14 */

/* =========================================================
   HASINI HEADER – logo size, padding, single-line nav
   Header class is homepage6-body
   ========================================================= */

/* Header bar padding (desktop + mobile) */
.homepage6-body .vl-transparent-header .vl-header-content-area,
.homepage6-body .vl-header-area .vl-header-content-area {
  padding: 5px 0 !important;
}

/* Logo 100px desktop */
.homepage6-body .vl-transparent-header .vl-logo img,
.homepage6-body .vl-header-area .vl-logo img,
.homepage6-body .vl-logo a img,
.homepage6-body .vl-logo img,
header.homepage6-body .vl-logo img {
  width: auto !important;
  max-width: none !important;
  height: 100px !important;
  max-height: 100px !important;
  object-fit: contain !important;
  display: block !important;
}

/* Desktop: force TOP-LEVEL nav on ONE line (do NOT touch sub-menus) */
@media only screen and (min-width: 1200px) {
  .homepage6-body .vl-header-content-area > .container {
    max-width: 1400px !important;
    width: 100% !important;
  }

  .homepage6-body .hasini-header-row {
    flex-wrap: nowrap !important;
    align-items: center !important;
  }

  .homepage6-body .hasini-logo-col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  .homepage6-body .hasini-menu-col {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  .homepage6-body .hasini-action-col {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Only the top-level UL */
  .homepage6-body .vl-main-menu > nav > ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .homepage6-body .vl-main-menu > nav > ul > li {
    display: inline-flex !important;
    flex-shrink: 0 !important;
    position: relative !important;
    margin: 0 !important;
  }

  .homepage6-body .vl-main-menu > nav > ul > li > a {
    font-size: 14px !important;
    padding: 0 7px !important;
    white-space: nowrap !important;
    line-height: 1.25 !important;
  }

  .homepage6-body .vl-main-menu > nav > ul > li > a span {
    margin-left: 2px;
  }

  /* ---- RESTORE vertical dropdown sub-menus ---- */
  .homepage6-body .vl-main-menu ul.sub-menu,
  .homepage6-body .vl-main-menu .sub-menu {
    display: block !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    white-space: normal !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    width: 240px !important;
    min-width: 220px !important;
    max-width: 280px !important;
    background: #fff !important;
    padding: 12px 20px 20px !important;
    margin: 0 !important;
    box-shadow: 0px 20px 30px rgba(1, 15, 28, 0.12) !important;
    border-radius: 4px !important;
    z-index: 9999 !important;
    text-align: left !important;
    /* keep hover open behavior from main.css (opacity/visibility/transform) */
  }

  .homepage6-body .vl-main-menu ul.sub-menu > li,
  .homepage6-body .vl-main-menu .sub-menu > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    flex: none !important;
  }

  .homepage6-body .vl-main-menu ul.sub-menu > li > a,
  .homepage6-body .vl-main-menu .sub-menu > li > a {
    display: block !important;
    width: 100% !important;
    white-space: normal !important;
    font-size: 15px !important;
    padding: 10px 0 0 0 !important;
    line-height: 1.35 !important;
  }

  /* Nested sub-menu (3rd level) */
  .homepage6-body .vl-main-menu .sub-menu .sub-menu {
    left: 100% !important;
    top: 0 !important;
    width: 240px !important;
  }
}

/* Mobile / tablet: 85px logo, centered; hamburger extreme right */
@media only screen and (max-width: 1199px) {
  .homepage6-body .vl-transparent-header .vl-logo img,
  .homepage6-body .vl-header-area .vl-logo img,
  .homepage6-body .vl-logo a img,
  .homepage6-body .vl-logo img,
  header.homepage6-body .vl-logo img {
    height: 85px !important;
    max-height: 85px !important;
    width: auto !important;
  }

  .homepage6-body .vl-header-content-area .container > .row.align-items-center,
  .homepage6-body .hasini-header-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    min-height: 90px !important;
  }

  .homepage6-body .hasini-logo-col,
  .homepage6-body .vl-header-content-area .row > [class*="col-"]:first-of-type {
    position: absolute !important;
    left: 42% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    z-index: 5 !important;
    text-align: center !important;
  }

  .homepage6-body .vl-logo {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }

  .homepage6-body .hasini-action-col,
  .homepage6-body .vl-header-content-area .row > [class*="col-"]:last-of-type {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-left: auto !important;
  }

  .homepage6-body .vl-menu-sidebar-area {
    margin-left: auto !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: auto !important;
  }

  .homepage6-body .vl-header-action-item {
    float: none !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
}

/* =========================================================
   INNER PAGE TITLE BAR (.vl-hero-inner-area)
   ========================================================= */

@media (min-width: 992px) {
  .vl-hero-inner-area {
    margin-top: 150px !important;
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
    background-image: linear-gradient(110deg, #01173A 0%, #014277 34%, #01548C 56%, #16AFC4 78%, #F59D13 100%) !important;
    background-color: #014277 !important;
  }
  .vl-hero-inner-area::after {
    background: linear-gradient(90deg, rgba(1,23,58,.18) 0%, rgba(1,84,140,.08) 60%, rgba(245,157,19,.08) 100%) !important;
  }
  .vl-hero-inner-area > .container {
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
  }
  .vl-hero-inner-area .row {
    align-items: center !important;
  }
  .vl-hero-inner-area .col-xl-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  .vl-hero-inner-area .inner-hero-info h2 {
    font-size: 34px !important;
    line-height: 40px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    max-width: 1100px !important;
    color: #fff !important;
  }
  .vl-hero-inner-area .inner-hero-info .space16 {
    height: 7px !important;
  }
  .vl-hero-inner-area .inner-hero-info ul {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 18px !important;
  }
  .vl-hero-inner-area .inner-hero-info ul li,
  .vl-hero-inner-area .inner-hero-info ul li a {
    color: #fff !important;
  }
}

@media (max-width: 991px) {
  .vl-hero-inner-area {
    margin-top: 90px !important;
    height: auto !important;
    min-height: 90px !important;
    max-height: none !important;
    padding: 18px 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
  }
  .vl-hero-inner-area .inner-hero-info h2 {
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: #fff !important;
  }
  .vl-hero-inner-area .inner-hero-info .space16 {
    height: 4px !important;
  }
  .vl-hero-inner-area .inner-hero-info ul {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 16px !important;
  }
  .vl-hero-inner-area .inner-hero-info ul li,
  .vl-hero-inner-area .inner-hero-info ul li a {
    font-size: 13px !important;
    color: #fff !important;
  }
}

@media (max-width: 575px) {
  .vl-hero-inner-area {
    margin-top: 85px !important;
    min-height: 80px !important;
    padding: 14px 0 !important;
  }
  .vl-hero-inner-area .inner-hero-info h2 {
    font-size: 18px !important;
    line-height: 24px !important;
  }
}

/* =========================================================
   HASINI COUNTERS ONLY – full width, 4 col desktop / 2 col mobile
   ========================================================= */
.hasini-counters-only .vl-faq-info {
  width: 100%;
}

.hasini-counters-only .hasini-counter-grid > .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.hasini-counters-only .hasini-counter-grid > .row > [class*="col-"] {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
}

/* Desktop: 4 in one row */
@media (min-width: 992px) {
  .hasini-counters-only .hasini-counter-grid > .row > .col-xl-3,
  .hasini-counters-only .hasini-counter-grid > .row > .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .hasini-counters-only .hasini-counter-grid > .row > [class*="col-"] {
    margin-bottom: 0;
  }
}

/* Mobile / tablet: 2 per row */
@media (max-width: 991px) {
  .hasini-counters-only .hasini-counter-grid > .row > .col-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.hasini-counters-only .vl-faq-info-content {
  height: 100%;
  text-align: center;
}

.hasini-counters-only .vl-faq-info-content h2 {
  font-variant-numeric: tabular-nums;
}

/* Full-width dark background for counters-only section (no right text panel) */
.hasini-counters-only.vl-faq-area::before {
  right: 0 !important;
  width: 100% !important;
  background: #014277 !important; /* navy */
}
.hasini-counters-only.vl-faq-area::after {
  display: none !important;
}

/* ENB Enterprises branding • navy, cyan and vibrant orange */
:root{--enb-navy:#052d69;--enb-deep:#061b45;--enb-cyan:#00aed7;--enb-orange:#ff8100}
body{color:#333}a:hover{color:var(--enb-orange)}
.homepage6-body .vl-logo img,.vl-offcanvas-logo img{max-width:100%;object-fit:contain}
.header6-top-bg,.vl-header-area .header-top-area{background:var(--enb-deep)!important}
.vl-transparent-header .vl-main-menu nav>ul>li>a:hover,.vl-transparent-header .vl-main-menu nav>ul>li>a:focus{color:var(--enb-orange)!important}
.category10-box-content a:hover,.about-inr-vlog-content a:hover{color:var(--enb-orange)!important}
.vl-category10-area,.header6-top-bg{background-color:var(--enb-navy)}
.enb-button{display:inline-block;background:linear-gradient(110deg,var(--enb-orange),#ffad14);color:#092653!important;text-decoration:none;padding:14px 26px;border-radius:7px;font-weight:800;box-shadow:0 6px 16px #071d4b2a;margin-top:18px}
.enb-button:hover{background:var(--enb-cyan);color:white!important}
.enb-grass-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#031b45bb,#041a382d);pointer-events:none}
.enb-grass-hero{position:relative}.enb-grass-hero .container{position:relative;z-index:1}.enb-hero-sub{color:white;font-size:19px;font-weight:600}
.enb-product-col .category10-thumb img{width:100%;object-fit:cover;aspect-ratio:5/4}
.enb-product-col .category10-box-content h3{font-size:20px}
.enb-grass-showcase,.enb-gallery-addon,.enb-grass-content{padding:72px 0}.enb-grass-showcase,.enb-grass-content{background:#f3f8fb}
.enb-section-heading{text-align:center;max-width:790px;margin:0 auto 32px}.enb-section-heading span,.enb-grass-page-hero span{font-weight:800;color:var(--enb-orange);letter-spacing:2px;font-size:13px}.enb-section-heading h2{color:var(--enb-deep);font-size:clamp(28px,3vw,42px);margin:10px 0 14px}.enb-section-heading p{color:#475569;line-height:1.7}
.enb-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.enb-showcase-grid a,.enb-showcase-grid figure{background:white;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #10254615;margin:0;text-decoration:none}.enb-showcase-grid img{width:100%;height:230px;object-fit:cover;display:block}.enb-showcase-grid strong,.enb-showcase-grid figcaption{display:block;color:var(--enb-deep);padding:15px 16px;font-size:16px;font-weight:700}.enb-center{text-align:center;margin-top:26px}
.enb-grass-page-hero{background:linear-gradient(120deg,var(--enb-deep),var(--enb-navy) 75%,#007fbe);color:white;padding:95px 0 75px}.enb-grass-page-hero h1{color:white;font-size:clamp(36px,4vw,58px);margin:18px 0}.enb-grass-page-hero p{color:#eaf7ff;font-size:18px;line-height:1.75}.enb-grass-page-hero img{width:100%;border-radius:14px;box-shadow:0 20px 45px #01132b60}
.enb-grass-variants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.enb-grass-variants>div{background:white;padding:27px;border-top:5px solid var(--enb-cyan);border-radius:10px;box-shadow:0 6px 20px #15315814}.enb-grass-variants strong{font-size:35px;color:var(--enb-orange)}.enb-grass-variants h3{font-size:21px;color:var(--enb-deep);margin:12px 0}.enb-grass-variants p{color:#444;line-height:1.65}.enb-video-wrap{max-width:960px;margin:auto}.enb-video-wrap video{width:100%;height:auto;max-height:540px;background:#071e2e;border-radius:12px;display:block}
@media(max-width:991px){.enb-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.enb-grass-variants{grid-template-columns:1fr}.enb-grass-page-hero img{margin-top:32px}}
@media(max-width:600px){.enb-showcase-grid{grid-template-columns:1fr}.enb-grass-showcase,.enb-gallery-addon,.enb-grass-content{padding:46px 0}.enb-product-col .category10-box-content h3{font-size:16px}.enb-grass-page-hero{padding:65px 0 50px}}

/* ENB homepage polishing: circular auto-scrolling product band and complete service grid */
.enb-products-band{background:linear-gradient(125deg,#071f4b 0%,#073675 58%,#005b88 100%);padding:27px 0 24px;overflow:hidden}
.enb-products-swiper{width:100%;overflow:hidden;padding:9px 4px 5px}
.enb-products-swiper .swiper-slide{height:auto;display:flex;justify-content:center}
.enb-round-product{display:flex;flex-direction:column;gap:19px;align-items:center;text-align:center;text-decoration:none;width:100%;max-width:238px}
.enb-round-frame{position:relative;width:min(100%,218px);aspect-ratio:1;border-radius:50%;padding:7px;display:block;isolation:isolate;box-shadow:0 8px 18px #00163650;transition:transform .35s ease}
.enb-round-frame::before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#08c5ea,#e5fbff 28%,#ff8a00 51%,#08265d 74%,#08c5ea);animation:enb-border-turn 4.5s linear infinite;z-index:-1}
.enb-round-frame::after{content:"";position:absolute;inset:5px;border-radius:50%;border:3px solid #062e63;pointer-events:none}
.enb-round-image{display:block;overflow:hidden;width:100%;height:100%;border-radius:50%;background:#fff;border:3px solid #f0f9ff}
.enb-round-image img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:1;transition:transform .45s ease}
.enb-round-product:hover .enb-round-frame{transform:translateY(-5px)}
.enb-round-product:hover img{transform:scale(1.08)}
.enb-round-title{color:#fff!important;font-size:17px;font-weight:800;line-height:1.35;text-transform:uppercase;min-height:45px;text-shadow:0 2px 5px #00163680}
@keyframes enb-border-turn{to{transform:rotate(360deg)}}
.enb-services-section{padding:58px 0 48px;background:#fff}
.enb-services-section .enb-section-heading{margin-bottom:28px}
.enb-services-section .row>[class*="col-"]{display:flex}
.enb-service-card{background:#fff;display:flex;flex-direction:column;width:100%;border:1px solid #e4eaf2;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px #071f4b10;transition:transform .3s ease,box-shadow .3s ease}
.enb-service-card:hover{transform:translateY(-4px);box-shadow:0 14px 28px #071f4b20}
.enb-service-image{height:218px;overflow:hidden;display:block;background:#e6eff5}
.enb-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.enb-service-card:hover .enb-service-image img{transform:scale(1.04)}
.enb-service-copy{padding:21px 23px 24px;display:flex;flex-direction:column;flex:1}
.enb-service-copy h3{font-size:21px;line-height:1.35;margin:0 0 12px}
.enb-service-copy h3 a{color:#052d69;text-decoration:none}
.enb-service-copy p{color:#444!important;font-size:15px;line-height:1.72;margin:0 0 18px;flex:1}
.enb-service-link{color:#006d9b;font-size:15px;font-weight:800;text-decoration:none}
.enb-service-link:hover{color:#f48008}
/* Restrict spacing changes to ENB homepage sections, leaving inner pages untouched */
.vl-about6-area.sp1{padding-top:55px;padding-bottom:55px}
.enb-grass-showcase{padding-top:51px;padding-bottom:51px}
.vl-testimonials10-area.sp1{padding-top:55px;padding-bottom:55px}
@media(max-width:767px){.enb-products-band{padding:20px 0 16px}.enb-round-frame{width:min(100%,174px)}.enb-round-title{font-size:14px;min-height:38px}.enb-services-section{padding:38px 0}.enb-service-image{height:200px}.enb-service-copy{padding:18px}.vl-about6-area.sp1{padding-top:38px;padding-bottom:38px}}
@media(prefers-reduced-motion:reduce){.enb-round-frame::before{animation:none}.enb-service-card,.enb-round-frame,.enb-round-image img{transition:none}}

/* ENB inner-page spacing, body contrast and refined loading screen (2026-10-10) */
.vl-projectleft-details-area.sp1 {
  padding-top: 32px !important;
  padding-bottom: 58px !important;
}
/* Existing top gap of 156px reduced by ~80%, without impacting homepage sections. */
.vl-projectleft-details-area .project-details-inner-content,
.vl-projectleft-details-area .project-details-inner-thumb { margin-top: 0 !important; }
.vl-projectleft-details-area .inner-pera-text,
.project-details-inner-content p,
.vl-projectleft-details-area p,
.vl-projectleft-details-area li { color:#303b49 !important; }
.vl-projectleft-details-area .project-details-inner-content h3 { color:#063b6a !important; }
@media(max-width:991px) {
  .vl-projectleft-details-area.sp1 {padding-top:22px !important;padding-bottom:36px !important;}
}
@media(max-width:575px) {
  .vl-projectleft-details-area.sp1 {padding-top:18px !important;padding-bottom:28px !important;}
  .vl-projectleft-details-area .project-details-inner-content .space32{height:17px!important;}
  .vl-projectleft-details-area .project-details-inner-content .space16{height:11px!important;}
}
/* Branded but light preloader keeps logo legible and avoids a solid blue curtain. */
.preloader {
  background:radial-gradient(circle at 50% 48%, #fff 0%, #f1faff 33%, #d9edf9 66%, #d8e9f8 100%) !important;
}
.preloader::before {background:rgba(0,174,215,.13) !important;filter:blur(38px) !important;}
.preloader::after {background:rgba(255,129,0,.10) !important;filter:blur(38px) !important;}
.preloader .loading-container::before {background:#ffffffed !important;box-shadow:0 9px 26px #052d6925 !important;}
.preloader .loading {border-color:rgba(5,45,105,.12) !important;border-top-color:#00aed7 !important;border-right-color:#ff8100 !important;}
.preloader #loading-icon {width:145px !important;top:50% !important;left:50% !important;}
.preloader #loading-icon img {width:100% !important;object-fit:contain !important;filter:none !important;}
@media(max-width:767px){.preloader #loading-icon{width:118px!important;}}