/* CONTACT SECTION */
.contact-section{
    padding:60px 20px;
    background:#f8f8f8;
}

/* CONTAINER */
.container-contact{
    max-width:1200px;
    margin:0 auto;
    display:flex;
    gap:40px;
    align-items:flex-start;
}

/* LEFT */
.contact-left{
    flex:1;
}

.contact-left h2{
    font-size:26px;
    margin-bottom:20px;
    line-height:1.4;
    color:#333;
}

.contact-left p{
    margin:10px 0;
    font-size:16px;
    color:#555;
}

.contact-left a{
    color:#0073aa;
}

/* BUTTON */
.btn-map{
    display:inline-block;
    margin-top:20px;
    padding:12px 24px;
    background:#2bb673;
    color:#fff !important;
    text-decoration:none;
    border-radius:6px;
    transition:0.3s;
}

.btn-map:hover{
    background:#23995f;
}

/* MAP */
.contact-map{
    flex:1;
}

.contact-map iframe{
    width:100%;
    height:380px;
    border:0;
    border-radius:8px;
}

/* TABLET */
@media(max-width:992px){

.container-contact{
    gap:30px;
}

.contact-left h2{
    font-size:24px;
}

}

/* MOBILE */
@media(max-width:768px){

.contact-section{
    padding:40px 15px;
}

.container-contact{
    flex-direction:column;
}

.contact-left h2{
    font-size:22px;
}

.contact-left p{
    font-size:15px;
}

.contact-map iframe{
    height:320px;
}

}

/* SMALL MOBILE */
@media(max-width:480px){

.contact-left h2{
    font-size:20px;
}

.contact-map iframe{
    height:280px;
}

}