
/* THIS CSS WAS COMPILED AND OPTIMIZED, USING THE WP COMPILER PLUGIN */
/* https://bytes.co */
/* Last Compiled: 2025-02-09 6:16:57 UTC */

.archive-product .yy-main .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .archive-product .yy-main .card {
    width: 23.5%;
    margin: 15px 0;
    box-shadow: 0 0 1.25rem rgba(31, 45, 61, 0.05);
    transition: all 0.2s ease; }
    .archive-product .yy-main .card .card-body {
      border-radius: 0;
      padding: 0;
      line-height: 1;
      padding: 0;
      text-align: center; }
    .archive-product .yy-main .card .thumbnail {
      width: 100%;
      height: 200px;
      flex-shrink: 0;
      display: block; }
      .archive-product .yy-main .card .thumbnail img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0; }
    .archive-product .yy-main .card .card-title {
      font-size: 14px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      line-height: 1.5;
      margin: 0 10px; }
    .archive-product .yy-main .card .data {
      margin-left: 0;
      margin: 12px 0; }
      .archive-product .yy-main .card .data .price {
        margin-top: 10px;
        color: #ef4444;
        font-size: 16px; }
        .archive-product .yy-main .card .data .price .regular {
          display: inline-block;
          margin-left: 10px;
          font-size: 14px;
          color: #999;
          text-decoration: line-through; }
        .archive-product .yy-main .card .data .price .xc-vip-discount {
          font-size: 12px;
          margin-top: 5px; }
  .archive-product .yy-main .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 1rem 3rem rgba(31, 45, 61, 0.125); }
