@media (max-width: 980px){
.about .upper-head {
    width: 85%;
  }
  section.homeowners-sec .row{
   flex-direction:column-reverse; 
    gap:30px 0;
  }
  section.homeowners-sec .col-6{
    width:100%;
  }
  section.cards .cards-details {
    width: 50%;
}
  section.cards .row{
    gap: 30px 0;
  }
}
@media (max-width: 540px){
section.about-sec .about .upper-head {
        width: 100%;
    }
  section.homeowners-sec .col-6{
   padding:0; 
  }
  .homeowners img{
   height:300px; 
  }
  .head-sec{
   margin-bottom:30px; 
  }
  section.cards .cards-details{
    width:100%;
    padding:0;
  }
}
@media (max-width: 360px){

}