html, body {
    height: 100%;
    margin: 5;
    display: flex;
    flex-direction: column;
}
.content {
    flex: 1;
}

nav ul {
    list-style-type: none;
}

nav ul li {
    display: inline;
    margin-right: 20px;
}

nav a {
    color: black;
    text-decoration: none;
}

.hero {
    background-color: #0056b3;
    color: white;
    padding: 50px;
    text-align: center;
}

.cta-button {
    background-color: #FF5722;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    border-radius: 5px;
}

.services {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
    margin: 10px
}

.service-item {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    width: 23%;
}

.contact-main {
   display:flex ;
   justify-content:center ;
   align-items:center ;
   height:auto ;
   padding :20px ;
}

.contact-form-section {
   width :50% ;
   background-color :#f9f9f9 ;
   padding :20px ;
   border-radius :5px ;
   box-shadow :0 2px 10px rgba(0,0,0,0.1) ;
}

.contact-form label {
   font-weight:bold ;
}

.contact-form input,
.contact-form textarea {
   width :100% ;
   padding :10px ;
   margin-bottom :10px ;
   border-radius :5px ;
   border :1px solid #ddd ;
}

footer {
   text-align:center ;
   padding :10px ;
   background-color:#007BFF ;
   color:white ;
}

{
border: 1px solid #ddd;
}

footer {
    text-align: center;
    padding: 10px;
    background-color: #007BFF;
    color: white;
}

.privacy-policy {
    margin: 20px; /* Adjust the value as needed */
}