@media (max-width: 992px) {
  .layoutProduct_detail .container {
    padding-left: 10px;
    padding-right: 10px; } }

@media (max-width: 992px) {
  .layoutProduct_detail {
    overflow-x: hidden;
    padding-top: 20px; } }

.section-themes-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding: 0 0 50px 0;
  justify-content: space-between; }
  @media (max-width: 992px) {
    .section-themes-wrapper {
      padding-top: 15px; } }
  @media (max-width: 992px) {
    .section-themes-wrapper .theme-detail--images {
      margin-bottom: 20px; }
      .section-themes-wrapper .theme-detail--images .lazyload-image .lazyload-image__placeholder {
        padding-bottom: 135% !important; } }
  .section-themes-wrapper .section-themes-description {
    margin-top: 15px; }
    .section-themes-wrapper .section-themes-description .desc-detail .text-center {
      text-align: left !important; }
  .section-themes-wrapper .section-themes_left {
    flex: 0 0 calc(65% - 15px);
    max-width: calc(65% - 15px); }
    @media (max-width: 992px) {
      .section-themes-wrapper .section-themes_left {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media (max-width: 992px) {
      .section-themes-wrapper .section-themes_left .theme-detail--images.screenshot-desktop {
        display: block; } }
  .section-themes-wrapper .section-themes_right {
    flex: 0 0 calc(35% - 15px);
    max-width: calc(35% - 15px); }
    @media (max-width: 992px) {
      .section-themes-wrapper .section-themes_right {
        flex: 0 0 100%;
        max-width: 100%; } }
    @media (min-width: 992px) {
      .section-themes-wrapper .section-themes_right .sticky-wrapper {
        position: sticky;
        top: 85px; } }
  .section-themes-wrapper .hrvcard {
    box-shadow: none;
    padding: 20px 20px;
    border-radius: 8px;
    background-color: #F5F7F9; }
    @media (max-width: 992px) {
      .section-themes-wrapper .hrvcard {
        padding: 24px 10px; } }

.theme-detail--price {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color); }

.list-tags-content {
  margin-top: 25px; }
  @media (max-width: 992px) {
    .list-tags-content {
      margin-top: 0px;
      border-radius: 8px;
      background-color: #F5F7F9;
      padding: 12px; } }
  .list-tags-content .tag-item + .tag-item {
    margin-top: 13px; }
  .list-tags-content .tag-item .title {
    display: inline-block;
    width: 140px;
    font-weight: 600;
    font-size: 14px; }
  .list-tags-content .tag-item .details {
    display: inline-block;
    color: #383838;
    font-size: 13px;
    font-weight: 400; }

.theme-detail--cta-inner {
  display: flex;
  gap: 15px;
  justify-content: space-between; }
  .theme-detail--cta-inner .theme-detail--ctas {
    flex: 1; }

@media (max-width: 992px) {
  .themes-action-desktop {
    display: none; } }

.themes-action-mobile {
  display: none; }
  @media (max-width: 992px) {
    .themes-action-mobile {
      display: block; } }

.themes-action .btn {
  width: 100%;
  border-radius: var(--border-lg); }
  @media (max-width: 767px) {
    .themes-action .btn {
      padding: 8px 14px;
      font-size: 15px; } }
  @media (max-width: 480px) {
    .themes-action .btn {
      font-size: 14px; } }

.themes-action .btn-mobile {
  display: none; }
  @media (max-width: 992px) {
    .themes-action .btn-mobile {
      display: block; } }

@media (max-width: 992px) {
  .themes-action .btn-desktop {
    display: none; } }

.themes-action .more-theme-btn {
  margin-top: 0px; }

.block-hrvcard_promotion {
  padding: 5px;
  background: white;
  margin-top: 20px;
  border-radius: 8px; }

.hrvcard_promotion {
  background-color: #EAF7FF !important; }
  @media (max-width: 992px) {
    .hrvcard_promotion {
      margin-top: 0;
      padding-left: 10px !important;
      padding-right: 10px !important; } }
  .hrvcard_promotion .promotion-title {
    font-size: 22px; }
  .hrvcard_promotion .promotion-details {
    font-size: 15px; }
    .hrvcard_promotion .promotion-details p {
      margin-bottom: 10px; }
    .hrvcard_promotion .promotion-details del {
      color: #6f717b;
      font-size: 15px;
      display: inline-block;
      margin-right: 7px; }
    .hrvcard_promotion .promotion-details strong {
      text-align: right;
      font-size: 18px;
      color: red; }
    .hrvcard_promotion .promotion-details span {
      margin-left: 10px;
      display: inline-flex;
      padding: 3px 16px;
      line-height: 1.4;
      background-color: red;
      color: white;
      font-weight: 500;
      font-size: 13px;
      border-radius: 999px;
      align-items: center;
      justify-content: center; }
    .hrvcard_promotion .promotion-details .promotion-details-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 0; }
      @media (max-width: 1281px) {
        .hrvcard_promotion .promotion-details .promotion-details-inner {
          flex-wrap: wrap; } }
    .hrvcard_promotion .promotion-details .promotion-details__price {
      text-align: right;
      display: flex;
      align-items: center;
      justify-content: end; }
    @media (max-width: 1281px) {
      .hrvcard_promotion .promotion-details .promotion-details__action {
        width: 100%; } }
    .hrvcard_promotion .promotion-details .promotion-details__action .btn {
      max-width: max-content;
      margin-left: auto;
      margin-right: auto;
      border-radius: var(--border-lg); }
      @media (max-width: 1281px) {
        .hrvcard_promotion .promotion-details .promotion-details__action .btn {
          max-width: 100%;
          margin-top: 15px; } }
      @media (max-width: 992px) {
        .hrvcard_promotion .promotion-details .promotion-details__action .btn {
          max-width: 100%;
          margin-top: 15px; } }

.section-themes-recommend {
  background-color: #f5f7f9;
  position: relative;
  z-index: 1; }
  @media (max-width: 992px) {
    .section-themes-recommend {
      background-color: unset;
      border-top: unset; } }
  .section-themes-recommend .product-recommend__title {
    margin-bottom: 0; }
    .section-themes-recommend .product-recommend__title.sitebox-heading h2 {
      font-size: 38px; }
      @media (max-width: 992px) {
        .section-themes-recommend .product-recommend__title.sitebox-heading h2 {
          font-size: 28px; } }
  .section-themes-recommend:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background-image: url(https://file.hstatic.net/1000012173/file/product-gradient.png);
    background-size: 100% 100%; }
    @media (max-width: 992px) {
      .section-themes-recommend:before {
        content: none; } }
  @media (max-width: 992px) {
    .section-themes-recommend .listTheme-row {
      margin-left: -6px;
      margin-right: -6px; }
      .section-themes-recommend .listTheme-row [class*='col-'] {
        padding-left: 0;
        padding-right: 0;
        flex: 0 0 100%;
        max-width: 100%; }
      .section-themes-recommend .listTheme-row.owl-carousel:not(.owl-loaded) {
        display: flex;
        flex-wrap: nowrap;
        gap: 10px;
        overflow: hidden; }
      .section-themes-recommend .listTheme-row .hrvtheme-item__image {
        padding-top: 172%; }
    .section-themes-recommend .hrvtheme-item {
      margin-top: 12px;
      border: 1px solid #ececec; }
    .section-themes-recommend .product-recommend__title {
      margin-bottom: 5px; }
    .section-themes-recommend .container {
      padding-left: 6px;
      padding-right: 6px; } }

#serviceModal .modal-content {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.5); }

#serviceModal .modal-title {
  font-size: 18px;
  font-weight: 600; }

#serviceModal .modal-header,
#serviceModal .modal-footer {
  border-top: none;
  border-bottom: none; }

#serviceModal .modal-footer, #serviceModal .modal-body {
  padding-top: 0; }

