/*
Theme Name: HCS Theme
Theme URI: https://hcs-lab.com/
Description: Official website theme of HCS website
Author: Webpuppies
Author URI: https://webpuppies.com.sg/
Template: astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hcs-child
*/
body {
  font-family: "Circular", Sans-serif !important;
  color: #3A3A3A !important;
}

#primary {
  margin: 0;
}

#primary .woocommerce-breadcrumb {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 20px 0;
  color: #3A3A3A;
}

#primary .woocommerce-breadcrumb a {
  font-weight: 400;
  color: #6B6B6B;
  text-decoration: none;
}

h6 {
  font-size: 20px;
  line-height: 26px;
  font-weight: 500;
}

/* Header */
#masthead {
  position: fixed !important;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999 !important;
}

#content {
  padding-top: 174px;
}

.elementor-element-c0ac44b {
  margin-left: auto;
}

.wpfFilterWrapper .wpfFilterTitle {
  border-bottom: 1px solid #E8E8E8;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.wpfFilterWrapper .wpfFilterTitle .wfpTitle {
  font-family: "Circular", Sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding: 0;
  margin: 0;
  height: auto;
}

.wpfFilterWrapper .wpfFilterTitle i, .wpfFilterWrapper .wpfFilterTitle svg {
  background: url(images/down-arrow.png) center center no-repeat;
  text-decoration: none;
  text-indent: 100%;
  background-size: 10px;
  overflow: hidden;
}

.wpfFilterWrapper .wpfFilterTitle .fa-minus {
  background: url(images/up-arrow.png) center center no-repeat;
}

