.section-breadcrumb {
  position: relative;
  background-image: url(//cdn.hstatic.net/themes/200001054758/1001400966/14/header_banner_service_detail.jpg?v=222);
  background-size: cover;
  background-position: center;
  padding: 75px 0;
  text-align: center; }
  .section-breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(34, 45, 53, 0.8); }
  .section-breadcrumb .breadcrumb-shop {
    background: transparent;
    border: none;
    position: relative; }
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      display: flex;
      justify-content: center;
      color: #fff;
      font-size: 15px;
      letter-spacing: 2px;
      padding: 0; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows span {
        font-weight: 600; }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows a {
        color: #fff; }
        .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows a:hover {
          color: var(--shop-color-main); }
      .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows > li + li:before {
        content: '';
        width: 6px;
        height: 6px;
        background: var(--shop-color-main);
        border-radius: 50%;
        margin: 0 8px 0 12px;
        display: inline-block; }
  .section-breadcrumb .breadcrumb-content {
    position: relative;
    color: #fff; }
    .section-breadcrumb .breadcrumb-content h1 {
      font-size: 45px;
      margin: 0; }
  @media (max-width: 1199px) and (min-width: 992px) {
    .section-breadcrumb {
      padding: 80px 0; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 40px; } }
  @media (max-width: 991px) {
    .section-breadcrumb {
      padding: 60px 0; }
      .section-breadcrumb .breadcrumb-content h1 {
        font-size: 30px; } }
  @media (max-width: 767px) {
    .section-breadcrumb .breadcrumb-shop .breadcrumb-list .breadcrumb-arrows {
      font-size: 12px; }
    .section-breadcrumb .breadcrumb-content h1 {
      font-size: 24px; } }

.section-detail-content {
  padding: 80px 0; }
  .section-detail-content .detail-sidebar .sidebar-menu {
    margin-bottom: 30px; }
    .section-detail-content .detail-sidebar .sidebar-menu .menu-item {
      padding: 15px;
      border-top: 1px solid #eee; }
      .section-detail-content .detail-sidebar .sidebar-menu .menu-item:first-child {
        padding-top: 0;
        border-top: none; }
      .section-detail-content .detail-sidebar .sidebar-menu .menu-item a {
        position: relative;
        padding: 16px 20px;
        font-weight: 600;
        background: #f8f8f8;
        border: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        letter-spacing: 1px; }
        .section-detail-content .detail-sidebar .sidebar-menu .menu-item a:before {
          content: "";
          position: absolute;
          left: 0;
          bottom: 50%;
          width: 5px;
          height: 0;
          background: var(--shop-color-main);
          transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
          z-index: 1; }
        .section-detail-content .detail-sidebar .sidebar-menu .menu-item a:hover:before {
          height: 100%;
          bottom: 0; }
      .section-detail-content .detail-sidebar .sidebar-menu .menu-item.active a:before {
        height: 100%;
        bottom: 0; }
  .section-detail-content .detail-sidebar .sidebar-file {
    position: relative;
    display: flex;
    gap: 15px;
    background: #f8f8f8;
    padding: 30px 25px;
    margin-bottom: 45px; }
    .section-detail-content .detail-sidebar .sidebar-file:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 35px;
      right: 35px;
      width: auto;
      height: 3px;
      background: var(--shop-color-main); }
    .section-detail-content .detail-sidebar .sidebar-file .file-icon {
      flex: 0 0 45px; }
    .section-detail-content .detail-sidebar .sidebar-file .title1 {
      margin-bottom: 0;
      color: var(--shop-color-main); }
    .section-detail-content .detail-sidebar .sidebar-file .title2 {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px; }
    .section-detail-content .detail-sidebar .sidebar-file .btn-file {
      text-transform: uppercase; }
      .section-detail-content .detail-sidebar .sidebar-file .btn-file svg {
        margin-right: 8px;
        transition: ease-in-out 0.3s;
        fill: currentColor; }
      .section-detail-content .detail-sidebar .sidebar-file .btn-file a:hover svg {
        margin-right: 12px; }
  .section-detail-content .detail-sidebar .sidebar-hotline {
    padding: 240px 20px 50px 30px;
    position: relative;
    margin-bottom: 45px; }
    .section-detail-content .detail-sidebar .sidebar-hotline:before, .section-detail-content .detail-sidebar .sidebar-hotline:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .section-detail-content .detail-sidebar .sidebar-hotline:before {
      background-image: url(//cdn.hstatic.net/themes/200001054758/1001400966/14/service_detail_hotline_img.jpg?v=222);
      background-size: cover;
      background-position: center; }
    .section-detail-content .detail-sidebar .sidebar-hotline:after {
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 30%, #222d35 54%);
      background-color: transparent !important;
      opacity: .88; }
    .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail {
      position: relative;
      z-index: 1;
      color: rgba(255, 255, 255, 0.8); }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail svg {
        fill: currentColor; }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .title {
        font-size: 26px;
        font-weight: 600;
        color: var(--shop-color-main);
        letter-spacing: 1px;
        margin-bottom: 10px; }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .desc {
        font-size: 16px; }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .num {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0; }
        .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .num span {
          font-size: 24px;
          font-weight: 600;
          letter-spacing: 1px; }
  .section-detail-content .detail-sidebar .sidebar-contact {
    position: relative;
    background: #f8f8f8;
    padding: 30px 25px; }
    .section-detail-content .detail-sidebar .sidebar-contact:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 35px;
      right: 35px;
      width: auto;
      height: 3px;
      background: var(--shop-color-main); }
    .section-detail-content .detail-sidebar .sidebar-contact .title {
      font-size: 20px;
      font-weight: 600;
      letter-spacing: 1px; }
    .section-detail-content .detail-sidebar .sidebar-contact .contact-list {
      padding: 20px 15px;
      background: var(--shop-color-bg);
      color: rgba(34, 45, 53, 0.6); }
      .section-detail-content .detail-sidebar .sidebar-contact .contact-list li {
        display: flex;
        gap: 10px; }
        .section-detail-content .detail-sidebar .sidebar-contact .contact-list li:not(:last-child) {
          margin-bottom: 15px; }
        .section-detail-content .detail-sidebar .sidebar-contact .contact-list li svg {
          fill: var(--shop-color-main); }
        .section-detail-content .detail-sidebar .sidebar-contact .contact-list li .icon {
          flex: 0 0 20px;
          text-align: center; }
  @media (min-width: 1366px) {
    .section-detail-content .detail-sidebar {
      -ms-flex: 0 0 340px;
      flex: 0 0 340px;
      max-width: 340px;
      padding: 0; }
    .section-detail-content .detail-content.has-sidebar {
      -ms-flex: 0 0 calc(100% - 340px);
      flex: 0 0 calc(100% - 340px);
      max-width: calc(100% - 340px);
      padding-left: 40px; } }
  @media (max-width: 991px) {
    .section-detail-content .row {
      flex-flow: column-reverse; }
    .section-detail-content .detail-content.has-sidebar {
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .section-detail-content {
      padding: 40px 0; }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .title {
        font-size: 20px; }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .desc {
        font-size: 14px; }
      .section-detail-content .detail-sidebar .sidebar-hotline .hotline-detail .num span {
        font-size: 18px; }
      .section-detail-content .detail-sidebar .sidebar-contact .title {
        font-size: 18px; } }