/* Contact Section */
 .contact {
     padding: 15rem 2.5rem 2.5rem;
 }

 .contact-container {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 50px;
 }

 .contact-info h2 {
     font-size: 2rem;
     margin-bottom: 20px;
     color: var(--primary-dark);
 }

 .contact-info p {
     margin-bottom: 30px;
 }

 .contact-details {
     margin-bottom: 30px;
 }

 .contact-item {
     display: flex;
     /* align-items: center; */
     margin-bottom: 15px;
 }

 .contact-item i {
     width: 40px;
     height: 40px;
     background-color: var(--primary-dark);
     color: var(--text-light);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
 }

 .contact-form {
     width: 100%;
     height: auto;
     padding: 30px 25px;
     background-color: #6b89b7;
     border-radius: 3px;
 }

 .contact-form input,
 .contact-form textarea {
     width: 100%;
     padding: 12px 15px;
     margin-bottom: 20px;
     border: 1px solid #ddd;
     border-radius: 4px;
     font-size: 16px;
     outline-color: #FF6404;
 }


 .contact-form textarea {
     height: 150px;
     resize: none;
 }

 .contact-form input[type="submit"] {
     display: block;
     width: -moz-fit-content;
     width: fit-content;
     background-color: var(--primary-accent);
     color: #f1f1f1;
     font-size: 1rem;
     font-weight: 500;
     letter-spacing: 1px;
     text-align: center;
     padding: 10px 17px;
     border-radius: 50px;
     margin: 0 auto;
     border: none;
     cursor: pointer;
     transition: background-color 0.3s;
 }

 .contact-form input[type="submit"]:hover {
     background-color: var(--primary-dark);
 }
.sucess {
color: #09c372;
padding: 1rem;
}
.error {
color: #ff3860;
}
 /* Responsive Styles */

 @media (max-width: 768px) {
     .contact-container {
         display: block;
     }
 }

 .inpBox.success input,
 .inpBox.success textarea {
     border-bottom-color: #09c372;
     border-bottom-width: 1px;
 }


 .inpBox.error input,
 .inpBox.error textarea {
     border-bottom-color: #ff3860;
     border-bottom-width: 1px;
 }


 .inpBox .error {
     font-size: 13px;
     color: #ff3860;
     padding: 5px;
     /* height: 15px; */
 }

 .inpBox.error-border {
     border-bottom-color: #ff3860;
 }

 .success {
     color: #09c372;
     font-size: 12px;
     padding: 10px 5px;
     text-align: center;
 }



 .map-card {
     width: 100%;
     margin: 5rem auto 0;
 }

 /*---- Contact section end ----*