.contact-section{

    padding:2rem 0;

}

.contact-info{

    list-style:none;

    padding:0;

    margin:2rem 0;
    color:#00252A;

}

.contact-info li{

    display:flex;

    gap:18px;

    margin-bottom:1.5rem;

    align-items:flex-start;

}

.contact-info i{

    width:55px;

    height:55px;

    border-radius:50%;

    background:var(--light);

    color:var(--primary);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:1.2rem;

    flex-shrink:0;

}

.contact-info strong{

    display:block;

    margin-bottom:.25rem;

}

.contact-info a{

    color:inherit;

    text-decoration:none;

}

.contact-info a:hover{

    color:var(--primary);

}

.map-box{

    margin-top:2rem;

    border-radius:12px;

    overflow:hidden;

    border:1px solid rgba(0,37,42,.12);
}

.map-box iframe{

    width:100%;

    height:320px;

    border:0;

}

.contact-form{

    background:#fff;

    border-radius:12px;

    border:1px solid rgba(0,37,42,.12);

    box-shadow:0 5px 0 #00252A;

    padding:2rem;

}

.contact-form label{

    margin-bottom:.5rem;

    font-weight:600;

}

.contact-form .form-control,
.contact-form .form-select{

    padding:.9rem 1rem;

    border-radius:10px;

    border:1px solid rgba(0,37,42,.18);

}

.contact-form textarea{

    resize:vertical;

}

.contact-form .btn-donate{

    margin-top:.5rem;

}

@media(max-width:991px){

    .contact-section{

        padding:2rem 0;

    }

    .map-box{

        margin-bottom:2rem;

    }

}

.contact-section h2{
    font-weight: 400;
    color:#009893;
}

.contact-form .form-control:focus,
.contact-form .form-select:focus{

    border-color:var(--primary) !important;

    box-shadow:0 0 0 4px rgba(0,152,147,.15) !important;

}

.contact-form option:checked{

    background:var(--primary);

    color:#fff;

}


.success-check{
    width:70px;
    height:70px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#E8F5F4;
    color:#009893;
    font-size:32px;
}

.modal-content{
    border:none;
    border-radius:25px;
}

.modal-content h3{
    color:#00252A;
}

.modal-content p{
    color:#5D6B78;
    line-height:1.7;
}