/* body,html{
    width: 100%;
    margin: 0;
} */
body,html{
    font-family: Arial, sans-serif;
    width:100%;
    margin: 0;
    padding: 0;
    background-color:rgb(251, 244, 228);
    color: #0f0f0f;
}
.container {
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    text-align: center;
}

/* Header */
.header {
    background-color:#08529baa;
    color: #fff;
    text-align: center;
    padding: 30px;
    margin-top:27px;
}

.header h1 {
    margin: 0;
    font-size: 2.5em;
}

.header p {
    margin-top: 10px;
    font-size: 1.2em;
}

/* Section */
.section {
    margin-top: 40px;
}

.section h2 {
    color: rgb(8, 82, 155);
    font-size: 2em;
    margin-bottom: 10px;
}

/* Services */
.services {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.service {
    background-color: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    flex: 1 1 calc(50% - 20px);
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    text-align: center;
}

.service img {
    width: 30%;
    height: auto;
    border-radius: 5px;
}

.service h3 {
    color: #168fe0;
    margin-top: 10px;
}

.service p {
    font-size: 18px;
    margin-top: 8px;
}
#positions{
   width:100%;
  background-size: cover;
  height:200px;
  margin-top:-15px;
  text-align: center;
}
.posi h2{
  color: rgb(0, 0, 0);
  padding:30px;
  font-family:-apple-system, BlinkMacSystemFont,
   "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, 
   "Helvetica Neue", sans-serif;
   font-weight:600;
   width:90%;;
}
.posi p{
  color: rgb(23, 187, 232);
  padding:30px;
  font-family:serif ;
  font-style: italic;
  font-weight:600;
  width:90%;
  margin-top: -50px;
}