/* ======================================
   NEED HELP
====================================== */

.need-help-section{

    margin:60px 0;

}

.need-help-container{

    max-width:1300px;

    margin:0 auto;

    padding:0 25px;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:45px;

    align-items:center;

}

.need-help-content h2{

    font-size:34px;

    color:#222;

    margin-bottom:12px;

}

.need-help-content p{

    color:#666;

    font-size:16px;

    line-height:1.6;

    margin-bottom:25px;

}

.contact-card{

    display:flex;

    align-items:center;

    gap:20px;

    padding:16px 20px;

    margin-bottom:14px;

    background:#fff;

    border:1px solid #eee;

    border-radius:16px;

    transition:.35s;

    box-shadow:0 18px 45px rgba(0,0,0,.08);

}

.contact-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.10);

}

.contact-icon{

    width:52px;

    height:52px;

    border-radius:50%;

    background:#fff4f4;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#D62828;

    font-size:20px;

    flex-shrink:0;

}

.contact-card h4{

    margin:0 0 5px;
    margin-bottom: 3px;

    font-size:18px;

    color:#222;

}

.contact-card span{

    font-size:15px;

    color:#777;

}

.need-help-btn{

    display:inline-block;

    margin-top: 12px;

    font-size:15px;

    padding:14px 28px;

    background:#D62828;

    color:#fff;

    text-decoration:none;

    border-radius:12px;

    font-weight:600;

    transition:.3s;

}

.need-help-btn:hover{

    background:#B91C1C;

    transform:translateY(-3px);

}

.need-help-map{

    background:#fff;

    width: 100%;

    border: none;

    padding:20px;

    border-radius:18px;

    overflow: hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    transition: .35s;
    
    min-width: 0;

}

.need-help-map:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.need-help-map iframe{

    width:100%;

    height:450px;

    border:0;

    display:block;

    border-radius:18px;

}

/* ===========================
   NEED HELP - TABLET
=========================== */

@media (max-width:1024px){

    .need-help-container{
        gap:30px;
    }

    .need-help-content h2{
        font-size:30px;
    }

    .need-help-map{
        padding:15px;
    }

    .need-help-map iframe{
        height:380px;
    }

}

/* ===========================
   NEED HELP - MOBILE
=========================== */

@media (max-width:768px){

    .need-help-container{
        grid-template-columns:1fr;
        gap:35px;
    }

    .need-help-content{
        text-align:center;
    }

    .need-help-content h2{
        font-size:30px;
    }

    .need-help-content p{
        margin-bottom:30px;
    }

    .contact-card{
        text-align:left;
    }

    .need-help-btn{
        width:100%;
        text-align:center;
    }

    .need-help-map iframe{
        height:350px;
    }

}

/* ===========================
   NEED HELP - SMALL MOBILE
=========================== */

@media (max-width:480px){

    .need-help-container{
        padding:0 15px;
    }

    .need-help-content h2{
        font-size:26px;
    }

    .need-help-content p{
        font-size:15px;
    }

    .contact-card{
        padding:15px;
        gap:15px;
    }

    .contact-icon{
        width:46px;
        height:46px;
        font-size:18px;
    }

    .contact-card h4{
        font-size:17px;
    }

    .contact-card span{
        font-size:14px;
    }

    .need-help-map iframe{
        height:280px;
    }

}