@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300&display=swap");
:root {
    --primary-color: #000; /* Black */
    --secondary-color: #FFF; /* White */
    --background-color: #F7F7F7; /* Light Gray */
    --text-color: #333; /* Dark Gray */
    --accent-color: #444; /* Darker Gray */
    --hover-color: #005b96; /* Even Darker Gray */
    --border-color: #CCC; /* Light Gray */
    --logo-color: #043758;
    --icon-color: #a39603;
  }
  *{
    margin: 0;
    padding: 0;
    box-sizing: border-bo
    x;
  }
  body {
    font-family: Arial, sans-serif;
    background-color: var(--secondary-color);
    color: var(--text-color);
  }

.section-body{
    margin: 1.2rem 4rem;
}
img{
    width: 100%;
}
p{
    line-height: 1.7rem;
}
a{
  text-decoration: none;
}
button{
    background: rgb(2, 2, 177);
    color: white;
    border: none;
    padding: 0.6rem 1.1rem;
    font-weight: 550;
}
#title{
  color: var(--text-color);
  font-size: 2.1rem;
}


@media (max-width: 768px){
  .section-body{
        margin: 2rem 1.4rem;
    }
}