/*==================================================
    GOOGLE MAP SECTION
==================================================*/

.google-map-section{

    padding:100px 0;

    background:#f8fafc;

}

/*==================================================
    SECTION HEADER
==================================================*/

.google-map-section .section-header{

    max-width:760px;

    margin:0 auto 60px;

    text-align:center;

}

.google-map-section .section-badge{

    display:inline-block;

    padding:8px 20px;

    background:#e8f8ef;

    color:#00A651;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;

}

.google-map-section .section-header h2{

    font-size:42px;

    font-weight:800;

    color:#1f2937;

    margin-bottom:18px;

    line-height:1.3;

}

.google-map-section .section-header p{

    font-size:17px;

    line-height:1.9;

    color:#6b7280;

}

/*==================================================
    MAP CARD
==================================================*/

.map-card{

    background:#ffffff;

    border:1px solid #e5e7eb;

    border-radius:24px;

    overflow:hidden;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

}

/*==================================================
    MAP CONTAINER
==================================================*/

.map-container{

    position:relative;

    width:100%;

    height:500px;

    overflow:hidden;

}

/*==================================================
    MAP IFRAME
==================================================*/

.map-container iframe{

    width:100%;

    height:100%;

    border:0;

    display:block;

}

/*==================================================
    MAP FOOTER
==================================================*/

.map-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:25px;

    padding:30px;

}

/*==================================================
    MAP INFO
==================================================*/

.map-info{

    flex:1;

}

.map-info h3{

    font-size:24px;

    font-weight:700;

    color:#1f2937;

    margin-bottom:10px;

}

.map-info p{

    font-size:16px;

    line-height:1.8;

    color:#6b7280;

}
/*==================================================
    BUTTON
==================================================*/

.map-footer .btn{

    white-space:nowrap;

    padding:14px 28px;

    border-radius:10px;

    font-size:15px;

    font-weight:600;

    transition:.35s;

}

.map-footer .btn:hover{

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(0,166,81,.20);

}

/*==================================================
    LARGE DESKTOP
==================================================*/

@media (min-width:1400px){

    .google-map-section{

        padding:120px 0;

    }

}

/*==================================================
    LAPTOP
==================================================*/

@media (max-width:1200px){

    .map-container{

        height:450px;

    }

    .map-footer{

        padding:25px;

    }

}

/*==================================================
    TABLET
==================================================*/

@media (max-width:992px){

    .google-map-section{

        padding:80px 0;

    }

    .map-footer{

        flex-direction:column;

        align-items:flex-start;

    }

    .map-footer .btn{

        width:100%;

        text-align:center;

    }

}

/*==================================================
    MOBILE
==================================================*/

@media (max-width:768px){

    .google-map-section .section-header{

        margin-bottom:45px;

    }

    .google-map-section .section-header h2{

        font-size:32px;

    }

    .map-container{

        height:350px;

    }

}

/*==================================================
    SMALL MOBILE
==================================================*/

@media (max-width:576px){

    .google-map-section{

        padding:65px 0;

    }

    .google-map-section .section-header h2{

        font-size:28px;

    }

    .google-map-section .section-header p{

        font-size:15px;

    }

    .map-card{

        border-radius:18px;

    }

    .map-footer{

        padding:20px;

    }

    .map-info h3{

        font-size:22px;

    }

    .map-info p{

        font-size:14px;

    }

    .map-container{

        height:300px;

    }

    .map-footer .btn{

        width:100%;

        font-size:14px;

    }

}