*{

margin:0;

padding:0;

box-sizing:border-box;

font-family:Arial;

}

body{

line-height:1.6;

}

header{

background:#FFD700  ;

padding:20px;

}
.logo{
    color:black
}

.container{    

display:flex;

justify-content:space-between;

align-items:center;

}

nav a{

color:black;

text-decoration:none;

margin-left:20px;

}

.hero{

height:80vh;

background:#f5f5f5;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

}

.btn{

background:#28a745;

padding:15px 30px;

color:white;

text-decoration:none;

margin-top:20px;

margin-right:250px;


}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(250px,1fr));

gap:20px;

padding:40px;

}

.card{

padding:20px;

background:white;

box-shadow:0 0 10px rgba(0,0,0,.1);

}

.faq{

max-width:800px;

margin:20px auto;

}

.faq-btn{

width:100%;

padding:15px;

cursor:pointer;

}

.faq-content{

display:none;

padding:15px;

background:#f3f3f3;

}

.whatsapp{

margin-right:350px;

position:fixed;

right:20px;

bottom:60px;

background:#25D366;

padding:15px;

color:white;

text-decoration:none;

border-radius:50px;

}

.phone{

margin-right:200px;

position:fixed;

right:20px;

bottom:60px;

background:#007bff;

padding:15px;

color:white;

text-decoration:none;

border-radius:50px;

}