<!– –>

@import url(“https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap”);

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

.navbar {
height: 50px;
background-color: #000000;
height: 60px;
color: gold;
}

ul {
list-style: none;
}

body {
font-size: 16px;
font-family: “Poppins”, sans-serif;
line-height: 1.5;
color: rgb(0, 0, 0);
background-color: #000000;
border: gold solid 2px;
}

img {
max-width: 100%;
}

h1,
h2,
h3 {
margin-bottom: 15px;
color: gold;
}
.prdouct {
color: gold;
line-height: 2;
font-weight: bold;
}
p {
color: white;
}
.navbar a:hover {
color: lightblue;
}
.navbar .container {
max-width: 1100px;
margin: 0 auto;
padding: 0 30px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}

.navbar .logo {
font-weight: bold;
font-size: x-large;
align-self: center;
}

.navbar a {
color: white;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}

.navbar ul {
display: flex;
}

.policy ul li {
margin-left: 20px;
color: white;
line-height: 1.8;
}

.navbar ul li {
margin-left: 20px;
cursor: grab;
}

.header {
background-color: #630804;
min-height: 400px;
}

.header h1 {
color: white;
font-size: 35px;
font-weight: bold;
line-height: 1.2;
margin-top: 15px;
}

.header img {
max-width: 400px;
}

.header .container {
margin-left: 85px;
display: flex;
align-items: flex-start;
justify-content: space-between;
}

.box {
flex: 1;
margin: 20px 10px;
margin-right: 15px;
padding: 15px 20px;
background-color: #630804;
border-radius: 10px;
}

.boxes .container {
display: flex;
justify-content: space-between;
}

.policy h1 {
text-align: center;
color: gold;
}
.policy {
background-color: #630804;
border-radius: 50px;
padding: 10px;
}

@media (max-width: 768px) {
.header .container {
flex-direction: column;
padding-top: 20px;
text-align: center;
}
.boxes .container {
flex-direction: column; /* or display: block; */
text-align: center;
}
}