#serviceModal .modal-body {
  padding-bottom: 5px; }

#serviceModal .close {
  position: absolute;
  right: 8px;
  top: 7px;
  background-color: #4c8fff;
  opacity: 1;
  color: white;
  font-weight: 400;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  width: 30px;
  height: 30px; }
  #serviceModal .close svg {
    width: 14px;
    fill: white; }
  #serviceModal .close:hover {
    background-color: rgba(76, 143, 255, 0.9);
    transition: .3s all; }

#serviceModal .modal-dialog {
  margin: 0;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important; }
  @media (max-width: 580px) {
    #serviceModal .modal-dialog {
      max-width: 90%; } }

#serviceModal .input-group {
  display: block; }
  #serviceModal .input-group label {
    display: block;
    margin-bottom: 5px; }
    #serviceModal .input-group label span {
      color: red; }
  #serviceModal .input-group input {
    width: 100%;
    min-height: 43px;
    border-radius: 6px;
    transition: .2s all; }
    #serviceModal .input-group input:focus {
      outline: none;
      border-color: rgba(41, 121, 255, 0.8);
      box-shadow: 0 0 2px rgba(41, 121, 255, 0.5); }
      #serviceModal .input-group input:focus::placeholder {
        color: transparent; }

#serviceModal .btn {
  min-width: 150px;
  font-size: 16px; }