section{max-width:1200px;margin:200px auto auto;min-height:calc(100vh - 400px)}section .page-title{font-size:40px;text-align:center;color:var(--primary-color);font-weight:700;margin-bottom:50px}section .contact-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 20px;max-width:1200px;margin:0 auto 20px;background-color:#fff;border-radius:15px;box-shadow:0 8px 24px #0000001a}section .contact-info,section .contact-form{flex:1;min-width:300px;margin:20px}section .contact-info h2,section .contact-form h2{font-size:1.8em;margin-bottom:20px;color:var(--primary-color)}section .contact-info p{font-size:1.1em;line-height:1.6;margin-bottom:15px}section .contact-info a{color:var(--primary-color);text-decoration:none}section .contact-info a:hover{text-decoration:underline}section .divider{margin:20px 0;border:0;height:2px;background:linear-gradient(to right,#0056b3,#d9534f)}section .social-icons{margin-top:20px}section .social-icons a{margin-right:15px}section .social-icons img{width:30px;height:30px}section .contact-form form{display:flex;flex-direction:column}section .contact-form input,section .contact-form textarea{font-size:1em;padding:15px;margin-bottom:15px;border-radius:8px;border:1px solid #ccc;outline:none}section .contact-form textarea{resize:vertical;min-height:150px}section .contact-form button{font-size:1.2em;padding:15px;background-color:#0056b3;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease}section .contact-form button:hover{background-color:#4a99ee}@media (max-width: 768px){section .contact-container{flex-direction:column-reverse;padding:20px}section .contact-info,section .contact-form{margin:10px 0}}