.contact-us{overflow-x:hidden}
.contactbox{display:flex;flex-wrap:wrap;justify-content:space-between;position:relative;margin-top:40px}
.contactbox>div{padding:5% 0;width:50%;z-index:1}
.contactbox .contactimg{color:#FFFFFF;padding-right:10%}
.contactbox .contactimg::before{content:"";position:absolute;top:0;right:50%;width:960px;height:100%;background-color:#0b1b2b;z-index:-1}
.contactbox .contactimg .p1{font-weight:600;font-size:14px}
.contactbox .contactimg .p2{font-weight:600;font-size:40px;position:relative;line-height:1.4;padding-bottom:20px;margin-bottom:20px}
.contactbox .contactimg .p2::after{content:"";position:absolute;bottom:0;left:0;width:66px;height:1px;background:#f8f9fb}
.contactbox .contactimg .p2 span{color:var(--color)}
.contactbox .contactimg .list{margin-top:30px}
.contactbox .contactimg .list li{list-style:none;margin-bottom:20px;display:flex;align-items:flex-start}
.contactbox .contactimg .list li em{font-size:var(--fontsize26);color:var(--color);line-height:1.2;width:35px}
.contactbox .contactimg .list li p{flex:1;color:#fff}
.contactbox .contactimg .list li p span{display:block;}
.contactbox .contactimg .list li p a{display:block;text-decoration:none}
.contactbox .contactimg .list li p a{color:#FFFFFF}
.contactbox .contactimg .list li p a:hover{text-decoration:underline;opacity:1}
.contactbox .contactfeedback{padding-left:30px}
.contactbox .contactfeedback::before{content:"";position:absolute;top:0;left:50%;width:960px;height:100%;background-color:#f3f3f3;z-index:-1}
.contactbox .wmkcfeedback .inquiry-form{display:flex;justify-content:space-between;flex-wrap:wrap}
@media (min-width:769px){.contactbox .wmkcfeedback .inquiry-form>*{width:49%;}
.contactbox .wmkcfeedback .send-btn{width:auto}}
.contactbox .wmkcfeedback .inquiry-form>*{border:1px solid #eaeaea;border-radius:5px;margin-bottom:15px}
.contactbox .wmkcfeedback .inquiry-form textarea{width:100%;}
.contactbox .wmkcfeedback .send-btn{margin:0 auto;display:flex;border-radius:5px;overflow:hidden;background:var(--color)}
@media (max-width:1024px){.contactbox>div{width:100%}
.contactbox .contactimg{background:var(--hovercolor);padding:20px 0;position:relative}
.contactbox .contactimg::before{right:auto;left:50%;transform:translateX(-50%);width:1920px;z-index:-1}
.contactbox .contactimg .list{margin-top:2em}
.contactbox .contactimg .p2{font-size:var(--fontsize30)}
.contactbox .contactfeedback{background:#f3f3f3;padding:30px 0;position:relative}
.contactbox .contactfeedback::before{right:auto;left:50%;transform:translateX(-50%);width:1920px;z-index:-1}}
@media(max-width:768px){.contactbox .contactimg .p2{font-size:var(--fontsize24)}}

.contact-us .contactlist{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;max-width:1200px;margin:0 auto}
.contact-us .contactlist li{width:32%;list-style:none;display:flex;}
.contact-us .contactlist li .icon{margin-right:10px}
.contact-us .contactlist li .icon em{font-size:40px;color:var(--color);line-height:1}
.contact-us .contactlist li .info{flex:1}
.contact-us .contactlist li .info .p1{font-weight:600;font-size:24px;color:silver}
.contact-us .contactlist li .info .p2{font-weight:600;font-size:var(--fontsize22);color:#8d8d8d;line-height:1.4}
.contact-us .contactlist li .info .p2 a{color:#8d8d8d}
.contact-us .contactlist li .info .p2 a:hover{text-decoration: underline;}
@media (max-width:1024px){.contact-us .contactlist li .info .p2{font-size:var(--fontsize20)}}
@media (max-width:768px){.contact-us .contactbox{margin-top:0;}
.contact-us .contactlist li{width:100%}
.contact-us .contactlist li:nth-child(n+2){margin-top:1em}
.contact-us .contactlist li .icon em{font-size:26px;}
.contact-us .contactlist li .info .p1{font-size:var(--fontsize16)}
.contact-us .contactlist li .info .p2{font-size:var(--fontsize16)}}
.wmkcfeedback-text{font-size: 16px;  }