.whatsapp {
  position:fixed;
  width:60px;
  height:60px;
  bottom:60px;
  right:20px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}

.whatsapp-icon {
  margin-top:13px;
}

.phone{
     position:fixed;
  width:60px;
  height:60px;
  bottom:15px;
  right:20px;
  background-color:#25d366;
  color:#FFF;
  border-radius:50px;
  text-align:center;
  font-size:30px;
  z-index:100;
}
.phone-icon {
  margin-top:13px;
}
    
h1{
     margin-top: 2.5%;
    font-weight: 700;
    font-size: 40px;
}
.header{
    margin: 0px 20px;
    padding: 10px;
}
.image{
    position: relative;

}
.abs{
    position: absolute;
    top: 20%;
    margin: 0px 20px;
    color: white;
    font-weight: 700;
    font-size: 20px;
}
a{
    color: #ffffff;
}
a:hover{
    color: #ffffff;
}
p{
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    padding: opx 40px;
}
.red1{
   background-color: red;
    margin: 0px;
    padding: 0px 30px;
}
section{
    margin: 0px;
    padding: 0px;
}
.btn{
    background-color: white;
    color: black;
    padding:5px 40px;
    font-size: 18px;
    font-weight: 700;
}
placeholder{
    font-weight: 700;
}
.modal-body li{
    color: black;
    padding: 5px;
    text-align: justify;
}

.form-group{
   padding: 0px 10px; 
}
@media screen and (min-width: 460px ) and (max-width: 900px) {
  h1 {
    margin-top: 12%;
    font-weight: 700;
    font-size: 14px;
}
    }
@media screen and (min-width: 460px ) and (max-width: 1100px) {
.abs{
   top: 30%; 

}
}
@media screen and (min-width: 300px ) and (max-width: 460px) {
.abs{
   top: 25%; 

}
    h1 {
    margin-top: 10%;
    font-weight: 700;
    font-size: 14px;
}
}