body {
    overflow: hidden;
}

.contact_box {
    width: 100%;
    padding-top: calc(12px + 4rem);
    padding-bottom: calc(6px + 3rem);
}

.contact {
    max-width: 1640px;
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../images/map_bg.png) no-repeat;
    background-position: center;
    background-size: calc(422px + 50rem);
}

.contact_left {
    flex: 1;
}

.contact_left_list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(18px + 3rem);
    margin-top: calc(20px + 2rem);
}

.contact_left_list_item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: calc(8px + 1rem);
}

.contact_left_list_item img {
    width: calc(10px + 2rem);
}

.contact_left_list_item .icon {
    width: calc(10px + 2rem);
}

.contact_left_list_item .icon img {
    width: 100%;
}

.contact_left_list_item .text .p1 {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: #333333;
    line-height: calc(6px + 1rem);
}

.contact_left_list_item .text .p2 {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: calc(6px + 0.5rem);
    color: #666666;
    line-height: calc(10px + 1rem);
}

.contact_right {
    width: 50.5488%;

    background: #152A3F;
    border-radius: calc(10px + 1.5rem) 0px calc(10px + 1.5rem) 0px;
    padding: calc(4px + 3rem) calc(15px + 3rem);
}

.contact_right .p1 {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 500;
    font-size: calc(8px + 2rem);
    color: #FFFFFF;
    line-height: calc(7px + 4rem);
}

.contact_right .p2 {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 350;
    font-size: calc(6px + 0.5rem);
    color: #FFFFFF;
    line-height: calc(3px + 1rem);
    margin-bottom: calc(8px + 2rem);
}

.contact_form .fc-form-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: calc(1px + 1rem);
}

.contact_form label {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: calc(10px + 0.5rem);
    color: #FFFFFF;
    line-height: calc(3px + 1rem);
}

.contact_form .form-control {
    margin-top: calc(1px + 0.5rem);
}

.contact_form input {
    width: 100% !important;
    background: transparent;
    border: none;
    border-bottom: calc(0px + 0.1rem) rgba(216, 216, 216, 0.6) solid;
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: calc(8px + 0.5rem);
    color: rgba(255, 255, 255, 0.6);
    line-height: calc(1px + 2rem);
}

.contact_form input::placeholder {
    font-family: Source Han Sans, Source Han Sans;
    font-weight: 400;
    font-size: calc(6px + 0.5rem);
    color: rgba(255, 255, 255, 0.6);
    line-height: calc(3px + 1rem);
}

.contact_map {
    width: 100%;
    height: calc(40px + 20rem);
}
@media screen and (max-width: 1100px){
    .contact{
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(10px + 1rem);
    }
    .contact_left_list_item .icon {
        width: calc(24px + 2rem);
    }
    .contact_left_list_item .text .p1{
        font-size: calc(12px + 1rem);
        line-height: 1.5;
    }
    .contact_left_list_item .text .p2{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .contact_right{
        width: 100%;
        border-radius: calc(16px + 1.5rem) 0px calc(16px + 1.5rem) 0px;
    }
    .contact_right .p1{
        font-size:calc(16px + 1rem);
        line-height: 1.5;
    }
    .contact_right .p2{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .contact_form label{
        font-size: calc(10px + 1rem);
        line-height: 1.5;
    }
    .contact_form input{
        font-size: calc(10px + 1rem);
        line-height: 3;
    }
    .contact_form input::placeholder{
        font-size: calc(10px + 1rem);
    }
    .contact_form .fc-form-body {
        gap: calc(1px + 5rem);
    }
    .contact_map {
        height: calc(40px + 40rem);
    }
}