h1{
    letter-spacing: 2px;
    font-size: 36px;
}
h2{
    font-size: 30px;
}
.banner-con{
    background: url(../img/contact/bg.jpg) no-repeat bottom;
    background-size: cover;
    margin-top: 80px;
    padding: 12vw 0 5vw;
    color: #ffffff;
}

.banner-con .banner{
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-con .banner .left-con{
    max-width: 700px;

}
.banner-con .banner .left-con>p{
    line-height: 2;
}
.banner-con .banner .left-con .title-phone{
    display: flex;
    align-items: center;
    gap: 1vw;
    background: linear-gradient(to right,#151c26,#173f65);
    width: fit-content;
    border-radius: 30px;
    padding-right: 20px;
    border-right: 1px solid #ffffff;
    margin-top:3vw;
}
.banner-con .banner .left-con .title-phone .title{
    background: #d0613f;
    padding: 15px;
    margin-block-end: 0;
    border-radius: 30px;
}
.banner-con .banner .left-con .title-phone .phone{
    font-size: 30px;
    font-family: "Impact";
    letter-spacing: 2px;
    margin-block-end: 0;
}
.banner-con .banner .right-con ul li{
    background: linear-gradient(to right,#151c26,#173f65);
    padding: 1vw 3vw;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    line-height: 2;
}
.banner-con .banner .right-con ul li:nth-child(1){
    margin-bottom: 20px;
}
.banner-con .banner .right-con ul li p{
    margin-block-end: 0;
}
.map-con .map{
    max-width: 1400px;
    margin: calc(30px + 2vw) auto;
}
.message-con .message{
    max-width: 1400px;
    margin: 0 auto;
}
@media(max-width:1400px){
    .banner-con,.map-con{
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:1080px){
    .banner-con .banner .left-con{
        max-width: 60%;
    }
}

@media (max-width:768px){
    .banner-con .banner{
        flex-wrap: wrap;
    }
    .banner-con .banner .left-con{
        max-width: 100%;
    }
    .banner-con .banner .right-con{
        margin-top: 30px;
    }
}

@media (max-width:500px){
    .banner-con .banner .left-con .title-phone .phone{
        font-size: clamp(18px,5.5vw, 30px);
    }
}