.page-container{

    max-width:600px;
    margin:auto;
    padding:80px 20px;
    text-align:center;

}

.contact-header{

    text-align:center;
    margin-bottom:50px;

}

.contact-header h1{

    font-size:40px;
    font-weight:800;
    margin-bottom:10px;

}

.contact-header p{

    color:#9aa4b2;

}


.contact-wrap h1{

    font-size:36px;
    margin-bottom:10px;

}

.contact-desc{

    color:#9aa4b2;
    margin-bottom:40px;

}

.contact-box{

    margin-bottom:20px;

}

.contact-box a{

    display:block;

    padding:16px;

    background:#161b22;

    border-radius:10px;

    font-size:16px;

}

.contact-box a i{

    margin-right:8px;

}

.contact-back{

    margin-top:40px;

}

.contact-back a{

    color:#9aa4b2;

}
.contact-form{

    display:flex;
    flex-direction:column;
    gap:15px;

    margin:30px 0;

}

.contact-form input,
.contact-form textarea{

    padding:14px;

    background:#161b22;

    border:1px solid rgba(255,255,255,0.08);

    border-radius:8px;

    color:#fff;

    font-family:'Paperlogy';

}

.contact-form textarea{

    min-height:150px;

    resize:vertical;

}

.contact-form button{

    padding:14px;

    background:#1f6feb;

    border:none;

    border-radius:8px;

    font-size:15px;

    cursor:pointer;
    color: #fff;

}

.page-container{

    max-width:800px;
    margin:0 auto;

    padding:60px 20px;

}

.page-title{

    font-size:36px;
    font-weight:700;

    margin-bottom:40px;

}