@font-face{
    src: url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap');
    font-family:"Poppins", sans-serif;
}
*{
    margin:0;
    padding: 0;
}
body{
    background-color: rgba(0, 0, 0, 0.705);
    font-family: "Poppins", sans-serif;
    width: 100%;
    scroll-behavior: smooth;
}
.header-content{
    width: 100wh;
    display: flex;
    background-color: aliceblue;
}
.header-content .header-logo {
    padding-right: 50%;
    padding-left: 10%;
}
.header-content .header-logo a{
    font-size: 3.5rem;
    text-decoration: none;
    font-weight: 600;
    color:black;
}
.header-content .phone{

    padding-top: 20px;
}
.phone span{
    font-size: 1.3rem;
    color:red;
}
.header-nav{

    color:white;
    display: flex;
    justify-content: space-around;
    height:2rem;
    align-items: center;
    width: 70%;
    padding: 1%;
    padding-left: 10%;
    }
    .header-nav a{
        text-align: center;
        text-decoration: none;
        color:white;
        font-weight: 560;
    }
    .header-nav a:hover{
        color:red;
        font-size: 20px;
    }
    .about{
        width: 100vh;
    }
    .about img{
        width:80%;
        position:absolute;
        height: 80vh;
        align-items: center;
        margin-left:10%;
    }
    .about .content{ 
        width: 100%;
        align-items: center;
        height: 80vh;
        position: relative;
        top: 70px;
        left: 420px;
        text-align: center;
    }
    .about .content h1{
        font-size: 4rem;
        color: red;
        
    }
    .about .content p {
        font-size: 2.5rem;
        color: white;
    }
    .welcome{
        background-color: aliceblue;
        color:black;
        height:30vh;
        width: 100vw;
        align-items: center;
    }
    .welcome h2{
        font-size: 3rem;
        color: red;
        text-align: center;
    }
    .welcome p{
        font-size: 2rem;
        color: black;
        text-align: center;
    }
    .factors{
        background-color: aliceblue;
        color:black;
        height:50vh;
        width: 100vw;
        align-items: center; 
        display:flex;
        justify-content: space-around;
    }
    .factors .idea{
        height:40%;
        width:25%;

    }
    .idea img{
        height:40px;
        width:60px;
    }
    .team {
        width:100wh;
        height:80vh;
        color:white;
    }
    .team img{
        width:90%;
        height:80%;
        margin-left: 5%;
        position: absolute;
    }
 
    .team .member-container{
        width:100%;
        height:20vh;
        margin-top: 5%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        position: relative;
        top: 180px;
        left: 28px;
    }
    .member{
        height:100%;
        width:15%;
    }
    .team h3{
        font-size: 3rem;
        color: red;
        text-align: center;
        position: relative;
        top: 150px;
        left:-40px;

    }
    .member img{
        height:50px;
        width: 50px;
        border-radius: 50%;
        position: relative;
        top: -0px;
        left: 70px;
    }
    .member h4{
        text-align: center;
    }
  
    .member p{
        text-align: center;
    }
    .member-container button{
        position: relative;
        top: 130px;
        left: -750px;
    }
    .service{
        background-color: aliceblue;
        align-items: center;
    }
    .services-container{
        width: 100%;
        height: 30vh;
        display: flex;
        justify-content: space-around;
  
    }
    .services{
        width: 30%;
        height:30%;
        padding-bottom: 10px;
    }
    .service h3{
        text-align: center;
    }
    .services h2{
        align-items: center;
        width:35px;
        border-radius: 20px;
        background-color: red;
        text-align: center;
    }
    .contacts{
        height:15vh;
        color:white;
        padding-bottom: 20px;
        margin-top: 20px;

    }
    .contacts iframe{
        height:250px;
        width: 100%;
    }
    .contacts h3{
        text-align: center;
        font-size: 3rem;
    }
    .footer{
        margin-top:230px;
        height: 3vh;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .footer .social-media a{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        border: .2rem solid red;
        border-radius: 50%;
        font-size: 2rem;
        height:3rem;
        width: 3rem;
        color:red;
        margin: 3rem 1.5rem 3rem 0;
        transition: .5s ease;
        text-decoration: none;
    }
    
    .social-media a:hover{
        background-color: red;
        color: rgba(0, 0, 0, 0.742);
        box-shadow: 0 0 1rem red;
    }
    .btn{
        background-color: aliceblue;
        color:black;
        height:2rem;
        width: 4rem;
        cursor: pointer;
        border-radius: 5px;
    }
    .btn:hover{
        background-color: red;
        height:2.2rem;
        width: 4.5rem;
    }