/* =========================================
   CONTACT PAGE
========================================= */

.contact-section{
    background:#050505;
    padding:120px 0;
}

.contact-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;
    margin-bottom:80px;
}

.contact-card{
    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:22px;
    padding:35px;
    text-align:center;
    transition:.35s;
}

.contact-card:hover{
    transform:translateY(-10px);
    border-color:#D61C24;
    box-shadow:0 20px 40px rgba(214,28,36,.25);
}

.contact-card .icon{
    width:80px;
    height:80px;
    margin:auto;
    margin-bottom:25px;
    border-radius:50%;
    background:#D61C24;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:34px;
}

.contact-card h3{
    margin-bottom:15px;
    color:#fff;
}

.contact-card p,
.contact-card span,
.contact-card small{
    color:#bdbdbd;
    line-height:1.8;
}

.contact-card a{
    color:#fff;
    font-weight:600;
    transition:.3s;
}

.contact-card a:hover{
    color:#D61C24;
}

.contact-name{
    color:#fff !important;
    font-size:20px;
    font-weight:700;
}

/* FORM */

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:60px;
    align-items:start;
}

.contact-form h2,
.contact-info h2{
    margin-bottom:25px;
    font-size:34px;
}

.contact-form form{
    display:flex;
    flex-direction:column;
    gap:20px;
}

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

    width:100%;
    padding:18px;

    background:#111;

    border:1px solid rgba(255,255,255,.08);

    border-radius:15px;

    color:white;

    font-family:inherit;

    font-size:16px;

    transition:.3s;
}

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

    outline:none;
    border-color:#D61C24;

}

.contact-form textarea{

    min-height:180px;
    resize:none;

}

.contact-form button{

    width:220px;
    cursor:pointer;
    border:none;

}

/* INFO */

.contact-info p{

    color:#bdbdbd;
    margin-bottom:30px;
    line-height:1.8;

}

.info-box{

    background:#111;
    border:1px solid rgba(255,255,255,.08);
    border-radius:18px;
    padding:25px;
    margin-bottom:20px;
    transition:.35s;

}

.info-box:hover{

    border-color:#D61C24;
    transform:translateY(-5px);

}

.info-box h3{

    margin-bottom:10px;
    color:#fff;

}

/* MAP */

.map-section{

    padding:0;

}

.map-section iframe{

    width:100%;
    height:500px;
    border:none;
    filter:grayscale(100%) invert(92%) contrast(105%);

}

/* ACTIVE NAV */

.nav-links .active{

    color:#D61C24;

}

.nav-links .active::after{

    width:100%;

}

/* RESPONSIVE */

@media(max-width:1100px){

.contact-grid{

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

}

.contact-wrapper{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.contact-grid{

    grid-template-columns:1fr;

}

.contact-form button{

    width:100%;

}

.contact-card{

    padding:28px;

}

.contact-form h2,
.contact-info h2{

    font-size:28px;

}

}