body {background: #0c0c0c;}
.contact-section {display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;font-size: 17px;}
.contact_content {position: relative;margin-top: 10%}
.contact_content h2 {margin-bottom:3rem;}
.contact_content form {max-width:70rem;margin:1rem auto;text-align:center;margin-bottom:3rem;}
.input-box {display:flex;justify-content:space-between;gap:1%;}
input, textarea {width:100%;padding:1.4rem 5rem 1.4rem 1.4rem;font-size:1rem;color:#b3b3b3;background:#0c0c0c;border-radius:0.5rem;margin:0.7rem 0;box-shadow:0 0.1rem 0.5rem rgba(0, 0, 0, 1)!important;border:none;font-weight: 500;box-sizing: border-box;}
input {width:50%;}
input:focus, textarea:focus {outline:none;}

.btn img {margin-top:0!important;}


textarea {resize:none;}
.head {color: #fff;}
.intro {color: #fff; position: relative; margin-top: 0%; text-align: left;}
.three {position: relative; margin-top: 20% !important;}
.five {width: 50%}

#popup-message {position: fixed;top: 50%;left: 50%;transform: translateX(-50%);padding: 10px 20px;background-color: rgba(0, 0, 0, 1);color: #fff;font-size: 16px;font-weight: 500;border-radius: 6px;border:2px solid;display: none;z-index: 9999;}
#popup-message.show {display: block;}