.contact-section { padding: 80px 10%; }
.contact-section .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 50px; max-width: 1200px; margin: 0 auto; }
.contact-info h2, .contact-form-container h2 { font-family: "Bebas Neue", sans-serif; font-size: 42px; margin-bottom: 20px; letter-spacing: 1px; }
.contact-info p { line-height: 1.6; color: #ccc; margin-bottom: 25px; }
.info-details p, .social-links p { margin-bottom: 15px; font-size: 17px; }
.contact-info a { color: #d81f26; text-decoration: none; transition: 0.3s; }
.contact-info a:hover { color: #fff; }

.social-links { margin-top: 35px; padding-top: 25px; border-top: 1px solid #222; }
.social-links h3 { font-family: "Bebas Neue", sans-serif; font-size: 28px; margin-bottom: 15px; letter-spacing: 1px; }

.contact-form-container { background: #181818; padding: 40px; border-radius: 15px; }
.form-group { margin-bottom: 20px; display: flex; flex-direction: column; }
.form-group label { font-size: 14px; font-weight: 600; margin-bottom: 8px; color: #ddd; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 14px; background: #0d0d0d; border: 1px solid #333; border-radius: 8px; color: white; font-family: "Montserrat", sans-serif; font-size: 15px; outline: none; transition: 0.3s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { border-color: #d81f26; }
.form-group select option { background: #0d0d0d; color: white; }
.contact-form-container .btn { width: 100%; cursor: pointer; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16px; border-radius: 8px; margin-top: 10px; }