.navbar-brand img {max-width: 175px;}

.offcanvas-header .logo img {max-width: 175px;}

/* Make the dropdown size to its content and arrange columns side-by-side */

.dropdown-menu {
    inset-inline-start: auto !important;
    inset-inline-end: 0 !important;
}

.dropdown-mega{
  display: inline-flex;
  gap: 1.25rem;
  width: auto;            /* no fixed width */
  min-width: max-content; /* grow just enough to fit all columns */
  white-space: nowrap;    /* keep long labels on one line */
  
}


/* Each column is only as wide as its content */
.dropdown-mega .mega-col{
  display: inline-block;  /* columns sit side-by-side */
  flex: 0 0 auto;

}

/* Prevent items from splitting between columns */
.dropdown-mega .mega-col li{
  break-inside: avoid;
}

/* Make sure items look like regular dropdown items */
.dropdown-mega .dropdown-item{
  padding: .25rem .75rem;
}

.dropdown-mega .dropdown-header {
font-size: 18px;
}

.navbar-nav .nav-item .dropdown-menu .nav-item .nav-link:hover {
  color: #ed6814;
  background-color: #f8f9fa;
}

.dropdown-item:hover {
    color: #ed6814;

}


.footer-warp  { 
    background: #000;
}

.blog-widget .logo img {max-width: 175px;}

.hero-slide-bg .content h1 {
  font-size: 50px; 
}

/* Hero background container */
.hero-slide-bg {
    position: relative;
    min-height: 550px;
    overflow: hidden;
      padding-top: 170px;
  padding-bottom: 130px;
}

/* Actual image behind everything */
.hero-slide-bg .hero-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
  
}

/* Gradient mask */
.hero-slide-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.95) 10%,
        rgba(0,0,0,0.75) 60%,
        rgba(0,0,0,0.35) 100%
    );
}

/* Ensure text is above everything */
.hero-slide-bg .content {
    position: relative;
    z-index: 2;
    color: #fff;   /* For readability */
}

.hero-style3-warp {  
  margin-top: -75px;
}



.single-section h2 {
  font-size: 30px;
}
.section-title h2 {
  font-size: 30px;  
}
.footer-group h5 {
  
  font-size: 17px;
 
}

.bred {
  
  font-size: 20px;
  font-weight: 500; 
  color: #ed6814 !important;
}

.need-warp .logo img {max-width: 200px;}

.lactive {
   
    background-color: #ed6814 !important;
}

.lactive a {
     color:#fff !important;
}

.innovative-image .performance .progress-warp {
  padding-top: 10px;
  margin-top: 10px;
  border-top: solid 1px #f7f7f7;
}
.innovative-image .performance {
    padding: 20px;
}

.blog-big-warp h1, .service-big-warp h1, .service-big-warp .content1 h3 {font-size: 25px; margin-top: 15px; margin-bottom: 15px;}

.blog-big-warp h2, .service-big-warp h2 {font-size: 20px !important; margin-top: 15px; margin-bottom: 15px;}

.blog1 {
    max-width: 100%;
    height: auto;
}

.service1 {
    max-width: 100%;
    height: auto;
}

.innovative1 {
    max-width: 100%;
    height: auto;
    display: block;
}

.navbar-shape1 {
    max-width: 100%;
    height: auto;
    display: block;
}

.header-shape1 {
    max-width: 100%;
    height: auto;
    display: block;
}

.header-content .header-content-list li a:hover {
  color: #c7c7c7;
}

.about-left h1 {
 font-size: 22px;
  font-weight: 600;
  margin-bottom: 0;
}

.about-home ul li h3 {
  font-size: 22px;
  font-weight: 600;
}

.process-section h3 {
  font-size: 30px;
  margin-bottom: 0;
}

.error-message {
  color: #d93025;           
  font-size: 14px;          
  margin-top: 5px;          
  display: block;          
}

 label.error {
    color: red;
    font-size: 14px;
    margin-top: 5px;
    display: block;
  }


/* Mobile: stack to a single column */
@media (max-width: 991.98px){
  .dropdown-mega{
    display: block;
    min-width: 12rem; /* reasonable default on mobile */
    white-space: normal;
  }
  .dropdown-mega .mega-col{
    display: block;
    margin-bottom: .5rem;
  }

  .hero-slide-bg .content h1 {
  font-size: 30px; 
}

}