@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*{
  font-family: "Open Sans", sans-serif;
}

span{
    font-weight: 800;
}
.fa-solid2{
    font-size: 20px;
   color:#f90b11;
   background-color: #100d0e;
   border-radius: 8px;
    height: 40px;
    width: 40px;
    padding: 10px;
}

p{
    padding-left: 50px;
}

.icons{
    font-size: 20px;
    background-color:#f90b11;
    height: 40px;
    width: 40px;
    padding: 10px;
    border-radius: 8px;
   
}

.btn-contact{
    width: 200px;
    height: 40px;
    font-weight: 600;
    background-color: #f90b11;
    border: 1px solid #f90b11;
    border-radius: 8px;
}

.btn-contact:hover{
    background-color: black;
    border: 1px solid black;
    color: #f90b11;
}

@media only screen and (max-width: 470px) {
    .about-us{
        font-size: 30px;
       position: relative;
       top: 30px;
    }
}

@media screen and (max-width: 990px) {
    .three-head{
        position: relative;
        left: 2px;
    }
}

@media screen and (max-width: 550px) {
    .contact-page{
        margin-left: 20%;
        margin-right: 20%;
        gap:2rem;
    }
}