body{
    font-family: 'poppins' , sans-serif;
    background-color: white;
}

.hero{
    background: url('images/heroimg.jpg') center/cover no-repeat;
    text-align: center;
    position: relative;
    height:75vh ;
    background-color: rgb(0,0,0,0.2);
    overflow: hidden;
}
.card-team :hover{
    transform: translateY(-8px); 
    box-shadow: 0 12px 24px rgba(0,0,0,0.15);

}

.card-service {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px; /* Optional: rounded corners */
}
.card-service:hover {
  transform: translateY(-8px) scale(1.03); /* slight lift + scale */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); /* stronger shadow */
}
.brand-move {
  transition: transform 1s ease;
}

.brand-move:hover {
  transform: translateX(-15px);
}
.brand-move {
  animation: moveLeftRight 3s ease-in-out infinite alternate;
}

@keyframes moveLeftRight {
  0% { transform: translateX(0); }
  100% { transform: translateX(-20px); }
}


.btn{
  background-color: #253568;
  color:white;
  padding-left: 3px;
  padding-right: 3px;
  border-color:white;
  width:300px;
}
.footer{
  background-color: #253568;
}
header{
  background-color: #253568;
}
.bg-body-tertiary {
  background-color: #253568 !important;
}
.appearance-pic {
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  cursor: pointer;
}

.appearance-pic:hover {
  transform: scale(1.05); /* slight zoom */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.2); /* subtle shadow */
  z-index: 2;
}
ul li i {
padding-left: 120px;
}
.card-hover {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border-radius: 12px; /* optional: smooth corners */
  cursor: pointer;
}
.card-hover:hover {
  transform: translateY(-8px) scale(1.03); /* lift + slight zoom */
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15); /* stronger shadow */
}
.card-hover:hover ul li i {
  color: #800000;
}
.nav-link.active {
  color: #800000 !important; /* maroon */
  text-decoration: underline;
  text-decoration-color: #800000;
  text-underline-offset: 4px;
}