.page-title{

    padding:180px 0 80px;

    background:var(--background);

    text-align:center;

}

.page-title h1{

    font-size:52px;

    margin-bottom:15px;

}

.page-title p{

    font-size:20px;

    color:var(--gray);

}

.contact-page{

    padding:100px 0;

}

.contact-page form{

    background:white;

    padding:50px;

    border-radius:20px;

    box-shadow:var(--shadow);

}

.form-row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

    margin-bottom:20px;

}

.contact-page input,
.contact-page textarea{

    width:100%;

    padding:18px;

    border:1px solid #E5E7EB;

    border-radius:10px;

    font-size:16px;

    font-family:"Poppins",sans-serif;

}

.contact-page textarea{

    margin-bottom:25px;

    resize:none;

}

.contact-page input:focus,
.contact-page textarea:focus{

    outline:none;

    border-color:var(--green);

}

.contact-cards{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

    margin:60px 0;

}

.info-card{

    background:var(--background);

    text-align:center;

    padding:40px;

    border-radius:20px;

    box-shadow:var(--shadow);

    transition:.3s;

}

.info-card:hover{

    transform:translateY(-8px);

}

.info-card i{

    font-size:38px;

    color:var(--green);

    margin-bottom:20px;

}

.info-card h3{

    margin-bottom:15px;

}

.map{

    border-radius:20px;

    overflow:hidden;

    box-shadow:var(--shadow);

}

#message-box{

    margin-bottom:25px;

}

.success{

    background:#D1FAE5;

    color:#065F46;

    padding:18px;

    border-radius:8px;

}

.error{

    background:#FEE2E2;

    color:#991B1B;

    padding:18px;

    border-radius:8px;

}

.alert-success{

    background:#d1fae5;
    color:#065f46;

    border:1px solid #10b981;

    padding:20px;

    border-radius:12px;

    margin-bottom:30px;

    text-align:center;

    font-size:17px;

}

.alert-error{

    background:#fee2e2;
    color:#991b1b;

    border:1px solid #ef4444;

    padding:20px;

    border-radius:12px;

    margin-bottom:30px;

    text-align:center;

    font-size:17px;

}