.wpfFilterWrapper .wpfFilterContent {
  font-family: "Circular", Sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.woocommerce-products-header .woocommerce-products-header__title.page-title {
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
}

.woocommerce-ordering, .woocommerce-result-count {
  display: none !important;
}

.woocommerce-js ul.products li.product.type-product {
  position: relative !important;
  padding-bottom: 30px !important;
  margin-bottom: 40px !important;
}

.woocommerce-js ul.products li.product .astra-shop-summary-wrap .ast-loop-product__link {
  color: inherit;
  text-decoration: none;
}

.woocommerce-js ul.products li.product .astra-shop-summary-wrap .ast-loop-product__link {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.woocommerce-js ul.products li.product .astra-shop-summary-wrap .price {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.woocommerce-js ul.products li.product a img {
  height: 250px !important;
  object-fit: contain;
}

.productlist-btn-group {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.productlist-btn-group .button.add-to-cart {
  border-radius: 8px;
  padding: 10px;
  background: #00A9A7 url(images/addtocart.png) center center no-repeat;
  border: 1px solid #00A9A7;
  font-weight: 400;
  font-size: 1px;
  text-decoration: none;
  color: #00A9A7;
  text-align: center;
  text-indent: 100%;
  overflow: hidden;
  width: 30px;
  height: 28px;
  margin-left: 10px !important;
}

.productlist-btn-group .button.add-to-cart:hover {
  background-color: #00A9A7;
  border: 1px solid #00A9A7;
  color: #fff;
}

.productlist-btn-group .button.view-product {
  border-radius: 8px;
  padding: 4px 20px;
  background: none;
  border: 1px solid #00A9A7;
  font-weight: 400;
  font-size: 14px;
  line-height: 17.71px;
  text-decoration: none;
  color: #00A9A7;
  text-align: center;
  width: calc(100% - 30px);
  height: 28px;
  margin: 0 !important;
}

.productlist-btn-group .button.view-product:hover {
  background: #00A9A7;
  border: 1px solid #00A9A7;
  color: #fff;
}

.ast-on-card-button.ast-select-options-trigger {
  display: none;
}

.astra-shop-thumbnail-wrap .ast-on-card-button.ast-onsale-card {
  position: relative;
  left: 0;
  top: 0;
  margin-bottom: 10px;
  display: block;
  background: #BE76AD;
  color: #fff;
  padding: 4px 10px;
  font-family: Circular;
  font-weight: 400;
  font-size: 12px;
  line-height: 15.18px;
}

.single-product-category + .product_title,
.single-product-category + .product_title + .price,
.single-product-category + .product_title + .price + .woocommerce-product-details__short-description,
.product.type-product .summary .product_meta,
.product.type-product .summary .single-product-category,
.product.type-product .summary .woocommerce-breadcrumb {
  display: none !important;
}

.ast-plain-container.ast-no-sidebar #primary {
  margin: 0 !important;
}

.product.type-product.ast-article-single {
  margin-top: 20px;
}

.product.type-product .product_title.entry-title {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
  margin: 0;
}

.product.type-product .summary .product-brand {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  margin: 0;
}

.product.type-product .summary .price ins {
  font-weight: 500;
  font-size: 32px;
  line-height: 40px;
}

.product.type-product .summary .price del {
  font-weight: 500;
  font-size: 20px;
  line-height: 25px;
  text-decoration: line-through;
  color: #3A3A3A;
  opacity: 1;
}

.woocommerce-product-details__short-description {
  color: #6B6B6B;
}

.woocommerce-product-details__short-description p {
  margin: 0 0 5px;
}

.custom-quantity-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 30px;
}

.custom-quantity-wrapper .minus,
.custom-quantity-wrapper .plus {
  background: #fff;
  border: 1.5px solid #00A9A7;
  border-radius: 8px;
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #00A9A7;
  width: 38px;
}

.custom-quantity-wrapper .quantity {
  float: none;
  margin: 0 !important;
}

.custom-quantity-wrapper .quantity .qty {
  background: #E8E8E8;
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  text-align: center;
  width: 50px;
}

.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  background: #00A9A7;
  border-radius: 8px;
  padding: 8px 40px;
  border: 0 !important;
}

.woocommerce-js div.product form.cart .yith-ywraq-add-to-quote {
  margin: 0;
}

.woocommerce-js div.product form.cart .yith-ywraq-add-to-quote .yith-ywraq-add-button .add-request-quote-button.button {
  font-weight: 700;
  font-size: 16px !important;
  color: #00A9A7 !important;
  line-height: 20px;
  background: none !important;
  border: 1px solid #00A9A7;
  border-radius: 8px;
  padding: 8px 40px;
  margin: 0;
  text-decoration: none !important;
}

.woo-product-gallery-slider {
  border: 1px solid #E6F6F6;
  border-radius: 8px;
}

.woo-product-gallery-slider img {
  border-radius: 8px !important;
}

.woo-product-gallery-slider .wpgs-nav.slick-initialized.slick-slider {
  display: none !important;
}

.woo-product-gallery-slider .flaticon-right-arrow.slick-arrow {
  background: url(images/right-arrow.png) center center no-repeat;
  text-indent: 110%;
  overflow: hidden;
}

.woo-product-gallery-slider .flaticon-back.slick-arrow {
  background: url(images/left-arrow.png) center center no-repeat;
  text-indent: 110%;
  overflow: hidden;
}

.woo-product-gallery-slider .slick-arrow.slick-disabled {
  opacity: 0.3;
}

.product-tabs-content {
  display: none;
  padding: 10px 0 0;
}

.product-tabs-content.show {
  display: block;
}

.product-tabs-link {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.product-tabs-link a {
  font-weight: 700;
  font-size: 16px;
  line-height: 20.24px;
  color: #00A9A7;
  text-decoration: none;
}

.product-tabs-link a.active {
  color: #3A3A3A;
}

.woocommerce-tabs.wc-tabs-wrapper {
  display: none !important;
}

.related.products {
  margin-top: 30px;
}

/* register */
.uael-input-fields.acceptance-field {
  flex-basis: 100%;
}

.uael-reg-form-submit {
  margin-left: auto;
}

/* Cart Page */
.custom-cart-title {
  font-weight: 500;
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 40px;
}

.woocommerce-cart .entry-header {
  display: none;
}

.woocommerce-cart .woocommerce-cart-section {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form {
  width: 75%;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table {
  border: 0;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table thead {
  background: none;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table thead th,
.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table thead td {
  border-bottom: 1px solid #6B6B6B;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table tbody th,
.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table tbody td {
  border-top: 0;
  border-bottom: 1px solid #ECECEC;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table .product-name a {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  color: #3A3A3A;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table .product-quantity {
  text-align: center;
}

.woocommerce-cart .woocommerce-cart-section .woocommerce-cart-form .shop_table .custom-quantity-wrapper {
  margin: 0;
  justify-content: center;
}

.woocommerce-cart .woocommerce-cart-section .cart-collaterals {
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce-cart .woocommerce-cart-section .cart-collaterals .cart_totals {
  width: 100%;
  float: none;
  border: 0;
  background: none;
  padding: 0;
}

.woocommerce-cart .woocommerce-cart-section .cart-collaterals .cart_totals .shop_table {
  background: #E6F6F6;
  border: 0;
  border-radius: 8px;
}

.woocommerce-cart .woocommerce-cart-section .cart-collaterals .cart_totals .shop_table td,
.woocommerce-cart .woocommerce-cart-section .cart-collaterals .cart_totals .shop_table th {
  border: 0;
}

.woocommerce-cart .woocommerce-cart-section .cart-collaterals .cart_totals h2 {
  display: none;
}

.woocommerce-cart .woocommerce-cart-section .wc-proceed-to-checkout .checkout-button {
  background: #00A9A7;
  padding: 8px 40px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
}

.woocommerce-account .woocommerce-MyAccount-content {
  width: 100%;
}

.my-orders-wrapper {
  display: flex;
  flex-direction: column;
}

.my-order-item {
  margin-bottom: 20px;
  padding: 15px;
}

.order-summary {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  background: #424345;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: #fff;
  padding: 20px;
}

.order-summary > div {
  display: flex;
  flex-direction: column;
}

.order-summary label {
  font-size: 12px;
  color: #E8E8E8;
}

.order-summary .order-summary-value a,
.order-summary .order-summary-value {
  font-size: 16px;
  color: #FFFFFF;
}

.order-summary > div {
  font-size: 14px;
}

.order-attention {
  background-color: #E8F4FB;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 5px;
  color: #1C94D2;
}

.order-items-attention-wrapper {
  border: 2px solid #ECECEC;
  padding: 20px;
}

.order-items-wrapper {
  display: flex;
  gap: 20px;
}

.order-items-wrapper .order-items-images {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  width: 25%;
}

.order-items-wrapper .order-items-images .item-thumbnail img {
  width: 50%;
  height: auto;
  object-fit: cover;
  margin: 0;
  border: 2px solid #E6F6F6;
  border-radius: 8px;
}

.order-items-wrapper .order-items {
  display: flex;
  flex-direction: column;
  width: 55%;
}

.order-items-wrapper .order-items label {
  font-size: 12px;
  font-weight: 400;
}

.order-items-wrapper .order-items .order-item {
  display: flex;
  align-items: center;
  margin-right: 15px;
  margin-bottom: 10px;
}

.order-items-wrapper .order-items .order-item .item-name {
  font-size: 16px;
}

.order-items-wrapper .order-actions {
  width: 20%;
}

.woocommerce-dashboard .entry-header {
  display: none;
}
.woocommerce-dashboard .myaccount-title-wrapper {
  margin: 40px 0;
}
.woocommerce-dashboard .myaccount-title-wrapper h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  margin-bottom: 10px;
}
.woocommerce-dashboard .myaccount-title-wrapper h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 100%;
}

.woocommerce-edit-account .entry-header {
  display: none;
}
.woocommerce-edit-account .myaccount-title-wrapper {
  margin: 40px 0;
  display: flex;
}
.woocommerce-edit-account .myaccount-title-wrapper h2 {
  font-weight: 500;
  font-size: 36px;
  line-height: 100%;
  margin-bottom: 10px;
}
.woocommerce-edit-account .myaccount-title-wrapper h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 100%;
}
.woocommerce-edit-account .myaccount-title-wrapper .account-label {
  margin-left: auto;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
}
.woocommerce-edit-account .myaccount-title-wrapper .account-label span {
  color: #1C94D2;
}
.woocommerce-edit-account .myaccount-title-wrapper .account-label span.business {
  color: #F8A15D;
}
.woocommerce-edit-account .myaccount-title-wrapper .account-label a {
  font-family: Circular;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #00A9A7;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-Input {
  padding: 10px 20px;
  border-radius: 8px;
  border: 0;
  background: #F9F9F9;
}
.woocommerce-edit-account .woocommerce-EditAccountForm fieldset legend {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #3A3A3A;
  border: 0;
  margin: 0 0 20px;
  padding: 0;
}
.woocommerce-edit-account .woocommerce-EditAccountForm label {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #6B6B6B;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .password-fields-wrapper {
  display: flex;
  gap: 20px;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .password-fields-wrapper .woocommerce-form-row {
  width: calc(33.333333% - 20px);
}
.woocommerce-edit-account .woocommerce-EditAccountForm .password-fields-wrapper .password-input {
  position: relative;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .password-fields-wrapper .password-input .show-password-input {
  background: url(images/eye-icon.svg) 0 0 no-repeat;
  position: absolute;
  top: 5px;
  right: 10px;
  padding: 0;
  width: 15px;
  height: 10px;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .form-note {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  color: #6B6B6B;
}
.woocommerce-edit-account .woocommerce-EditAccountForm .woocommerce-Button.button {
  background: #00A9A7;
  padding: 8px 40px;
  border-radius: 8px;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  display: flex;
  margin-left: auto;
}

.woocommerce-MyAccount-content:last-child {
  margin-bottom: 40px;
}
.woocommerce-MyAccount-content .myaccount-box {
  background: #F9F9F9;
  border-radius: 8px;
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-heading-wrapper {
  display: flex;
  align-items: center;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-heading-wrapper .myaccount-box-heading {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  margin: 0;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-heading-wrapper .action-link {
  margin-left: auto;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  color: #00A9A7;
}
.woocommerce-MyAccount-content .myaccount-box .attention-box {
  background: #FDE8EB;
  color: #E91938;
  padding: 20px;
  border-radius: 8px;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table {
  border: 0;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tr {
  position: relative;
  border: 1px solid #E8E8E8;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table thead tr th {
  background: #E8E8E8;
  font-size: 12px;
  line-height: 1;
  color: #6B6B6B;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table thead tr th:last-child {
  text-align: center;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td {
  font-size: 14px;
  line-height: 1;
  color: #3A3A3A;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td:last-child {
  text-align: center;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td.approved {
  color: #008810;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td.pending-remove {
  color: #F8A15D;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td.pending-approval {
  color: #E91938;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td .user-action-popup {
  border: 1px solid #80D4D3;
  border-radius: 8px;
  position: absolute;
  background: #fff;
  width: auto;
  top: 100%;
  right: 0;
  z-index: 9;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td .user-action-popup ul {
  list-style: none;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 20px;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .table tbody tr td .user-action-popup ul a {
  color: #3A3A3A;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list {
  list-style: none;
  padding: 0;
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item {
  width: calc(20% - 20px);
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper {
  position: relative;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 10px 20px 30px;
  border-radius: 8px;
  color: #3A3A3A;
  align-items: center;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .action-item-dropdown {
  box-shadow: 0px 0px 4px 0px #d7d4d4;
  border: 1px solid #80D4D3;
  border-radius: 8px;
  position: absolute;
  background: #fff;
  width: 200px;
  right: 20px;
  top: 40px;
  z-index: 99;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .action-item-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 20px;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .action-item-dropdown ul a {
  color: #3A3A3A;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .document-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #3A3A3A;
  align-items: center;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .doc-name {
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .action-item {
  margin-left: auto;
}
.woocommerce-MyAccount-content .myaccount-box .myaccount-box-content .document-list .document-item .document-item-wrapper .action-item svg {
  width: 20px;
  cursor: pointer;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button {
  border: 1px solid #00A9A7;
  background: transparent;
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #00A9A7;
  text-align: center;
  padding: 8px 40px;
  gap: 10px;
  border-radius: 8px;
  border-width: 1.5px;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button:hover {
  border: 1px solid #00A9A7;
  background: #00A9A7;
  color: #fff;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button.pay {
  background: #00A9A7;
  color: #fff;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button.pay:hover {
  border: 1px solid #00A9A7;
  background: transparent;
  color: #00A9A7;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button + .woocommerce-button {
  margin-top: 10px;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button.cancel {
  padding: 0;
  color: #E91938;
  border: 0;
}

.woocommerce-MyAccount-content .order-actions .woocommerce-button.cancel:hover {
  background: transparent;
  padding: 0;
  color: #E91938;
  border: 0;
  text-decoration: underline;
}

.order-status-delivery {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  border: 2px solid #ECECEC;
  padding: 20px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

/*  WooCommerce View Order Customizations */
.woocommerce-view-order .entry-header {
  display: none;
}

.woocommerce-view-order .order-header {
  display: flex;
  margin-bottom: 40px;
}

.woocommerce-view-order .order-header .order-title {
  margin: 0;
}

.woocommerce-view-order .order-header .order-title span {
  color: #1C94D2;
}

.woocommerce-view-order .order-header .order-status {
  background: none;
  margin: 0 0 0 auto;
  background: none;
  margin: 0 0 0 auto;
  color: #3A3A3A;
  font-weight: 500;
  font-size: 20px;
  padding: 0;
  border-radius: 0;
}

.woocommerce-view-order .order-header .order-status span {
  color: #1C94D2;
}

.woocommerce-view-order .order-content {
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
}

.woocommerce-view-order .order-content .order-products {
  width: 70%;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce-view-order .order-content .order-sidebar {
  width: 30%;
  max-width: 350px;
  padding-left: 20px;
  padding-right: 20px;
}

.woocommerce-view-order .order-content .order-sidebar .customer-details {
  background: #F9F9F9;
  border-radius: 8px;
  padding: 30px;
  font-weight: 400;
  font-size: 16px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.woocommerce-view-order .order-content .order-sidebar .customer-details .customer-detail-row {
  display: flex;
}

.woocommerce-view-order .order-content .order-sidebar .customer-details .customer-detail-row .detail-label {
  color: #6B6B6B;
}

.woocommerce-view-order .order-content .order-sidebar .customer-details .customer-detail-row .detail-value {
  margin-left: auto;
  color: #3A3A3A;
  text-align: right;
}

.woocommerce-view-order .order-content .order-sidebar .order-summary {
  background: #E6F6F6;
  border-radius: 8px;
  padding: 30px;
  font-weight: 400;
  font-size: 16px;
  gap: 20px;
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.woocommerce-view-order .order-content .order-sidebar .order-summary .summary-row {
  display: flex;
  flex-direction: row;
}

.woocommerce-view-order .order-content .order-sidebar .order-summary .summary-row .summary-label {
  color: #6B6B6B;
}

.woocommerce-view-order .order-content .order-sidebar .order-summary .summary-row .summary-value {
  margin-left: auto;
  color: #3A3A3A;
  text-align: right;
}

.woocommerce-view-order .order-content .order-sidebar .order-summary .summary-row .total-row .summary-label {
  font-size: 20px;
}

.woocommerce-view-order .order-content .order-sidebar .order-summary .summary-row .total-row .summary-value {
  font-size: 26px;
}

.woocommerce-view-order .order-content .order-sidebar a.download-invoice-btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  display: block;
  margin-top: 20px;
  color: #00A9A7;
}

.woocommerce-orders .entry-header {
  display: none;
}
.woocommerce-orders .myaccount-title-wrapper {
  margin: 40px 0;
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .woocommerce-orders .myaccount-title-wrapper {
    display: block;
  }
}
.woocommerce-orders .myaccount-title-wrapper h3 {
  font-weight: 500;
  font-size: 26px;
  line-height: 100%;
  display: flex;
  align-items: center;
  margin: 0;
}
@media (max-width: 992px) {
  .woocommerce-orders .myaccount-title-wrapper h3 {
    margin-bottom: 20px;
  }
}
.woocommerce-orders .myaccount-title-wrapper h3 div {
  background: #E91938;
  color: #fff;
  display: block;
  border-radius: 4px;
  padding: 5px;
  margin-left: 10px;
}
.woocommerce-orders .myaccount-title-wrapper .woocommerce-order-search-form {
  position: relative;
}
@media (min-width: 992px) {
  .woocommerce-orders .myaccount-title-wrapper .woocommerce-order-search-form {
    margin-left: 30px;
  }
}
.woocommerce-orders .myaccount-title-wrapper .woocommerce-order-search-form input {
  background: #F9F9F9;
  border: 0;
  padding: 10px 20px 10px 40px;
  border-radius: 8px;
}
.woocommerce-orders .myaccount-title-wrapper .woocommerce-order-search-form button {
  position: absolute;
  background: none;
  padding: 0;
  margin: 0;
  top: 6px;
  left: 15px;
  outline: none;
  border: 0;
  box-shadow: none;
}
.woocommerce-orders .myaccount-title-wrapper .left-bulk-action {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.woocommerce-orders .myaccount-title-wrapper .left-bulk-action a {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  margin-right: 10px;
  display: block;
}
.woocommerce-orders .myaccount-title-wrapper .left-bulk-action .sort {
  display: flex;
  align-items: center;
}
.woocommerce-orders .myaccount-title-wrapper .left-bulk-action .sort label {
  font-weight: normal;
}
.woocommerce-orders .myaccount-title-wrapper .left-bulk-action .sort select {
  border: 0;
  width: 120px;
  padding: 0 16px 0 0;
  color: #3A3A3A;
  font-weight: 500;
  margin-left: 3px;
}
.woocommerce-orders .woocommerce-MyAccount-content .pagination {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.woocommerce-orders .woocommerce-MyAccount-content .pagination a {
  color: #080A0C;
  display: block;
}

.woocommerce-order {
  display: flex;
  padding: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  margin-bottom: 20px;
}

.woocommerce-order .woocommerce-order-details {
  width: 60%;
  padding-right: 20px;
}

.woocommerce-order .order-details {
  width: 40%;
  padding-left: 20px;
  border-left: 1px solid #eee;
}

.order-container {
  margin-bottom: 50px;
}

/* Product List */
.order-products-header {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
}

.order-products-header .product-header {
  width: 55%;
}

.order-products-header .unit-price-header {
  width: 15%;
  text-align: left;
}

.order-products-header .qty-header {
  width: 15%;
  text-align: center;
  padding: 0 10px;
}

.order-products-header .total-header {
  width: 15%;
  text-align: left;
}

.order-product-item .unit-price-column {
  width: 15%;
  text-align: left;
}

.order-product-item .qty-column {
  width: 15%;
  text-align: center;
  padding: 0 10px;
}

.order-product-item .total-column {
  width: 15%;
  text-align: left;
}

.order-product-item .product-column {
  width: 55%;
  display: flex;
  align-items: center;
}

.order-product-item .product-column .product-details {
  margin: 0 15px;
}

.order-product-item .product-column .product-details .product-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #3A3A3A;
}

.order-product-item .product-column .product-details .product-serial {
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  margin-bottom: 10px;
  color: #6B6B6B;
}

.order-product-item .product-column .product-details .requirement-license {
  font-weight: 400;
  font-size: 10px;
  color: #CD5C5C;
}

.order-product-item .product-column .product-details .download-links {
  font-weight: 400;
  font-size: 10px;
  color: #6B6B6B;
}

.order-product-item .product-column .product-details .download-links a {
  font-weight: 400;
  font-size: 10px;
  color: #00A9A7;
}

.order-product-item {
  display: flex;
  justify-content: space-between;
  padding: 20px 10px;
  border-bottom: 1px solid #eee;
}

.order-product-item .product-image img {
  max-width: 100px;
  border: 2px solid #E6F6F6;
  border-radius: 8px;
}

.order-product-item:last-child {
  border-bottom: none;
}

.order-product-info {
  display: flex;
  align-items: center;
  width: 40%;
}

.order-product-image {
  margin-right: 10px;
}

.order-product-image img {
  border-radius: 8px;
  max-width: 60px;
  height: auto;
}

.order-product-name {
  font-weight: 500;
}

.order-product-price {
  width: 20%;
  text-align: center;
}

.order-product-qty {
  width: 10%;
  text-align: center;
}

.order-product-total {
  width: 20%;
  text-align: right;
}

.wc-item-meta {
  margin: 5px 0;
  padding: 0;
  list-style: none;
}

.wc-item-meta li {
  margin: 0;
  padding: 0;
}

.download-invoice {
  display: block;
  background-color: #3498db;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  text-decoration: none;
  margin-top: 20px;
}

.download-invoice:hover {
  background-color: #2980b9;
}

.product-documents {
  margin-top: 20px;
}

.document-section {
  border-left: 10px solid #00A9A7;
  background: #E6F6F6;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.document-section h3 {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
}

.document-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.document-section ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
}

.document-section select, .document-section input {
  padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  border-radius: 8px !important;
  border: 0 !important;
}

.document-section label {
  font-weight: 400;
  font-size: 16px;
  color: #6B6B6B;
  margin-bottom: 10px;
}

.document-section p {
  font-size: 12px;
  color: #6B6B6B;
}

.document-section a.download-link {
  font-weight: 400;
  font-size: 16px;
  color: #00A9A7;
  text-decoration: none;
}

.document-section.purchase-requirement-section {
  border-left: 10px solid #CD5C5C;
  background: #FAEFEF;
}

.download-link {
  display: block;
  color: #0096c7;
  margin-top: 10px;
  font-weight: bold;
}

.modal .modal-content {
  border-radius: 12px;
  padding: 32px;
}
.modal .modal-content h4 {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #3A3A3A;
}
.modal .modal-content h4 + p {
  color: #6B6B6B;
}
.modal .modal-content .user-details {
  gap: 20px;
  border-radius: 8px;
  padding: 30px;
  background-color: #F9F9F9;
  margin-bottom: 20px;
}
.modal .modal-content .user-details .user-detail-item {
  display: flex;
}
.modal .modal-content .user-details .user-detail-item .user-details-label {
  width: 100px;
  color: #6B6B6B;
}
.modal .modal-content .user-details .user-detail-item .user-details-value {
  color: #3A3A3A;
}
.modal .modal-content .action-btn {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  align-items: center;
}
.modal .modal-content .action-btn .red-link {
  color: #E91938;
  text-decoration: none;
  font-weight: 700;
}
.modal .modal-content .action-btn .green-link {
  color: #00A9A7;
  text-decoration: none;
  font-weight: 700;
}
.modal .modal-content .action-btn .green-btn {
  padding: 8px 40px;
  gap: 10px;
  border-radius: 8px;
  background-color: #00A9A7;
  font-weight: 700;
  color: #fff;
}
.modal#user-approval-modal .modal-dialog {
  max-width: 800px;
}
.modal#check-remove-modal .modal-content, .modal#request-remove-modal .modal-content, .modal#remove-document-modal .modal-content {
  text-align: center;
}
.modal#check-remove-modal .modal-content svg, .modal#request-remove-modal .modal-content svg, .modal#remove-document-modal .modal-content svg {
  margin-bottom: 20px;
}
.modal#check-remove-modal .modal-content .action-btn, .modal#request-remove-modal .modal-content .action-btn, .modal#remove-document-modal .modal-content .action-btn {
  flex-direction: column;
}
.modal#check-remove-modal .modal-content .action-btn a, .modal#request-remove-modal .modal-content .action-btn a, .modal#remove-document-modal .modal-content .action-btn a {
  width: 100%;
}

/*# sourceMappingURL=style.css.map */