/* Custom Styles */

/* Hero Section */
.hero {
    background-image: url('../images/hero-background.jpg'); /* Replace with actual image */
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    color: white;
}

.hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.hero .container {
    position: relative;
    z-index: 2;
}

/* Section spacing */
section { padding: 60px 0; }

/* Reveal animation */
.reveal { opacity: 0; transform: translateY(20px); transition: all 0.6s ease-in-out; }
.reveal.active { opacity: 1; transform: none; }

/* Footer background override (optional) */
footer {
    background-color: #f8f9fa;
}

/* Counter styles */
.counters h3 {
    font-size: 2.5rem;
    margin-bottom: 0;
}
.counters p {
    margin-top: 10px;
}

/* Portfolio filter buttons */
.filter-btn {
    margin: 0 5px;
}

/* Contact map size */
#map {
    width: 100%;
    height: 300px;
}

/* Author */

#author .jumbotron{
    padding: 1rem 0 3rem;
    
   
  

}
.staff .card{
    border-radius: 0;
    box-shadow: 2px 2px 5px #636e6c;
    margin: 1rem 0;
    margin-top: 3.8rem;

}
.staff .card:hover{
    background-color: #1f7265;
}
.staff .card:hover i,
.staff .card:hover h3,
.staff .card:hover p{
    color: #fff;
}
.card-body .img-fluid{
    margin-top: -75px;
}
.card-body h3{
    font-family: 'Times New Roman';
    font-size: 1.5rem;
    color: #000;
    font-weight: 800;
    
}
.card-body h5{
    font-family: 'Times New Roman';
    font-size: 1rem;
    color: #000;
    font-weight: bolder;
}
.card-body p{
    font-family: 'Times New Roman';
    font-size: 0.9rem;
    text-align: justify;
}
.card-body i{
    color: #000;
    font-size: 1.8rem;
}
.abicon i{
    color: #636e6c;
    
}
.card-body i:hover{
    color: #000 !important;
    font-size: 1.8rem;
}


/* End Author */