.contact-section{padding:0 0 2rem;font-family:Poppins,sans-serif}.contact-section .contact-container{width:90%;max-width:1500px;margin:0 auto}.contact-section .contact-header{text-align:center;margin-bottom:4rem}.contact-section .contact-header h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.contact-section .contact-header h2:after{content:"";background:var(--section-bg);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.contact-section .contact-header p{color:#555;max-width:700px;margin:1rem auto 0;font-size:1.1rem}.contact-section .contact-content{flex-wrap:wrap;gap:3rem;margin-bottom:4rem;display:flex}.contact-section .contact-form-container{z-index:1;background:linear-gradient(#1e3a8a,#0a0e1a);border-radius:12px;flex:45%;padding:2.5rem;transition:transform .3s;position:relative;box-shadow:0 8px 30px #0000001a}.contact-section .contact-form-container:before{content:"";z-index:-1;border-radius:9px;width:99%;height:99%;padding:2%;position:absolute;top:.5%;left:.5%}.contact-section .contact-form-container:hover{transform:translateY(-5px)}.contact-section .contact-form-container h3{color:#fff;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.contact-section .form-success-message{color:#155724;text-align:center;background-color:#d4edda;border-radius:5px;margin-bottom:1.5rem;padding:1rem}.contact-section .form-group{margin-bottom:1.5rem}.contact-section .form-group label{color:#fff;margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.contact-section .form-group input,.contact-section .form-group textarea{color:#fff;border:1px solid;background:#f6f6f607;border-image-source:linear-gradient(90deg,#fff0 5%,#ffffff96 25%,#fff0 90%);border-image-slice:1;border-radius:6px;outline:none;width:100%;padding:.8rem 1rem;font-family:Poppins,sans-serif;font-size:1rem;transition:border .3s}.contact-section .form-group input:focus,.contact-section .form-group textarea:focus{border-color:#04f;outline:none}.contact-section .form-group input::placeholder,.contact-section .form-group textarea::placeholder{color:#aaa}.contact-section .submit-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.9rem 1.8rem;font-size:1rem;font-weight:600;transition:all .3s}.contact-section .submit-btn:hover{background-color:#1d34a4;transform:translateY(-2px)}.contact-section .submit-btn:active{transform:translateY(0)}.contact-section .contact-info{flex-direction:column;flex:45%;gap:1.8rem;display:flex}.contact-section .info-block{align-items:flex-start;gap:1rem;transition:transform .3s;display:flex}.contact-section .info-block:hover{transform:translate(5px)}.contact-section .info-block .icon{color:#fff;background:linear-gradient(#1e3a8a,#0a0e1a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex;box-shadow:0 4px 8px #0044ff4d}.contact-section .info-block .icon i{display:block}.contact-section .info-block .content h4{color:#021a40;margin-bottom:.3rem;font-size:1.2rem;font-weight:600}.contact-section .info-block .content p{color:#555;font-size:1rem;line-height:1.6}.contact-section .info-block .content p a{color:#04f;text-decoration:none;transition:color .2s}.contact-section .info-block .content p a:hover{color:#03c;text-decoration:underline}.contact-section .social-links{margin-top:1rem}.contact-section .social-links h4{color:#021a40;margin-bottom:1rem;font-size:1.2rem;font-weight:600}.contact-section .social-links .social-icons{gap:1rem;display:flex}.contact-section .social-links .social-icons .social-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 8px #0003}.contact-section .social-links .social-icons .social-icon i{display:block}.contact-section .social-links .social-icons .social-icon:first-child{background:linear-gradient(135deg,#833ab4,#e1306c,#f56040);box-shadow:0 4px 8px #e3306c4d}.contact-section .social-links .social-icons .social-icon:first-child:hover{background:linear-gradient(135deg,#9b4dc4,#e9457d,#f67050);transform:translateY(-5px);box-shadow:0 8px 16px #e3306c80}.contact-section .social-links .social-icons .social-icon:nth-child(2){background:#0a66c2;box-shadow:0 4px 8px #0a66c24d}.contact-section .social-links .social-icons .social-icon:nth-child(2):hover{background:#004182;transform:translateY(-5px);box-shadow:0 8px 16px #0a66c280}.contact-section .social-links .social-icons .social-icon:nth-child(3){background:#08c;box-shadow:0 4px 8px #0088cc4d}.contact-section .social-links .social-icons .social-icon:nth-child(3):hover{background:#006ba3;transform:translateY(-5px);box-shadow:0 8px 16px #0088cc80}.contact-section .social-links .social-icons .social-icon:nth-child(4){background:#1877f2;box-shadow:0 4px 8px #1877f24d}.contact-section .social-links .social-icons .social-icon:nth-child(4):hover{background:#0d5dbf;transform:translateY(-5px);box-shadow:0 8px 16px #1877f280}.contact-section .map-container{width:100%}.contact-section .map-container h3{color:#021a40;margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.contact-section .map-container .map{border-radius:12px;width:100%;height:300px;overflow:hidden;box-shadow:0 8px 30px #0000001a}@media (max-width:1024px){.contact-section .contact-content{gap:2rem}.contact-section .contact-form-container,.contact-section .contact-info{padding:2rem}}@media (max-width:768px){.contact-section .contact-content{flex-direction:column}.contact-section .contact-form-container,.contact-section .contact-info{flex:100%}.contact-section .contact-header h2{font-size:2rem}}@media (max-width:480px){.contact-section{padding:3rem 0}.contact-section .contact-container{width:95%}.contact-section .contact-header h2{font-size:1.8rem}.contact-section .contact-header p{font-size:1rem}.contact-section .contact-form-container{padding:1.5rem}.contact-section .info-block .icon{width:40px;height:40px;font-size:1rem}.contact-section .info-block .content h4{font-size:1.1rem}.contact-section .info-block .content p{font-size:.9rem}.contact-section .social-links h4{font-size:1.1rem}.contact-section .social-links .social-icons{gap:.7rem}.contact-section .social-links .social-icons .social-icon{width:35px;height:35px;font-size:1rem}}
