body{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}
/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/* section under line  */
.section-title {
  
  font-weight: 700;
  color: #222; /* dark text */
  margin-bottom: 10px; /* 10px gap before underline */
}

.title-underline {
  width: 60px;
  height: 3px;
  background: #f0ad00; /* yellow line */
}


/* button  */
.main-btn{
    background-color: orange;
    color: white;
    padding: 12px 20px;
     font-weight: bold;
}
.main-btn:hover{
    background-color: white;
    color: orange;
    border: 1px solid orange;
   
}
.active-btn{
    background-color: white;
    color: orange;
    padding: 12px 20px;
     font-weight: bold;
     border: 1px solid orange;
}
.active-btn:hover{
    background-color: orange;
    color: white;
    border: 1px solid white;
   
}

/* mobile nav */
.offcanvas-body li a{
    text-decoration: none;
    color: black;
    font-size: 20px;
}

/* hero section code */
    .hero {
      background-color: #f8f9fa;
      padding: 60px 0;
    }
    .hero h1 {
      font-size: 2.7rem;
      
    }
    .hero .highlight span{
      color: orange;
     
    }
    .hero .highlight{
      font-size: 23px;
      font-weight: 400;
     
    }
    .hero .credit{
        font-weight: 400;
        color: orange;
    }

/* hero section code */

/* partner section code */

  .brand-logo {
    height: 40px;             
    filter: grayscale(100%);  
    opacity: 0.7;              
    transition: all 0.3s ease; 
    
  }
  .brand-logo:hover {
    filter: grayscale(0%);     
    opacity: 1;
    transform: scale(1.1);     
  }

/* partner section code */