.contact-page {

    max-width: 1100px;

    margin: 60px auto;

    padding: 40px;

}







.contact-header {

    text-align: center;

    margin-bottom: 50px;

}





    .contact-header i {

        font-size: 55px;

        color: #ff7a00;

    }





    .contact-header h1 {

        color: #0d6efd;

        margin: 20px 0;

    }







    .contact-header p {

        color: #666;

        font-size: 18px;

    }







.contact-container {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 35px;

}







.contact-info,

.contact-form {

    background: white;

    padding: 35px;

    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(0,0,0,.08);

}







    .contact-info h2,

    .contact-form h2 {

        color: #0d6efd;

        margin-bottom: 20px;

    }







.contact-item {

    margin-top: 25px;

    display: flex;

    gap: 12px;

    align-items: center;

}







    .contact-item i {

        color: #ff7a00;

    }







.contact-form .form-group {

    margin-bottom: 20px;

}







.contact-form input,

.contact-form textarea {

    width: 100%;

}







@media(max-width:900px) {



    .contact-container {

        grid-template-columns: 1fr;

    }

}