.contact-info .item {
   width: 370px; text-align: center;
}
.contact-info .item-icon {
    display: block; margin: 0 auto; font-size: 48px; color: var(--color-primary);
    height: 90px; width: 90px; border-radius: 50%; background-color: var(--color-body-bg);
}
.contact-info .item:hover {
    transform: translateY(-15px);
    box-shadow: var(--shadow-base);
}
.contact-company .gt,.contact-company .lt {
    width: 50%;
}
.contact-company .list-lt {
    float: left; min-width: 180px;
}
.contact-company .list-rt {
    display: block; overflow: hidden;
}
.contact-company .list li {
    padding: 10px 0;
}
/* contact-form */
.contact-form .m-title-text::after {
    display: none;
}
/* faq */
.faq-a-i,.faq-q-i {
    width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center;
    background-color: var(--color-primary); color: var(--color-white); margin-right: 20px;
}
.faq-a {
    cursor: pointer; padding-right: var(--space-9);
}
.faq-q {
    visibility: hidden;  height: 0; overflow: hidden;
}
.faq-a-t,.faq-q-t {
    display: flex; align-items: center; min-height: 50px;
}

.faq-list .item.active .faq-a-t {
    border-bottom: 1px solid var(--color-border-light);
}
.faq-list .item.active .faq-q {
    padding-top: 20px; visibility: visible; opacity: 1; height: auto;
}
.faq-list .item {
    position: relative;
}
.faq-show {
    position: absolute; width: 35px; height: 35px; line-height: 35px; background-color: var(--color-primary);
    color: var(--color-white); border-radius: 50%; text-align: center; right: 20px; cursor: pointer; 
    opacity: 0.7; font-size: 20px; font-weight: 500; top: 23px;
}
.faq-list .item.active .faq-show {
    top: 15px;
}