.section-breadcrumb {
  padding: 80px 0;
  background: #ffffff;
  color: #222222; }
  .section-breadcrumb .breadcrumb-content h1 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 36px; }
  .section-breadcrumb .breadcrumb-shop {
    border: none;
    background: transparent; }
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      padding: 0;
      justify-content: center; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li + li {
        position: relative;
        margin-left: 24px; }
        .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li + li:before {
          content: '';
          position: absolute;
          left: -22px;
          top: 50%;
          width: 6px;
          height: 6px;
          transform: rotate(45deg) translateY(-50%);
          border-radius: 1.5px;
          background-color: #222222; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li a {
        color: #222222; }
  @media (max-width: 767px) {
    .section-breadcrumb {
      padding: 40px 0; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 24px; } }

.contact-map iframe {
  border-radius: 20px;
  width: 100%;
  height: 400px; }

.contact-form-info {
  margin-top: 80px; }
  .contact-form-info .heading-title {
    margin-bottom: 30px; }
    .contact-form-info .heading-title .title {
      font-size: 32px;
      font-weight: 600;
      text-transform: uppercase;
      margin-bottom: 5px;
      padding: 0; }
  .contact-form-info .list-info li {
    margin-bottom: 20px; }
    .contact-form-info .list-info li strong {
      margin-bottom: 5px;
      display: inline-block; }
    .contact-form-info .list-info li p {
      margin-bottom: 8px; }
    .contact-form-info .list-info li a {
      display: block;
      margin-bottom: 8px; }
  .contact-form-info .contact-social {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    gap: 5px;
    margin-top: 20px;
    color: var(--shop-color-ft); }
    .contact-form-info .contact-social svg {
      fill: currentColor;
      width: 20px;
      height: 20px; }
    .contact-form-info .contact-social a {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 28px;
      text-align: center;
      background: var(--shop-color-main);
      color: #fff;
      border-radius: 4px; }
    .contact-form-info .contact-social .svg-facebook svg {
      width: 24px;
      height: 24px; }
  @media (min-width: 1200px) {
    .contact-form-info .has-form {
      padding-left: 50px; } }
  @media (max-width: 767px) {
    .contact-form-info {
      margin-top: 40px; }
      .contact-form-info .heading-title {
        margin-bottom: 20px; }
        .contact-form-info .heading-title .title {
          font-size: 22px; }
      .contact-form-info .form {
        margin-bottom: 30px; }
      .contact-form-info .list-info li {
        margin-bottom: 15px; } }

/*
.heading-pageDetail h1 {
font-weight: 700;
font-size: 22px;
margin: 0 0 20px;
}
.wrapper-pageDetail {
background: #fff;
padding: 10px 15px;
height: 100%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}
.content-pageDetail {
margin-bottom: 40px;
}
.content-pageDetail * {
max-width: 100%;
}
.wrapper-bodycontact .wrapbox-content-left {
padding-right: 0;
}
.layout-pageContact .breadcrumb-shop {
margin-bottom: 0;
}
.box-info-contact,
.box-send-contact {
background: #fff;
padding: 15px;
border-radius: 3px;
}
.box-info-contact {
margin-bottom: 15px;
}
.box-info-contact li {
margin-bottom: 10px;
}
.box-info-contact li > span {
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
float: left;
border: 1px solid #ddd;
text-align: center;
font-size: 15px;
}
.box-info-contact li p {
width: calc(100% - 35px);
float: left;
padding-left: 15px;
margin-bottom: 5px;
color: #696969;
font-weight: 500;
}
.box-info-contact li p a {
color: #696969;
}
.box-info-contact li p strong {
color: #000;
margin-bottom: 5px;
}
.wrapbox-contact {
display: flex;
display: -ms-flex;
justify-content: space-between;
-ms-justify-content: space-between;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.wrapbox-contact .infoList-contact {
width: 50%;
}
.box-send-contact h2,
.box-info-contact h2 {
font-weight: 700;
font-size: 22px;
margin: 0 0 20px;
}
.box-send-contact p {
margin-bottom: 15px;
}
.contact-form .input-group {
width: 100%;
margin-bottom: 20px;
}
.contact-form .input-group input,
.contact-form .input-group textarea {
color: #5c5c5c;
height: 45px;
width: 100%;
font-weight: 500;
padding: 8px 20px;
background: #fff;
border: 1px solid var(--shop-color-border);
border-radius: 4px;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.contact-form .input-group textarea {
width: 100%;
height: 130px;
padding: 20px;
}
.contact-form .input-group textarea:focus {
outline: none;
}
@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) {
.wrapbox-contact {
flex-direction: column;
-ms-flex-direction: column;
}
.wrapbox-contact .infoList-contact {
width: 100%;
}
.wrapbox-contact .infoList-contact:nth-child(2) {
flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
}
.widthContent {
flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
}
.wrapper-bodycontact .wrapbox-content-left {
padding-right: 15px;
margin-top: 15px;
}
.box-map-contact iframe {
height: 50vh;
}
}
@media(max-width: 767px) {
.wrapbox-content-right {
padding: 0;
}
}
*/