@charset "UTF-8";

.floating-buttons {
  position: fixed;
  right: 20px;
  bottom: 160px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.floating-buttons a {
  will-change: transform;
  width: 55px;
  height: 55px;
  background-color: #28a745;
  color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  transition: transform 0.2s ease, background-color 0.2s ease;
}
.floating-buttons a:hover {
  transform: scale(1.1);
  background-color: #25d366;
}
.floating-buttons a.call {
  background-color: #00a79d;
  border: 1px solid #00a79d;
}
.floating-buttons a.call:hover {
  background-color: #fff !important;
  color: #00a79d !important;
  border: 2px solid #00a79d !important;
}


.site-logo{
    height:50px;
    width:auto;
    display:block;
}

/* Mobile optimization */
@media(max-width:768px){
    .site-logo{
        height:42px;
    }
}



/* ===============================
   PREMIUM TOP INFO BAR
================================*/
.top-info-bar{
background:linear-gradient(90deg,#00a79d,#007c74);
color:#fff;
font-size:14px;
position:relative;
overflow:hidden;
}

/* subtle premium shine effect */
.top-info-bar::before{
content:'';
position:absolute;
top:0;
left:-50%;
width:50%;
height:100%;
background:rgba(255,255,255,.08);
transform:skewX(-25deg);
}

/* container */
.top-info-inner{
max-width:1300px;
margin:auto;
display:flex;
justify-content:space-between;
align-items:center;
padding:8px 20px;
gap:15px;
flex-wrap:wrap;
}

/* LEFT BADGES */
.top-left{
display:flex;
align-items:center;
gap:12px;
flex-wrap:wrap;
}

.top-left span{
background:rgba(255,255,255,.15);
padding:6px 12px;
border-radius:30px;
font-weight:500;
display:flex;
align-items:center;
gap:6px;
white-space:nowrap;
}

/* RIGHT CONTACT */
.top-right{
display:flex;
align-items:center;
gap:12px;
}

.top-right a{
background:#fff;
color:#007c74;
padding:6px 14px;
border-radius:25px;
text-decoration:none;
font-weight:600;
box-shadow:0 2px 8px rgba(0,0,0,.15);
transition:all .3s ease;
}

.top-right a:hover{
transform:translateY(-2px);
background:#f4fefe;
}

/* ===== MAIN NAVBAR ===== */
.premium-header{
position:sticky;
top:0;
z-index:9999;
background:#fff;
box-shadow:0 4px 25px rgba(0,0,0,.08);
}

.nav-inner{
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 20px;
}

/* MENU */
.menu{
display:flex;
gap:30px;
align-items:center;
}

.menu a{
text-decoration:none;
color:#222;
font-weight:600;
position:relative;
}

.menu a::after{
content:'';
position:absolute;
width:0;
height:2px;
background:#00a79d;
bottom:-6px;
left:0;
transition:width .3s ease;
}

.menu a:hover{
color:#00a79d;
}

.menu a:hover::after{
width:100%;
}

/* CTA BUTTON */
.cta-btn{
background:#00a79d;
color:#fff;
padding:10px 20px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:.3s;
}

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

/* MOBILE MENU */
.mobile-toggle{
display:none;
font-size:24px;
cursor:pointer;
}

@media(max-width:900px){

.menu{
display:none;
flex-direction:column;
background:#fff;
position:absolute;
top:70px;
left:0;
width:100%;
padding:20px;
box-shadow:0 5px 20px rgba(0,0,0,.1);
}

.menu.active{display:flex;}

.mobile-toggle{display:block;}

}

/* Hide Top Info Bar in Mobile */
@media (max-width:768px){
    .top-info-bar{
        display:none;
    }
}

.premium-header{
backdrop-filter:blur(6px);
background:rgba(255,255,255,.95);
}

/* ===== DROPDOWN MENU ===== */

.menu-item{
    position:relative;
}

.submenu{
    position:absolute;
    top:100%;
    left:0;
    background:#fff;
    min-width:220px;
    box-shadow:0 10px 30px rgba(0,0,0,0.1);
    border-radius:8px;
    display:none;
    flex-direction:column;
    padding:10px 0;
    z-index:999;
}

.submenu a{
    padding:10px 15px;
    display:block;
    color:#333;
    font-weight:500;
}

.submenu a:hover{
    background:#f5f7fa;
    color:#00a79d;
}

/* SHOW ON HOVER (DESKTOP) */
.menu-item:hover .submenu{
    display:flex;
}


@media(max-width:900px){

.submenu{
    position:static;
    box-shadow:none;
    display:none;
    padding-left:10px;
}

.menu-item{
    width:100%;
}

.menu-item > a{
    display:block;
    width:100%;
}

}

/* MOBILE MENU ALIGN FIX */
@media(max-width:900px){

.menu{
    text-align:center;
}

/* normal links */
.menu a{
    text-align:center;
    width:100%;
    display:block;
}

/* submenu parent (Products / Services) */
.menu-item{
    width:100%;
    text-align:center;
}

/* parent link */
.menu-item > a{
    display:block;
    text-align:center;
    width:100%;
}

/* submenu items */
.submenu a{
    text-align:center;
}

}

/* VIEW ALL STYLE */
.submenu .view-all{
    border-top:1px solid #eee;
    margin-top:5px;
    padding-top:10px;
    font-weight:600;
    color:#00a79d;
    justify-content:center;
}

.submenu .view-all:hover{
    background:#f0f9f8;
}

/* FIX LONG MEGA MENU */
.submenu{
    max-height:70vh;              /* limit height */
    overflow-y:auto;              /* enable vertical scroll */
    overflow-x:hidden;
    scrollbar-width:thin;
}

/* smooth scroll */
.submenu{
    scroll-behavior:smooth;
}

/* optional: better scrollbar (Chrome) */
.submenu::-webkit-scrollbar{
    width:6px;
}

.submenu::-webkit-scrollbar-thumb{
    background:#ccc;
    border-radius:10px;
}

.submenu::-webkit-scrollbar-thumb:hover{
    background:#999;
}

.submenu{
    left:0;
    right:auto;
}

/* prevent overflow on right */
@media(min-width:900px){
    .submenu{
        max-width:280px;
    }
}

@media(max-width:900px){

.submenu{
    max-height:300px;   /* scrollable area */
    overflow-y:auto;
}

}

.menu{
    z-index:9999;
}

body{
    margin:0;
    font-family:'Hind Siliguri',sans-serif;
}

@media(max-width:768px){
    .floating-buttons a{
        width:50px;
        height:50px;
        font-size:22px;
    }
}

.premium-header{
    will-change: transform;
}