:root {
  --service-breadcrumb-color: #ffffff;
  --service-booking-color: #ffffff; }

[class^="section-service-"] {
  padding: 60px 0; }

@media (max-width: 991px) {
  [class^="section-service-"] {
    padding: 30px 0; } }

@media (min-width: 1200px) {
  .container {
    padding: 0; } }

.breadcrumb-shop {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }
  .breadcrumb-shop .container {
    max-width: 100%;
    padding: 0; }
  .breadcrumb-shop .breadcrumb {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    background-color: transparent;
    justify-content: center;
    border-radius: 0;
    margin: 0;
    gap: 30px; }
    .breadcrumb-shop .breadcrumb li {
      position: relative;
      color: var(--service-breadcrumb-color);
      font-size: 16px; }
      .breadcrumb-shop .breadcrumb li:before {
        content: '';
        width: 4px;
        height: 4px;
        position: absolute;
        top: 42%;
        left: -15px;
        background: var(--shop-color-main);
        transform: rotate(45deg);
        z-index: 1; }
      .breadcrumb-shop .breadcrumb li:first-child:before {
        content: none; }

.product-loop-service {
  padding: 0; }
  .product-loop-service .product-inner {
    background: #fff; }
    .product-loop-service .product-inner .proloop-image {
      padding: 0; }
      .product-loop-service .product-inner .proloop-image .product--image img {
        width: 100%; }
    .product-loop-service .product-inner .proloop-detail {
      padding: 0; }
      .product-loop-service .product-inner .proloop-detail .detail-title {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: start;
        margin: 25px 0 20px; }
        .product-loop-service .product-inner .proloop-detail .detail-title h3 {
          margin: 0;
          font-size: 18px;
          font-weight: 600; }
        .product-loop-service .product-inner .proloop-detail .detail-title .wrapper-action-loop {
          margin-top: 0 !important;
          text-align: right; }
          .product-loop-service .product-inner .proloop-detail .detail-title .wrapper-action-loop .proloop--price {
            color: var(--shop-color-main);
            padding: 0;
            display: flex;
            flex-flow: column;
            justify-content: end; }
            .product-loop-service .product-inner .proloop-detail .detail-title .wrapper-action-loop .proloop--price .price {
              margin: 0; }
        .product-loop-service .product-inner .proloop-detail .detail-title .title-line {
          border-bottom: 3px dotted #e5e5e5;
          min-width: 30px;
          flex: auto;
          margin: 0 10px;
          height: 16px; }
      .product-loop-service .product-inner .proloop-detail .proloop-desc {
        font-size: 18px; }
    .product-loop-service .product-inner:hover {
      box-shadow: none; }
  @media (max-width: 991px) {
    .product-loop-service .product-inner .proloop-detail .detail-title {
      margin: 15px 0 10px; }
      .product-loop-service .product-inner .proloop-detail .detail-title h3 {
        font-size: 17px; }
      .product-loop-service .product-inner .proloop-detail .detail-title .title-line {
        min-width: 15px;
        margin: 0 5px; }
    .product-loop-service .product-inner .proloop-detail .proloop-desc {
      font-size: 14px; } }
  @media (max-width: 767px) {
    .product-loop-service .product-inner .proloop-detail {
      text-align: left; } }

.pro-full .product-loop-service .product--image:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1; }

.pro-full .product-loop-service .proloop-detail {
  position: absolute;
  bottom: 30px;
  left: 30px;
  width: 70%;
  background: transparent;
  color: #fff;
  z-index: 2; }
  .pro-full .product-loop-service .proloop-detail h3 a, .pro-full .product-loop-service .proloop-detail .proloop--price .price-del {
    color: #fff; }

.layoutPage-service .section-service-breadcrumb {
  position: relative;
  padding: 200px 0 150px;
  text-align: center; }
  .layoutPage-service .section-service-breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(//cdn.hstatic.net/themes/200000945195/1001440239/14/service_banner.jpg?v=1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .layoutPage-service .section-service-breadcrumb h1, .layoutPage-service .section-service-breadcrumb a {
    color: var(--service-breadcrumb-color); }
  .layoutPage-service .section-service-breadcrumb .breadcrumb-content {
    position: relative;
    color: var(--service-breadcrumb-color); }
    .layoutPage-service .section-service-breadcrumb .breadcrumb-content h1 {
      text-transform: uppercase; }
  @media (max-width: 767px) {
    .layoutPage-service .section-service-breadcrumb {
      padding: 100px 0 80px; }
      .layoutPage-service .section-service-breadcrumb h1 {
        font-size: 30px; } }

.layoutPage-service .section-service-collection {
  padding-bottom: 0; }
  .layoutPage-service .section-service-collection .container {
    border-bottom: 5px dotted #e5e5e5;
    padding-bottom: 40px; }
  @media (max-width: 991px) {
    .layoutPage-service .section-service-collection .collection-title {
      font-size: 22px; }
    .layoutPage-service .section-service-collection .container {
      border-bottom: 4px dotted #e5e5e5;
      padding-bottom: 20px; } }
  @media (max-width: 767px) {
    .layoutPage-service .section-service-collection .row > .row {
      margin: 0;
      padding: 0; } }

.layoutPage-service .section-service-booking {
  position: relative;
  color: var(--service-booking-color);
  margin-top: 80px; }
  .layoutPage-service .section-service-booking:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(//cdn.hstatic.net/themes/200000945195/1001440239/14/service_booking_bg.jpg?v=1);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; }
  .layoutPage-service .section-service-booking .booking-content {
    position: relative; }
    .layoutPage-service .section-service-booking .booking-content .title1 {
      font-size: 18px;
      font-weight: 600;
      letter-spacing: 3.5px; }
    .layoutPage-service .section-service-booking .booking-content .title2 {
      color: var(--service-booking-color);
      font-size: 40px; }
      .layoutPage-service .section-service-booking .booking-content .title2 span {
        color: var(--shop-color-main); }
    .layoutPage-service .section-service-booking .booking-content .btn-content {
      margin-top: 40px; }
  @media (max-width: 991px) {
    .layoutPage-service .section-service-booking {
      margin-top: 40px; }
      .layoutPage-service .section-service-booking .booking-content .title2 {
        font-size: 28px; } }

.product-loop-service .product-inner {
  background: #000; }
