.hero-sidemenu ul li.has-submenu > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
     white-space: nowrap;
}

/* Small arrow for dropdown */
.hero-sidemenu ul li.has-submenu > a::after {
  content: "▼";

  
}

/* Inner submenu list */
.hero-sidemenu ul li .submenu {
  list-style: none;
  padding-left: 15px;
  display: none;          /* default ga hide */
}

/* Parent li ki .open vachinappudu matrame show chey */
.hero-sidemenu ul li.open > .submenu {
  display: block;
}

/* Submenu items style */
.hero-sidemenu ul li .submenu li {
  border-bottom: none;
  font-size: 16px;
  padding: 6px 0;
}

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

body, html { 
  height: 100%; 
  font-family: 'Segoe UI', sans-serif; 
}

/* Hero Banner */
.hero-banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.hero-banner img {
  width: 100%;
  height: auto;
  max-height: 100vh;
  display: block;
  object-fit: cover;
  z-index: -1;
}

.hero-banner::after {
  content: '';
  position: absolute;
  top:0; left:0;
  width:100%; height:100%;
 
  z-index:0;
}

/* Header */
.hero-header {
  position: fixed; 
  top: 0; left: 0; right: 0;
  height: 70px; 
  display: flex; 
  justify-content: space-between; 
  align-items: center;
  padding: 0 30px; 
  z-index: 10;
  transition: background 0.4s, top 0.4s;
  background: transparent;
}

.hero-header.logo-only .hero-logo img,
.hero-header.logo-only .hero-menu-toggle {
  opacity: 1;
}

.hero-header.active {
  /*background: rgba(0,0,0,0.45);*/
    background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
}

.hero-logo img { 
  height: 45px; 
  width: auto; 
  transition: opacity 0.3s; 
}

.hero-menu-toggle {
  font-size: 20px; 
  color: #fff; 
  cursor: pointer; 
  font-weight: 600; 
  display: flex;
  align-items: center; 
  gap: 6px; 
  transition: opacity 0.3s;
  font-family: 'Rajdhani', sans-serif;
}

.hero-menu-toggle::after { 
  content: "≡"; 
  font-size: 20px; 
}

/* Side Menu */
.hero-sidemenu { 
  position: fixed; 
  top:0; 
  right:-300px; 
  width:300px; 
  height:100%; 
  background:#fff; 
  z-index:20; 
  transition:0.3s; 
  padding:40px 20px; 
  display:flex; 
  flex-direction:column;
}

.hero-sidemenu.open { 
  right:0; 
}

.hero-sidemenu .hero-close-btn { 
  font-size:28px; 
  cursor:pointer; 
  align-self:flex-end; 
}

.hero-sidemenu ul { 
  list-style:none; 
  margin-top:0px; 
 
}

.hero-sidemenu ul li {
  padding:10px 0;
  font-size:18px;
  border-bottom:1px solid #eee;
  cursor:pointer;
  line-height: 1.2;
}

.hero-sidemenu ul li:hover { 
  color:#007BFF; 
}

/* Mobile */
@media(max-width:768px){
  .hero-header { 
    padding:0 15px; 
    height:60px; 
  }
  
  .hero-logo img { 
    height:35px; 
  }
  
  .hero-menu-toggle { 
    font-size:14px; 
  }
  
  .hero-sidemenu { 
    width:250px; 
  }  
  
  .hero-sidemenu ul li {
  padding:10px 0;
  font-size:14px;
  border-bottom:1px solid #eee;
  cursor:pointer;
  line-height: 1.2;
}
  
 

  .hero-banner video {
    height: 100% !important;    /* Banner ni full ga fill avvali */
    object-fit: cover !important;
  }
}



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

  /* HERO */
  .hero-header {
    padding:0 15px;
    height:60px;
  }

  .hero-logo img {
    height:35px;
  }

  .hero-menu-toggle {
    font-size:14px;
  }

  .hero-sidemenu {
    width:250px;
  }

 
}


/* ---------------------------------------------------------
   TABLET RESPONSIVE (768PX - 1399PX)
--------------------------------------------------------- */



/* ---------------------------------------------------------
   DESKTOP LARGE (1400PX+)
--------------------------------------------------------- */