html {
  scroll-behavior: smooth;
}

body {
  opacity: 0;
  transition: opacity 0.6s;
}

body.fade-in {
  opacity: 1;
}

body.fade-out {
  opacity: 0;
}


.feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
}




.navbar_h5{
    margin-bottom: 0px;
    font-weight: 400;
  
    
}

.hero_section{
  background-color: white;
}


.three_point_row_container{
        background-color: #e9ecef;
}


.types_of_appraisals{
    text-align: center;
    background-color: #e9ecef;
}


.quote_form{
    background-color: #e9ecef;
    padding: 2rem;
    border-radius: .75rem;
}



.card-img-fixed {
  width: 100%;
  height: 16rem;      
  object-fit: cover;
  display: block;
}


.types_of_appraisals .card, .quote_form {
  box-shadow: 0 4px 16px rgba(0,0,0,0.12), 0 1.5px 4px rgba(0,0,0,0.10);
  transition: box-shadow 0.2s;
}

.types_of_appraisals .card:hover {
  box-shadow: 0 8px 32px rgba(0,0,0,0.18), 0 3px 8px rgba(0,0,0,0.15);
}


.accordion {
  box-shadow: 0 4px 16px rgba(0,0,0,0.10), 0 1.5px 4px rgba(0,0,0,0.08);
  border-radius: 0.5rem;
}