.hero_section_01{
     background: linear-gradient(to bottom, #0000008f, #0000000c, #f0f0f00c), 
              url('./pexels-gapeppy1-4117878.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  position: relative;
}

.hero_section_01 .bottom_text_01{
position: absolute;
right: 10px;
bottom: 10px;
color: #ffce93;
}

.hero_section_01 .sthir_txt{
  color: #ffce93;
}

.hero_section_01 .view_btn{
  background-color: #ffce93;
  color: #000;
  padding: 10px 15px;
  border-radius: 24px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}
.hero_section_01 .contact_agent{
   border: 1px solid #ffce93;
  color: #fff;
  padding: 10px 15px;
  border-radius: 24px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}

.social-icons .fa-facebook{
  font-size: 20px;
  
}
.social-icons .fa-instagram{
  font-size: 20px;
  
}

.whats_img{
  width: 45px;
  height: 45px;
  position: fixed;
  bottom: 20px;
  right: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  border-radius: 50%;
}