body, html {
    overflow-x: hidden;
}

:root{
  --gold: #d4af37;
}

.navbar{
  background: white!important;
}




.nav-link{
  color: black;
  margin-left: 15px;
  position: relative;
  display: inline-block;
  transition: color .3s ease, transform .3s ease;
}

.nav-link::after{
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  transition: width .4s ease;
}

.nav-link:hover{
  color: var(--gold) ;
  transform: translateY(-2px);
}

.nav-link:hover::after{
  width: 120%;
}

@media (max-width: 768px) {
  .topimg{
  margin: 0px !important;
}
}




.services-list-wrapper-full {
  width: 100%;      
  padding: 20px;    
  box-sizing: border-box;
  text-align: left; 
}

.services-list-full {
  list-style: none; 
  padding: 0;
  margin: 0;
}

.services-list-full li {
  position: relative;
  padding-left: 25px; 
  margin-bottom: 12px;
  line-height: 1.6;
}

.services-list-full li::before {
  content: "•";     
  position: absolute;
  left: 0;
  top: 0;
  color: #444;
  font-size: 1.2rem;
  line-height: 1;
}


/* new design  */

body{
  background:#0E0E0E;
}

.section-title{
  font-family:'Playfair Display',serif;
  color:#C9A24D;
}

.about-box{
  background:#FAF6F0;
  height: 500px;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.mission-box{
  background:#c4e7fc;
  height: 500px;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.vision-box{
  background:#E8DCC8;
  height: 500px;
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.team-section{
  background:#F2F2F2;
  border-radius:20px;
}

.img-rounded{
  width: 100%;
  height: 500px;
}

.team-card{
  border-radius:16px;
  transition:.3s;
}

.team-card:hover{
  transform:translateY(-8px);
  box-shadow:0 25px 45px rgba(0,0,0,.15);
}

.team-img{
  width:150px;
  height:150px;
  object-fit:cover;
  border:3px solid #C9A24D;
}

@media(max-width:768px){
  .box-padding{padding:25px!important;}
}


@media (max-width: 768px) {

  .about-box,
  .mission-box,
  .vision-box {
    height: auto !important;
    min-height: auto !important;
  }

  .img-rounded {
    height: auto !important;
    max-height: 280px;
    object-fit: cover;
  }

  .box-padding {
    padding: 20px !important;
  }

  body, html {
    overflow-x: hidden;
  }
}