/* archive-product */
.single-product .yy-main h3 {
  font-size: 18px;
  font-weight: 500; }
  .single-product .yy-main .flex {
    display: flex;
    margin-bottom: 30px; }
  .single-product .yy-main .flex .left {
    width: 480px;
    height: 400px;
    flex-shrink: 0; }
  .single-product .yy-main .flex .left img {
    border-radius: 10px;
    border: 1px solid #eee;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .single-product .yy-main .field {
    margin-bottom: 20px; }
  .single-product .yy-main .post-title a {
    font-size: 28px;
    font-weight: 700; }
  .single-product .yy-main .excerpt {
    color: #666; }
  .single-product .yy-main .tag a {
    margin-right: 5px;
    background-color: #fafafa;
    padding: 3px 10px;
    font-size: 14px; }
  .single-product .yy-main .flex .price {
    font-size: 30px;
    color: #ef4444; }
  .single-product .yy-main .flex .price .regular {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #999;
    text-decoration: line-through; }
  .single-product .yy-main .flex .btn-custom {
    font-size: 16px;
    width: 100px; }
  .single-product .yy-main .row {
    margin-top: 40px; }
  .single-product .yy-main .thumbnail {
    width: 100%;
    flex-shrink: 0;
    margin-bottom: 10px; }
  .single-product .yy-main .thumbnail img {
    border-radius: 10px;
    border: 1px solid #eee;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .single-product .yy-main .service {
    margin-top: 20px;
    max-width: 480px; }
  .single-product .yy-main .service ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  .single-product .yy-main .service ul li {
    color: #999; }
  .single-product .yy-main .service ul li .fa-check {
    color: #08c308; }
  .single-product .yy-main .hot li {
    margin: 30px 0; }
  .single-product .yy-main .hot li {
    text-align: center;
    margin: 30px 0; }
  .single-product .yy-main .hot h4 {
    font-weight: 700; }
  .single-product .yy-main .hot h4 a {
    font-size: 16px; }
  .single-product .yy-main .hot .price {
    font-size: 20px;
    color: #ef4444; }
/* single-product */
.checkout-page .yy-main {
  /* payments */ }
  .checkout-page .yy-main .form-group {
    margin-bottom: 1.5rem; }
  .checkout-page .yy-main .form-control:disabled, .checkout-page .yy-main .form-control[readonly] {
    background-color: #f6f8fb; }
  .checkout-page .yy-main .alert {
    margin-bottom: 1.5rem; }
  .checkout-page .yy-main .required {
    color: #d63638;
    margin-left: 3px; }
  .checkout-page .yy-main .flex {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between; }
  .checkout-page .yy-main .flex h3 {
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px; }
  .checkout-page .yy-main .flex .left {
    flex-shrink: 0;
    width: 48%; }
  .checkout-page .yy-main .flex .right {
    flex-shrink: 0;
    width: 48%; }
  .checkout-page .yy-main .product {
    display: flex;
    background-color: #fafafa;
    padding: 15px;
    border-radius: 10px; }
  .checkout-page .yy-main .thumbnail {
    width: 120px;
    height: 120px;
    flex-shrink: 0; }
  .checkout-page .yy-main .thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .checkout-page .yy-main .product .meta {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .checkout-page .yy-main .product .meta .price {
    color: #ef4444;
    font-size: 24px;
    display: flex;
    justify-content: space-between; }
  .checkout-page .yy-main .product .meta .price .regular {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #999;
    text-decoration: line-through; }
  .checkout-page .yy-main .product .meta .status {
    font-size: 16px;
    line-height: 2.2;
    color: #777; }
  .checkout-page .yy-main .product h4 {
    font-weight: 700; }
  .checkout-page .yy-main .product h4 a {
    font-size: 16px; }
  .checkout-page .yy-main .payment-h3 {
    margin-top: 30px; }
  .checkout-page .yy-main .payments {
    background-color: #fafafa;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    column-gap: 20px; }
  .checkout-page .yy-main .payments label {
    margin: 5px 10px 5px 0px; }
  .checkout-page .yy-main .payments .a-radio {
    display: none; }
  .checkout-page .yy-main .payments .b-radio {
    display: inline-block;
    border: 1px solid #ccc;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative; }
  .checkout-page .yy-main .payments .b-radio:before {
    content: '';
    font-size: 0;
    width: 10px;
    height: 10px;
    background: #8fbcee;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -5px;
    margin-top: -5px;
    border-radius: 2px;
    display: none; }
  .checkout-page .yy-main .payments .a-radio:checked ~ .b-radio:before {
    display: block; }
  .checkout-page .yy-main .payments .form-controls label {
    margin-right: 12px; }
  .checkout-page .yy-main .payments .form-controls input[type="radio"] {
    margin-right: 3px; }
  .checkout-page .yy-main .payments img {
    margin-right: 3px;
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: middle; }
  .checkout-page .yy-main .button {
    margin-top: 30px; }
  .checkout-page .yy-main .button button {
    width: 100%;
    font-size: 16px; }
  .checkout-page .yy-main .download button {
    font-size: 16px; }
/* checkout-page */
.orders-page .yy-main h4 {
  font-size: 16px; }
  .orders-page .yy-main .main .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .orders-page .yy-main .item {
    padding: 15px;
    width: 48%;
    height: 260px;
    margin-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee; }
  .orders-page .yy-main .product {
    display: flex; }
  .orders-page .yy-main .thumbnail {
    width: 170px;
    height: 150px;
    flex-shrink: 0; }
  .orders-page .yy-main .thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .orders-page .yy-main .product .meta {
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .orders-page .yy-main .product .meta .price {
    color: #ef4444;
    font-size: 24px;
    display: flex;
    justify-content: space-between; }
  .orders-page .yy-main .product .meta .price .regular {
    display: inline-block;
    margin-left: 10px;
    font-size: 16px;
    color: #999;
    text-decoration: line-through; }
  .orders-page .yy-main .product .meta .status {
    font-size: 14px;
    line-height: 2.3; }
/* orders-page */
@media screen and (min-width: 768px) {
  .single-product .yy-main .flex .right {
    padding-left: 30px; }
    .single-product .yy-main .right {
      padding-left: 30px; } }

@media screen and (max-width: 767px) {
  .archive-product .yy-main .card {
    width: 48%; }
    .archive-product .yy-main .card .card-title {
      white-space: wrap;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      font-size: 13px; }
    .archive-product .yy-main .card .data {
      margin: 10px 0; }
    .archive-product .yy-main .card .thumbnail {
      height: 150px; }

  .single-product .yy-main .flex {
    flex-wrap: wrap; }
    .single-product .yy-main .flex .left {
      width: 100%;
      height: 300px;
      margin-bottom: 20px; }
    .single-product .yy-main .flex .right {
      padding-left: 0px; }
    .single-product .yy-main .col-md-8 {
      margin-bottom: 30px; }

  .checkout-page .yy-main .flex {
    flex-wrap: wrap; }
    .checkout-page .yy-main .flex .left {
      width: 100%; }
    .checkout-page .yy-main .flex .right {
      width: 100%;
      padding-left: 0px; }
    .checkout-page .yy-main .thumbnail {
      width: 110px;
      height: 100px;
      flex-shrink: 0; }

  .orders-page .yy-main .item {
    width: 100%;
    height: 230px; }
    .orders-page .yy-main .thumbnail {
      width: 110px;
      height: 100px;
      flex-shrink: 0; }
    .orders-page .yy-main .product .meta .status {
      line-height: 2.6; } }

.xc-purchase-form {
  margin: 15px auto; }
  .xc-purchase-form .xc-filename {
    font-size: 18px;
    font-weight: bold; }
  .xc-purchase-form .xc-price {
    color: #ef4444;
    font-size: 18px;
    font-weight: bold; }
  .xc-purchase-form .xc-buttons {
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
    gap: 15px; }
  .xc-purchase-form .xc-download-instructions {
    font-size: 14px;
    color: #555; }

.xc-button {
  display: inline-block;
  font-weight: 400;
  color: #fff !important;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #09f;
  border: 1px solid #09f;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  outline: none !important; }

.xc-button:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff; }
/*# sourceMappingURL= */