.fbx-info-detail .info-item .item-title {
  font-size: 24px;
  letter-spacing: 1px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: var(--clr-text1); }

.fbx-info-detail .info-item .item-detail {
  display: flex;
  flex-flow: wrap;
  gap: 12px 24px; }
  .fbx-info-detail .info-item .item-detail .detail {
    -ms-flex: 0 0 calc(50% - 12px);
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
    display: flex;
    align-items: center;
    gap: 15px; }
    .fbx-info-detail .info-item .item-detail .detail .icon {
      flex: 0 0 70px;
      height: 70px;
      text-align: center;
      line-height: 68px;
      background: var(--bg-icon);
      border-radius: 50%;
      color: var(--clr-icon); }
      .fbx-info-detail .info-item .item-detail .detail .icon svg {
        fill: currentColor; }

.fbx-info-detail .info-item + .info-item {
  margin-top: 30px; }

.section-contact-info .fbx-heading-sub .desc {
  margin: 0; }

.section-contact-info .fbx-heading-sub .title {
  color: var(--clr-text2); }

@media (min-width: 992px) {
  .section-contact-info .fbx-heading-sub .title {
    font-size: 18px; } }

@media (max-width: 991px) {
  .section-contact-info .row {
    flex-flow: column-reverse;
    gap: 20px; }
  .section-contact-info .fbx-heading-title {
    text-align: center; }
  .section-contact-info .fbx-heading-sub .title {
    margin-bottom: 5px; } }

@media (max-width: 767px) {
  .section-contact-info .fbx-heading-sub .title {
    font-size: 16px; } }

@media (min-width: 992px) {
  .box-map-contact {
    height: 100%;
    border-radius: 4px;
    overflow: hidden; }
  .box-map-contact iframe {
    top: 30px;
    height: 100%;
    position: -webkit-sticky;
    position: sticky;
    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    transition: top 400ms ease; } }

@media (max-width: 991px) {
  .box-map-contact iframe {
    height: 50vh; } }

@media (max-width: 991px) {
  .section-contact-info .info-detail .info-item .item-title {
    font-size: 20px;
    text-align: center; }
  .section-contact-info .info-detail .info-item .item-detail .detail {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
    .section-contact-info .info-detail .info-item .item-detail .detail .icon {
      flex: 0 0 50px;
      height: 50px;
      line-height: 50px; }
      .section-contact-info .info-detail .info-item .item-detail .detail .icon svg {
        width: 20px;
        height: 20px; } }