.title-head {
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px; }

.hethong-info {
  margin-bottom: 20px; }
  .hethong-info .item {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    display: flex;
    background: var(--mainColor);
    padding: 10px;
    border-radius: 5px; }
    .hethong-info .item .thump img {
      max-height: 80px; }
      @media (max-width: 1199px) {
        .hethong-info .item .thump img {
          max-height: 60px; } }
    .hethong-info .item span {
      font-size: 16px;
      color: #fff;
      display: block;
      text-align: right; }
      @media (max-width: 1199px) {
        .hethong-info .item span {
          font-size: 14px; } }
      .hethong-info .item span b {
        display: block;
        font-size: 50px; }
        @media (max-width: 1199px) {
          .hethong-info .item span b {
            font-size: 40px; } }

.page-he-thong {
  margin-bottom: 30px;
  color: #000; }
  .page-he-thong .option-chos.option-chos1 {
    border-radius: 10px;
    background: #fff;
    padding: 10px; }
  .page-he-thong .option-chos .group-option {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px; }
    .page-he-thong .option-chos .group-option .group-city, .page-he-thong .option-chos .group-option .group-district {
      margin-bottom: 10px;
      position: relative;
      width: 100%;
      padding-right: 5px;
      padding-left: 5px;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%; }
      @media (max-width: 1199px) {
        .page-he-thong .option-chos .group-option .group-city, .page-he-thong .option-chos .group-option .group-district {
          -ms-flex: 0 0 100%;
          flex: 0 0 100%;
          max-width: 100%; } }
      .page-he-thong .option-chos .group-option .group-city .title, .page-he-thong .option-chos .group-option .group-district .title {
        margin-bottom: 10px;
        display: block;
        color: #000; }
      .page-he-thong .option-chos .group-option .group-city select, .page-he-thong .option-chos .group-option .group-district select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-position: right center;
        background-repeat: no-repeat;
        background-position: right 10px center;
        padding-right: 28px;
        text-indent: 0.01px;
        text-overflow: '';
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        padding: 5px 20px 5px 12px;
        border-radius: 5px;
        width: 100%;
        height: 35px;
        border-radius: 0;
        border: 1px solid var(--mainColor);
        outline: none !important;
        border-radius: 5px; }
        .page-he-thong .option-chos .group-option .group-city select option, .page-he-thong .option-chos .group-option .group-district select option {
          background-color: #fff;
          color: #000; }
        .page-he-thong .option-chos .group-option .group-city select#city, .page-he-thong .option-chos .group-option .group-district select#city {
          background-color: var(--mainColor);
          color: #fff;
          background-image: url(//cdn.hstatic.net/themes/200000860097/1001448754/14/ico-select_1.png?v=2375); }
  .page-he-thong .option-chos .info-store {
    overflow: hidden;
    overflow-y: auto;
    margin-top: 10px; }
    @media (max-width: 991px) {
      .page-he-thong .option-chos .info-store {
        height: auto;
        max-height: 220px;
        padding-right: 10px; } }
    .page-he-thong .option-chos .info-store::-webkit-scrollbar {
      width: 5px;
      background-color: var(--mainColor); }
    .page-he-thong .option-chos .info-store::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      background-color: var(--mainColor); }
    .page-he-thong .option-chos .info-store::-webkit-scrollbar-track {
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
      border-radius: 5px;
      background-color: #f5f5f5; }
    .page-he-thong .option-chos .info-store .store-list {
      padding: 5px 10px;
      line-height: 24px;
      margin-bottom: 10px;
      border-radius: 5px;
      background: #fff;
      color: #000; }
      .page-he-thong .option-chos .info-store .store-list .name-cuahang {
        color: var(--mainColor);
        font-weight: 700;
        margin-bottom: 20px;
        display: block; }
      .page-he-thong .option-chos .info-store .store-list .store-name {
        position: relative;
        display: inline-flex;
        width: 100%;
        margin-bottom: 10px;
        align-items: center; }
        .page-he-thong .option-chos .info-store .store-list .store-name b {
          min-width: 30px;
          width: 30px;
          height: 30px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #949494;
          border-radius: 50%;
          margin-right: 10px;
          padding: 5px;
          margin-right: 10px; }
      .page-he-thong .option-chos .info-store .store-list .store-phone {
        position: relative;
        display: inline-flex;
        width: 100%;
        margin-bottom: 10px;
        align-items: center; }
        .page-he-thong .option-chos .info-store .store-list .store-phone b {
          min-width: 30px;
          width: 30px;
          height: 30px;
          display: flex;
          align-items: center;
          justify-content: center;
          border: 1px solid #949494;
          border-radius: 50%;
          margin-right: 10px;
          padding: 5px; }
        .page-he-thong .option-chos .info-store .store-list .store-phone .phone-url {
          margin-right: 15px;
          color: var(--mainColor); }
          .page-he-thong .option-chos .info-store .store-list .store-phone .phone-url:hover {
            color: var(--hover); }
      .page-he-thong .option-chos .info-store .store-list .store-url {
        background: #E4ECFF;
        padding: 5px 20px;
        border-radius: 30px;
        display: inline-block;
        margin-bottom: 5px; }
        .page-he-thong .option-chos .info-store .store-list .store-url b {
          margin-right: 10px; }
        .page-he-thong .option-chos .info-store .store-list .store-url:hover {
          background: var(--hover);
          color: #fff; }
          .page-he-thong .option-chos .info-store .store-list .store-url:hover svg path {
            fill: #fff; }
      .page-he-thong .option-chos .info-store .store-list:hover, .page-he-thong .option-chos .info-store .store-list.active {
        border: 1px solid var(--mainColor); }
  .page-he-thong .wrapcontact {
    height: calc(100vh - 15px);
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    border-radius: 5px; }
    .page-he-thong .wrapcontact iframe {
      width: 100% !important;
      height: 100vh !important;
      border: none !important; }
  .page-he-thong .pagebody {
    height: calc(100vh - 15px);
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    border-radius: 5px; }
    .page-he-thong .pagebody iframe {
      width: 100% !important;
      height: 100vh !important;
      border: none !important; }

@media (max-width: 991px) {
  .col-left {
    margin-bottom: 30px; } }

.form-control {
  height: 35px;
  border: 1px solid var(--mainColor);
  width: 100%;
  border-radius: 5px;
  padding: 0 10px; }

.col-6 {
  margin-bottom: 30px; }