编辑文件 - woocommerce.css

✏️ 正在编辑: woocommerce.css

路径: /home/h359620/public_html/wp-content/themes/datis/assets/css/woocommerce.css
提示: 您可以编辑任何文件（包括二进制文件），但请注意不当修改可能导致文件损坏。

.datis-product-card.style-1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 16px 20px;
    gap: 20px;
    max-width: 284px;
    background: #FFFFFF;
    border-radius: 100px 100px 24px 24px;
    position: relative;
    z-index: 0;
    transition: all 300ms;

}

.datis-product-card.style-1::before {
    content: '';
    position: absolute;
    width: 113px;
    height: 4px;
    left: calc(50% - 113px/2 + 0.5px);
    bottom: -4px;
    background: var(--datis-secondary-color);
    border-radius: 0px 0px 100px 100px;
    transition: all 300ms;
}

.datis-product-card.style-1.disabled::before {
    background: rgba(245, 245, 245, 0.24);
}

.datis-product-card.style-1.disabled:hover:before {
    background: var(--datis-secondary-color);
}

.business-demo .datis-product-card.style-1::before{
        background: var(--datis-primary-color);
}

.business-demo .datis-product-card.style-1:hover:before{
        background: var(--datis-partially-color) !important;
}

.datis-product-card.style-1 .product-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-width: 100%;
}

.datis-product-card.style-1 .product-wrapper .product-thumb {
    width: 100%;
    height: 137px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 85px 85px 16px 16px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    isolation: isolate;
}

.datis-product-card.style-1 .product-wrapper .product-thumb .discount-percentage {
    position: absolute;
    width: 52px;
    height: 30px;
    left: 8px;
    bottom: 8px;
    background: var(--datis-secondary-color);
    border-radius: 1000px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #F5F5F5;
    transition: all 300ms;
}

.business-demo .datis-product-card.style-1 .product-wrapper .product-thumb .discount-percentage{
        background: var(--datis-primary-color);
}

.datis-product-card.style-1.disabled .product-wrapper .product-thumb .discount-percentage {
    filter: grayscale(1);
}

.datis-product-card.style-1.disabled:hover .product-wrapper .product-thumb .discount-percentage {
    filter: unset;
}

.datis-product-card.style-1 .product-wrapper .product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 300ms;
}

.datis-product-card.style-1.disabled .product-wrapper .product-thumb img {
    filter: grayscale(1);
}

.datis-product-card.style-1.disabled:hover .product-wrapper .product-thumb img {
    filter: unset;
}

.datis-product-card.style-1 .product-wrapper .product-card-content a {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: block;
    max-width: 236px;
}

.datis-product-card.style-1 .product-wrapper .product-card-content .product-title ,
.datis-product-card.style-1 .product-wrapper .product-card-content .product-title *{
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #04142F;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datis-product-card.style-1 .product-wrapper .product-card-content svg {
    width: 100%;
}

.business-demo .datis-product-card.style-1 .product-wrapper .product-card-content svg path{
    stroke: #ededed;
    fill: #ededed;
}

.datis-product-card.style-1 .product-wrapper .product-card-content .product-price-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.datis-product-card.style-1 .product-wrapper .product-card-content .product-price-wrapper .product-price {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    color: #04142F;
    display: flex;
    gap: 3px;
}

.datis-product-card.style-1 .product-wrapper .product-card-content .product-price-wrapper .product-price .price-symbol {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
}

.datis-product-card.style-1 .product-wrapper .product-card-content .product-price-wrapper .regular-price {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    text-decoration: line-through;
    display: flex;
    gap: 3px;

}

.product-layout .product-layout-row {

background: #FFFFFF;
    border-radius: 32px;
    padding: 32px 32px 32px 60px;
    box-sizing: border-box;

}

.product-layout .product-layout-row .product-layout-purchase {
    background: rgba(11, 61, 145, 0.06);
    border-radius: 18px;
    padding: 20px;
}

.product-layout .product-attribute-item .attribute-name,
.product-layout .product-variations-item .variations-name,
.product-layout .product-price .price-header,
.product-layout .product-price .price-value {
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

.product-layout .product-price .price-header {
    min-height: 59px;
}

.product-layout .product-price .price-value .regular-price {
    text-decoration: line-through;
}

.product-layout .product-price .price-value .regular-price .woocommerce-Price-currencySymbol {
    display: none;
}

.product-layout .product-price .price-amount {
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: var(--datis-body-text-color);
}

.product-layout .product-price .price-amount .woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);

}

.product-layout .product-purchase-separator {
    width: 100%;
    height: 1px;
    margin: 33px 0 24px 0;
    background: rgba(11, 61, 145, 0.2);
    display: block;
}

.product-layout .product-price .price-header .price-badge {
    width: 32px;
    height: 18px;
    background: #E63946;
    border-radius: 1000px;
    font-weight: 600;
    font-size: 12px;
    line-height: 32px;
    color: #F5F5F5;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.product-layout .product-attribute-item .attribute-value,
.product-layout .product-variations-item .variations-value {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: right;
    color: #04142F;
}

.product-layout .product-variations-item .variations-value[data-value="pa_color"] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 10px;
    width: 110px;
    height: 49px;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between;
    cursor: pointer;
}

.product-layout .product-variations-item .variations-value[data-value="pa_color"] span {
    background: red;
    width: 20px;
    height: 20px;
    border-radius: 1000px;
}

.product-layout .product-layout-purchase .cart .add-to-cart {

display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 0 16px 16px;
    gap: 8px;
    height: 56px;
    background: var(--datis-secondary-color);
    border-radius: 16px;
    border: 1.5px solid transparent;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    transition: all 300ms;

}

.business-demo .product-layout .product-layout-purchase .cart .add-to-cart{
        background: var(--datis-partially-color);
}

.product-layout .product-layout-purchase .cart .add-to-cart:hover {
    background: #fff;
    color: var(--datis-secondary-color);
    border: 1.5px solid var(--datis-secondary-color);
}

.business-demo .product-layout .product-layout-purchase .cart .add-to-cart:hover {
    background: #fff;
    color: var(--datis-partially-color);
    border: 1.5px solid var(--datis-partially-color);
}

.product-layout .product-layout-purchase .cart .add-to-cart .add-to-cart-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    gap: 8px;
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    border-radius: 0px 16px 16px 0px;
    transition: all 300ms;
    margin-right: -2px;

}

.product-layout .product-layout-purchase .cart .add-to-cart:hover .add-to-cart-icon {
    background: var(--datis-secondary-color);

}

.business-demo .product-layout .product-layout-purchase .cart .add-to-cart:hover .add-to-cart-icon {
    background: var(--datis-partially-color);
}

.product-layout .product-layout-purchase .cart .add-to-cart .add-to-cart-icon svg,
.product-layout .product-layout-purchase .cart .add-to-cart .add-to-cart-icon svg path {
    transition: all 300ms;
}

.product-layout .product-layout-purchase .cart .add-to-cart:hover .add-to-cart-icon svg path {
    stroke: #fff;
}

.product-layout .product-layout-purchase .cart .qty-control {
    position: relative;
}

.product-layout .product-layout-purchase .cart .qty-control .qty-btn {
    width: 35px;
    height: 35px;
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    z-index: 10;
}

.product-layout .product-layout-purchase .cart .qty-control .qty-btn.qty-minus {
    left: 4px;
    top: 9.5px;
}

.product-layout .product-layout-purchase .cart .qty-control .qty-btn.qty-plus {
    right: 4px;
    top: 9.5px;
}

.product-layout .product-layout-purchase .cart .qty-control .quantity {
    width: 100px;
    background: transparent;
    height: 56px;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    gap: 16px;
    height: 56px;
    border: 1.5px solid var(--datis-secondary-color);
    border-radius: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    outline: none;
}

.business-demo .product-layout .product-layout-purchase .cart .qty-control .quantity{
      border: 1.5px solid var(--datis-primary-color);
}

.product-layout .product-layout-purchase .cart .qty-control .quantity::placeholder {
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    font-weight: 500;
}

.product-layout .product-layout-gallery .gallery-main {
    padding: 80px 45px 20px 45px;
}

.product-layout .product-layout-gallery .gallery-swiper {
    background: rgba(11, 61, 145, 0.06);
    border-radius: 85px 85px 16px 16px;
}

.product-layout .product-layout-gallery .gallery-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 85px 85px 16px 16px;

}

.product-layout .product-layout-gallery .gallery-actions {
    box-sizing: border-box;
    position: absolute;
    width: 40px;
    height: 88px;
    right: 0;
    top: 0;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 8px;
    z-index: 1;
    padding: 10px;
}

.product-layout .product-layout-gallery .gallery-actions::before {
    content: '';
    position: absolute;
    z-index: 101;
    display: block;
    width: 20px;
    height: 1px;
    top: 44px;
    background: rgba(11, 61, 145, 0.2);
}

.product-layout .product-layout-gallery .gallery-actions button {
    background: transparent;
    border: none;
    outline: none;
    width: fit-content;
    height: auto;
    padding: 0;
}

.product-layout .product-layout-gallery .gallery-badge {
    position: absolute;
    top: 54%;
    left: 15%;
    background: #E63946;
    color: #fff;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 16px;
    z-index: 100;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
}

.product-layout .product-layout-gallery .gallery-thumbs .swiper-slide {
    /* opacity: .6; */
    cursor: pointer;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    overflow: hidden;
}

.product-layout .product-layout-gallery .gallery-thumbs .swiper-slide-thumb-active .thumb-image {
    opacity: 1;
    border-color: var(--datis-secondary-color);
}

.business-demo .product-layout .product-layout-gallery .gallery-thumbs .swiper-slide-thumb-active .thumb-image{
        border-color: var(--datis-primary-color);
}

.product-layout .product-layout-gallery .thumb-image {
    object-fit: cover;
    box-sizing: border-box;
    width: 100%;
    height: 56px;
    background: #FFFFFF;
    border: 1.5px solid rgba(11, 61, 145, 0.2);
    border-radius: 10px;
    padding: 2px;

}

.product-layout .product-layout-summary .product-title {

font-weight: 700;
    font-size: 20px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);

}

.product-layout .product-layout-summary .rating-statistics .ratings-number {
    font-weight: 400;
    font-size: 12px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: #04142F;
    opacity: 0.6;
    margin-top: -5px;
}

.product-layout .product-layout-summary .rating-statistics .rating {
    color: var(--datis-secondary-color);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    opacity: 1;
}

.product-layout .product-layout-summary .rating-statistics .rating svg {
    margin: -8px 3px 0 0;
}

.business-demo .product-layout .product-layout-summary .rating-statistics .rating{
    color : var(--datis-primary-color);
}

.business-demo .product-layout .product-layout-summary .rating-statistics .rating svg path{
    stroke : var(--datis-primary-color);
}

.product-layout .product-layout-summary .product-features-heading {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.product-layout .product-layout-summary .product-features-item {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 8px 8px 8px 24px;
    min-width: 157px;
    height: 60px;
    background: rgba(10, 38, 71, 0.04);
    border-radius: 10px;

}

.product-layout .product-layout-summary .product-features-item .features-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(10, 38, 71, 0.64);
    opacity: 0.5;
}

.product-layout .product-layout-summary .product-features-item .features-value {

font-weight: 400;
    font-size: 13px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-primary-color);

}

.business-demo .product-layout .product-layout-summary .product-features-item .features-value{
     color: var(--datis-partially-color);
}

.product-layout .product-layout-summary .more-features a {

display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 17px;
    gap: 10px;
    min-width: 193px;
    height: 53px;
    background: #F5F6F8;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--datis-body-text-color);
    width: fit-content;
    text-wrap: nowrap;

}

.product-layout .product-layout-summary .more-features .more-features-separator {
    width: 100%;
    height: 1px;
    background: rgba(11, 61, 145, 0.2);
    display: block;
}

.product-section-nav .section-nav .section-nav-item {
    transition: all 300ms;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;
    height: 42px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(10, 38, 71, 0.64);

}

.product-section-nav .section-nav .section-nav-item.is-active,
.product-section-nav .section-nav .section-nav-item:hover {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px;
    gap: 8px;
    height: 42px;
    background: var(--datis-secondary-color);
    border-radius: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 23px;
    text-align: right;
    color: #FFFFFF;

}

.business-demo .product-section-nav .section-nav .section-nav-item.is-active,
.business-demo .product-section-nav .section-nav .section-nav-item:hover {
    background: var(--datis-primary-color);
}

.product-section-nav .section-nav .section-nav-item svg,
.product-section-nav .section-nav .section-nav-item svg path {
    transition: all 300ms;
}

.product-section-nav .section-nav .section-nav-item:nth-child(1).is-active svg path:nth-child(1),
.product-section-nav .section-nav .section-nav-item:nth-child(1):hover svg path:nth-child(1) {
    stroke: unset;
    fill: #fff;
}

.product-section-nav .section-nav .section-nav-item.is-active svg path,
.product-section-nav .section-nav .section-nav-item:hover svg path {
    stroke: #fff;
}

.product-layout #intro,
.product-layout #specs {
    width: 100%;
    background: #FFFFFF;
    border-radius: 32px;
    padding: 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    text-align: justify;
    color: rgba(10, 38, 71, 0.64);

}

.product-layout #intro h1,
.product-layout #intro h2,
.product-layout #intro h3,
.product-layout #intro h4,
.product-layout #intro h5,
.product-layout #intro h6,
.product-layout #specs h1,
.product-layout #specs h2,
.product-layout #specs h3,
.product-layout #specs h4,
.product-layout #specs h5,
.product-layout #specs h6 {

font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    text-align: right;
    color: var(--datis-body-text-color);
    margin-bottom: 20px;
}

.product-layout .product-cat ul,
.product-layout .product-tags ul {
    list-style: none;
}

.product-layout .product-cat ul li a,
.product-layout .product-tags ul li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.intro-separator {

width: 100%;
    height: 1.5px;
    background: rgba(135, 135, 135, 0.2);

}

.product-layout #specs .specs-name {
    min-height: 56px;
    font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

.product-layout #specs .specs-value {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
    min-height: 56px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 16px;
    padding: 16px 14px;

}

/* hide native number spinners */
.qty-control input[type="number"]::-webkit-outer-spin-button,
.qty-control input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.qty-control input[type="number"] {
    -moz-appearance: textfield;
}

.product-layout .share-wrapper,
.product-layout .favorite-wrapper {

height: 29px;
    background: var(--datis-secondary-color);
    border-radius: 6px;
    font-weight: 600;
    font-size: 13px;
    line-height: 180%;
    color: #FFFFFF;
    position: absolute;
    top: 8px;
    right: 120%;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    transition: all 300ms;
    width: fit-content;
    text-wrap: nowrap;
}

.product-layout .gallery-actions-hover:hover .favorite-wrapper,
.product-layout .gallery-actions-hover:hover .share-wrapper {

display: flex;
}

.product-layout .favorite-wrapper {
    top: 58%;
}

.product-layout .datis-cat-products-swiper .swiper-wrapper {
    padding: 10px 0;
}

.product-layout .datis-cat-tabs .datis-cat-tab {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    height: 48px;
    border: 1.5px solid rgba(11, 61, 145, 0.2);
    border-radius: 10000px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    outline: none;
    background: transparent;
    transition: all 300ms;
    flex: 0 0 auto;
}

.product-layout .datis-cat-tabs .datis-cat-tab:hover,
.product-layout .datis-cat-tabs .datis-cat-tab.is-active {
    border: 1.5px solid var(--datis-secondary-color);
    color: var(--datis-secondary-color);
}

.business-demo .product-layout .datis-cat-tabs .datis-cat-tab:hover,
.business-demo .product-layout .datis-cat-tabs .datis-cat-tab.is-active {
    border: 1.5px solid var(--datis-primary-color);
    color: var(--datis-primary-color);
}

.product-layout .heading p {
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    text-align: right;
    color: var(--datis-body-text-color);
}

.product-layout .heading span {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-align: right;
    color: rgba(10, 38, 71, 0.64);
}

.architecture-demo .product-layout .heading span {
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    background-color: transparent;
    font-size: 32px;
    font-weight: 600;
    font-style: italic;
    line-height: 32px;
    letter-spacing: 0.6px;
    background-image: linear-gradient(180deg, #09062514 0%, #09062500 65%);
    margin-bottom: 0px;
}

.architecture-demo .product-layout .heading p {
    font-size: 28px;
    font-weight: 400;
    color: #09062580;
    margin-top: -15px;
}

.industry-demo .product-layout .heading p {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: right;
    color: var(--datis-primary-color);

}

.industry-demo .product-layout .heading p .accent-text {
    font-weight: 800;
    font-size: 24px;
    line-height: 34px;
    text-align: right;
    color: var(--datis-secondary-color);
    position: relative;
    z-index: 0;
}

.industry-demo .product-layout .heading p .accent-text::before {
    content: '';
    display: block;
    position: absolute;
    left: -7px;
    width: 57px;
    height: 37px;
    background: var(--datis-secondary-color);
    opacity: 0.1;
    top: -3px;
    border-radius: 12px 0 0 12px;

}

.industry-demo .product-layout .heading span {

font-weight: 300;
    font-size: 24px;
    line-height: 34px;
    text-align: right;
    color: rgba(11, 61, 145, 0.1);

}

.datis-cat-tabs-wrap {
    position: relative;
    width: 100%;
    max-width: 550px;
}

.datis-cat-tabs {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* Firefox */
    gap: 8px;
    padding-bottom: 6px;
}

/* مخفی کردن اسکرول‌بار */
.datis-cat-tabs::-webkit-scrollbar {
    display: none;
}

.datis-cat-tab {
    flex: 0 0 auto;
    /* مهم‌ترین خط */
    white-space: nowrap;
}

.cart-empty-wrap {
    box-sizing: border-box;
    height: 706px;
    background: #FFFFFF;
    border-radius: 32px;
}

.cart-empty-wrap p {

font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--datis-body-text-color);

}

.cart-empty-wrap .wc-backward {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 0 0 24px;
    gap: 12px;
    height: 48px;
    background: var(--datis-secondary-color);
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #F5F5F5;
    transition: all 300ms;
}

.cart-empty-wrap .wc-backward:hover {
    background: var(--datis-secondary-color);
    color: #F5F5F5;
}

.cart-empty-wrap .wc-backward svg {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    gap: 8px;
    width: 48px;
    height: 48px;
    background: var(--datis-primary-color);
    border-radius: 0px 16px 16px 0px;

}

.cart.page-cart,
.checkout.page-checkout {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.cart.page-cart .cart-wrapper,
.checkout.page-checkout .checkout-wrapper {
    background: #FFFFFF;
    border-radius: 24px;
    padding: 32px 16px;
}

.cart.page-cart .cart-sidebar .price-details .detali-items-name,
.checkout.page-checkout .checkout-sidebar .price-details .detali-items-name {

font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);

}

.cart.page-cart .cart-sidebar .price-details .detail-items-value,
.checkout.page-checkout .checkout-sidebar .price-details .detail-items-value {

font-weight: 600;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    color: var(--datis-body-text-color);

}

.cart.page-cart .cart-sidebar .check-out-btn,
.checkout.page-checkout .checkout-sidebar .check-out-btn {

display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px 20px;
    gap: 10px;
    height: 43px;
    background: var(--datis-secondary-color);
    border-radius: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    border: none;
    outline: none;
    transition: all 300ms;
    width: 100%;
    margin-top: 39px;
}

.business-demo .cart.page-cart .cart-sidebar .check-out-btn, 
.business-demo .checkout.page-checkout .checkout-sidebar .check-out-btn{
     background: var(--datis-primary-color);
}

.cart.page-cart .cart-sidebar .discount-code-btn,
.checkout.page-checkout .checkout-sidebar .discount-code-btn {

font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(10, 38, 71, 0.64);
    height: 64px;
    background: #FFFFFF;
    border-radius: 16px;
    width: 100%;
    border: none;
    outline: none;
    padding: 16px;
}

.cart.page-cart .cart-sidebar .discount-code-btn .discount-code-btn-icon,
.checkout.page-checkout .checkout-sidebar .discount-code-btn .discount-code-btn-icon {
    transition: all 300ms;
    width: 24px;
    height: 24px;
}

.cart.page-cart .cart-sidebar .discount-code-btn .discount-code-btn-icon svg path,
.checkout.page-checkout .checkout-sidebar .discount-code-btn .discount-code-btn-icon svg path {
    stroke : var(--datis-primary-color);
}

.cart.page-cart .cart-sidebar .discount-code-btn[aria-expanded="true"] .discount-code-btn-icon,
.checkout.page-checkout .checkout-sidebar .discount-code-btn[aria-expanded="true"] .discount-code-btn-icon {
    transform: rotate(180deg);
    margin-top: -5px;
}

.cart.page-cart .cart-sidebar input[name="coupon_code"],
.checkout.page-checkout .checkout-sidebar input[name="coupon_code"] {
    position: relative;
    width: 100%;
    height: 48px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 10px;
    outline: none;
    border: none;
    box-sizing: border-box;
    padding: 12px 16px;
}

.cart.page-cart .cart-sidebar button[name="apply_coupon"],
.checkout.page-checkout .checkout-sidebar button[name="apply_coupon"] {

position: absolute;
    width: 39px;
    height: 29px;
    left: 30px;
    top: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-decoration-line: underline;
    color: var(--datis-primary-color);
    background: transparent;
    transition: all 300ms;

}

.cart.page-cart .cart-sidebar button[name="apply_coupon"]:hover,
.checkout.page-checkout .checkout-sidebar button[name="apply_coupon"]:hover {
    color: var(--datis-secondary-color);
}

.cart.page-cart .cart-content .cart-heading,
.checkout.page-checkout .checkout-content .checkout-heading {

font-weight: 600;
    font-size: 18px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);

}

.cart.page-cart .cart-content .products .cart-item {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 16px;
    padding: 12px 12px 12px 20px;
}

.cart.page-cart .cart-content .products .cart-item .products-img {

display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5px 6px;
    gap: 10px;
    width: 79px;
    height: 76px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 8px;

}

.cart.page-cart .cart-content .products .cart-item .products-img img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 8px;
}

.cart.page-cart .cart-content .products .cart-item .products-title,
.cart.page-cart .cart-content .products .cart-item .products-title *{
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.cart.page-cart .cart-content .products .cart-item .remove-product {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px;
    gap: 10px;
    width: 36px;
    height: 36px;
    background: var(--datis-secondary-color);
    border-radius: 8px;
    border: none;
    outline: none;
}

.business-demo .cart.page-cart .cart-content .products .cart-item .remove-product{
      background: var(--datis-primary-color);
}

.cart.page-cart .cart-content .products .cart-item .qty-control {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 109px;
    height: 49px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 10px;
    position: relative;
    z-index: 0;
}

.cart.page-cart .cart-content .products .cart-item .qty-control input {
    width: 100%;
    height: 100%;
    padding: 12px 10px;
    background: transparent;
    border: none;
    outline: none;
    border-radius: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 180%;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
}

.cart.page-cart .cart-content .products .cart-item .qty-control button {
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    z-index: 10;
}

.cart.page-cart .cart-content .products .cart-item .qty-control .qty-btn.qty-minus {
    left: 5px;
    top: 12px;
}

.cart.page-cart .cart-content .products .cart-item .qty-control .qty-btn.qty-plus {
    right: 5px;
    top: 12px;
}

.cart.page-cart .cart-content .products .cart-item .discount-percentage {
    width: 32px;
    height: 18px;
    background: #E63946;
    border-radius: 1000px;
    font-weight: 600;
    font-size: 12px;
    text-align: right;
    color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart.page-cart .cart-content .products .cart-item .regular-price {
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    text-decoration: line-through;
    display: flex;
    gap: 3px;
}

.cart.page-cart .cart-content .products .cart-item .price-amount {
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: var(--datis-body-text-color);
}

.checkout.page-checkout .checkout-content .billing-wrapper .billing-input,
.checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input {
    width: 49%;
    position: relative;
    z-index: 0;
    color: rgba(11, 61, 145, 0.6);
}

.checkout.page-checkout .checkout-wrapper {
    padding: 32px 24px;
}

.checkout.page-checkout .checkout-content h3 {
    font-size: 18px;
    color: var(--datis-body-text-color);
    font-weight: 600;
    line-height: 150%;
}

.checkout.page-checkout .checkout-content .billing-wrapper .billing-input input,
.checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input input {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 40px 8px 20px;
    gap: 12px;
    width: 100%;
    height: 52px;
    background: rgba(11, 61, 145, 0.03);
    border-radius: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);

border: none;
    outline: none;
}

.checkout.page-checkout .checkout-content .billing-wrapper .billing-input input::placeholder,
.checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 36px;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

.checkout.page-checkout .checkout-content .billing-wrapper .billing-input svg,
.checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input svg {
    position: absolute;
    top: 12px;
    right: 10px;
}

.shipping-wrapper {
    display: none;
}

.checkout.page-checkout .checkout-content .shipping-checkbox span,
.wc_payment_method .pay-input-wrap span {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border: 1px solid var(--datis-secondary-color);
    border-radius: 4px;
    position: relative;
}

.checkout.page-checkout .checkout-content .shipping-checkbox span svg,
.wc_payment_method .pay-input-wrap span svg {
    position: absolute;
    bottom: -3px;
    left: -3px;
    display: none;
}

.wc_payment_method {
    list-style: none;
}

.woocommerce-checkout-payment.pay-card {
    background: rgba(11, 61, 145, 0.03) !important;
    border-radius: 16px !important;
}

.wc_payment_method .pay-input-wrap input {
    opacity: 0;
    visibility: hidden;
}

.checkout.page-checkout .checkout-content .shipping-checkbox span svg path,
.wc_payment_method .pay-input-wrap span svg path {
    stroke: #fff;
    stroke-width: 3px;
}

.checkout.page-checkout .checkout-content .shipping-checkbox.is-check span,
.wc_payment_method.is-check .pay-input-wrap span {
    background: var(--datis-secondary-color);
}

.checkout.page-checkout .checkout-content .shipping-checkbox.is-check span svg,
.wc_payment_method.is-check .pay-input-wrap span svg {
    display: block;
}

.datis-product-loop .datis-product-card.style-1 {
    width: 32%;
    max-width: 305px;
    margin-bottom: 20px;
}

.datis-product-loop .datis-product-card.style-1:hover::before {
    background: var(--datis-primary-color);
}

.datis-product-loop .datis-product-card.style-1 .product-wrapper {
    width: 100%;
}

.datis-product-loop .datis-product-card.style-1 .product-wrapper .product-thumb {
    max-height: 157px;
    height: auto;
}

.datis-product-loop .datis-product-card.style-1 .product-wrapper .product-card-content a {
    max-width: 100%;
}

.datis-sidebar-widget .price-actions a,
.datis-sidebar-widget .price-actions button {
    background: var(--datis-secondary-color);
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    width: 50%;
    text-align: center;
    border-radius: 16px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 16px;
    transition: all 300ms;
}

.business-demo .datis-sidebar-widget .price-actions a,
.datis-sidebar-widget .price-actions button {
    background: var(--datis-primary-color);
    
}

.business-demo .datis-sidebar-widget .price-actions a:hover,
.datis-sidebar-widget .price-actions button:hover {
    background: var(--datis-partially-color);
    color : #fff;
}

/* =============== Range Thumb (Chrome / Edge / Safari) =============== */
.business-demo .datis-price-filter .datis-range-input::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--datis-primary-color);      /* رنگ دایره */
  border: 2px solid #fff;   /* دور خط (اختیاری) */
  cursor: pointer;
  box-shadow: 0 0 0 2px rgba(10,38,71,.15); /* اختیاری */
}

.business-demo .datis-price-filter .datis-range-input::-moz-range-thumb{
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--datis-primary-color);      
  border: 2px solid #fff;
  cursor: pointer;
}

.business-demo .datis-price-filter .datis-range-input::-moz-range-track{
  background: transparent;
}

.business-demo .datis-range-fill{
        background: var(--datis-primary-color);
}

.mini-cart .mini-cart-wrapper {

display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0px 12px;
    gap: 24px;
    position: relative;
    width: 397px;
    height: auto;
    background: #FFFFFF;
    border-radius: 16px;

}

.mini-cart .mini-cart-wrapper .mini-cart-header {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: var(--datis-primary-color);
    border-bottom: 1px solid rgba(107, 114, 128, 0.16);
    padding-bottom: 20px;
}

.mini-cart .mini-cart-wrapper .mini-cart-content,
.mini-cart .mini-cart-wrapper .mini-cart-footer {
    width: 100%;
    height: auto;
    padding: 20px 16px;
}

.mini-cart .mini-cart-wrapper .mini-cart-content {
    max-height: 220px;
    overflow-y: scroll;
    scrollbar-width: none;
    padding : 0 15px;
}

.mini-cart .mini-cart-wrapper .product-details {
    max-width: 74%;
}

.mini-cart .mini-cart-wrapper .product-details .qty {
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    color: #8B91A0;
}

.mini-cart .mini-cart-wrapper .mini-cart-footer {
    border-top: 1px solid rgba(107, 114, 128, 0.16);
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .remove-item {
    background: transparent;
    border: none;
    outline: none;
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .product-thumb {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9.36364px;
    gap: 18.73px;
    width: 60px;
    height: 60px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 16px;
    overflow: hidden;
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .product-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .product-title,
.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .product-title *{
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    text-align: right;
    color: var(--datis-body-text-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .regular-price {

font-weight: 400;
    font-size: 12px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #8B91A0;
    text-decoration: line-through;
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .regular-price .woocommerce-Price-currencySymbol {
    display: none;
}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .amount-price {

font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-primary-color);
    position: relative;

}

.mini-cart .mini-cart-wrapper .mini-cart-content .cart-item .amount-price .woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    color: #8B91A0;
    transform: rotate(-90deg);
    position: absolute;
    left: -20px;
    top: 2px;
}

.mini-cart .mini-cart-wrapper .mini-cart-footer .total-price .total-price-lable {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: rgba(11, 21, 48, 0.58);
}

.mini-cart .mini-cart-wrapper .mini-cart-footer .price {
    font-weight: 700;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    color: var(--datis-primary-color);
    position: relative;
    padding-left: 15px;
}

.mini-cart .mini-cart-wrapper .mini-cart-footer .price .woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 11px;
    line-height: 12px;
    text-align: center;
    transform: rotate(-90deg);
    position: absolute;
    left: -5px;
    top: 4px;
}

.mini-cart .mini-cart-wrapper .mini-cart-footer .checkout-btn,
.mini-cart .mini-cart-wrapper .mini-cart-footer .cartpage-btn {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #F5F5F5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 24px 8px 16px;
    gap: 16px;
    width: 100%;
    height: 44px;
    background: var(--datis-primary-color);
    border-radius: 12px;
    margin-top: 16px;
}

.mini-cart .mini-cart-wrapper .mini-cart-footer .cartpage-btn {
    background: var(--datis-secondary-color);
    margin-top: 8px;
}

.auth-login,
.auth-register {
    width: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.auth-header {
    width: 290px;
    height: 36px;
    background: var(--datis-secondary-color);
    border-radius: 20px 20px 0px 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: #F7F6FE;
}

.business-demo .auth-header {
    display: none;
}

.auth-content {
    width: 500px;
    background: #FFFFFF;
    border-radius: 24px;
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
    padding: 40px 40px 32px 40px;
    /* margin-top: 4px; */
}

.business-demo .auth-content {
    color: #0A26478A;
}

.auth-content .auth-inputs,
.auth-content .auth-inputs .auth-input {
    width: 100%;
    position: relative;
}

.auth-content .auth-input input {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    border: 1.3px solid rgba(11, 61, 145, 0.6);
    border-radius: 50px;
    outline: none;
    padding: 10px 44px;
}

.auth-content .auth-input input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    color: rgba(11, 61, 145, 0.6);
}

.business-demo .auth-content .auth-input input {
    border-color: #0A26478A;
}

.business-demo .auth-content .auth-input input,
.business-demo .auth-content .auth-input input::placeholder,
.business-demo .auth-footer a {
    color: #0A26478A;
}

.business-demo .auth-content .auth-forget-pass,
.business-demo .auth-content .auth-new a {
    color: var(--datis-primary-color);
}

.business-demo .auth-content .auth-conditions .conditions-check.is-checked {
    border-color: var(--datis-primary-color);
    background: var(--datis-primary-color);
}

.business-demo .auth-content .auth-submit {
    background: #0A2647;
    padding: 10px 16px 10px 6px;
}

.business-demo .auth-content .auth-submit svg {
    order: 1;
    padding: 0;
    background: transparent;
    width: 46px;
    height: 46px;
}

.auth-content .auth-input .input-icon {
    position: absolute;
    top: 10px;
    right: 12px;

}

.auth-content .auth-text {
    width: 100%;
    text-align: right;
}

.auth-content .auth-conditions .conditions-check {
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 1px solid rgba(11, 61, 145, 0.6);
    box-shadow: 0px 0px 20px rgba(76, 86, 134, 0.07);
    border-radius: 5px;

}

.auth-content .auth-conditions .conditions-check.is-checked {
    background: var(--datis-secondary-color);
    border: 1px solid var(--datis-secondary-color);
}

.auth-content .auth-submit {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 0px 10px 16px;
    gap: 8px;
    height: 56px;
    background: var(--datis-secondary-color);
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #F5F5F5;
    border: none;
    outline: none;
}

.auth-content .auth-submit svg {

/* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    width: 56px;
    height: 56px;
    background: #F5F5F5;
    border-radius: 0px 16px 16px 0px;
    margin-right: -1px;
}

.business-demo .auth-content .input-icon svg path,
.business-demo .auth-content .input-icon svg circle {
    stroke: #0a264781;
}

.business-demo .auth-content h3 {
    width: 100%;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 31px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #0A2647;
}

.auth-content .auth-forget-pass,
.auth-content .auth-new a,
.auth-footer a {
    text-wrap: nowrap;
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: right;
    text-decoration-line: underline;
    color: var(--datis-secondary-color);

}

.auth-footer a {
    color: #F5F5F5;
}

.auth-bg {
    margin-top: -230px;
    position: relative;
    z-index: -1;
}

.business-demo .auth-bg {
    margin-top: -340px;

}

.woocommerce-account .account-wrapper,
.woocommerce-account .comments-shell {
    box-sizing: border-box;
    padding: 24px;
    width: 100%;
    background: #FFFFFF;
    border-radius: 32px;

}

.woocommerce-account .account-dashboard {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.woocommerce-account .account-dashboard .dashboard-name {
    font-weight: 700;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--datis-body-text-color);
}

.woocommerce-account .account-dashboard .dashboard-avatar img {
    width: 80px;
    height: 80px;
    border-radius: 1000px;
}

.woocommerce-account .account-dashboard .account-profile-action {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: rgba(11, 61, 145, 0.6);

}

.woocommerce-account .account-dashboard .dashboard-stats .dashboard-stats-items,
.woocommerce-account .account-dashboard .dash-card.dash-card-account,
.woocommerce-account .account-dashboard .dash-card.dash-card-password {
    box-sizing: border-box;
    padding: 24px;
    gap: 18px;
    width: 100%;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 18px;
}

.woocommerce-account .account-dashboard .dash-card.dash-card-account,
.woocommerce-account .account-dashboard .dash-card.dash-card-password {
    padding: 12px 24px;
}

.woocommerce-account .account-dashboard .dashboard-stats .stats-item {
    box-sizing: border-box;
    background: var(--datis-primary-color);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 72px;
}

.woocommerce-account .account-dashboard .dashboard-stats .stats-item .stats-item-icon {

display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px;
    width: 44px;
    height: 44px;
    background: var(--datis-secondary-color);
    border-radius: 50px;

}

.woocommerce-account .account-dashboard .dashboard-stats .stats-item .stats-item-name {
    font-weight: 400;
    font-size: 16px;
    text-align: right;
    color: #FFFFFF;
}

.woocommerce-account .account-dashboard .dashboard-stats .stats-item .stats-item-value {

font-weight: 900;
    font-size: 20px;
    display: flex;
    align-items: center;
    text-align: right;
    color: #F3F4F6;

}

.woocommerce-account .account-dashboard .dash-card-title,
.woocommerce-account .address-settings .address-card-title,
.woocommerce-account .account-settings .account-card-title,
.woocommerce-account .comments-shell .comments-card .comments-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.woocommerce-account .account-dashboard .dash-card-more,
.woocommerce-account .address-settings .address-card-more,
.woocommerce-account .account-settings .account-card-more {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: rgba(11, 61, 145, 0.6);
}

.woocommerce-account .account-dashboard .dash-form-grid {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
    justify-content: space-between;
}

.woocommerce-account .account-dashboard .dash-form-grid .dash-field,
.woocommerce-account .address-settings .address-field,
.woocommerce-account .account-settings .account-field {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px;
    gap: 12px;
    width: 270px;
    height: 52px;
    background: rgba(11, 61, 145, 0.03);
    border-radius: 16px;
    color: rgba(11, 61, 145, 0.6);
    position: relative;
}

.woocommerce-account .account-settings .woocommerce-password-strength.bad {
    position: absolute;
    top: 113%;
}

.woocommerce-account .account-settings .woocommerce-password-hint {
    position: absolute;
    top: 195%;
}

.woocommerce-account input.dash-input,
.woocommerce-account input.dash-input::placeholder,
.woocommerce-account .address-settings input.address-input,
.woocommerce-account .address-settings input.address-input::placeholder,
.woocommerce-account .account-settings input.account-input,
.woocommerce-account .account-settings input.account-input::placeholder {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 0 !important;
    text-align: right !important;
    color: rgba(11, 61, 145, 0.6) !important;

}

.woocommerce-account .address-settings .select2-container .select2-selection *,
.woocommerce-account .address-settings .select2-container .select2-selection,
.woocommerce-account .account-settings .select2-container .select2-selection *,
.woocommerce-account .account-settings .select2-container .select2-selection {
    /* width: 100% !important;
    height: 48px !important; */
    background: transparent !important;
    border: none !important;
    outline: none !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 0 !important;
    text-align: right !important;
    color: rgba(11, 61, 145, 0.6) !important;
}

.woocommerce-account .address-settings .woocommerce-input-wrapper {
    width: 100%;
}

.woocommerce-account .address-card-body,
.woocommerce-account .account-card-body {
    box-sizing: border-box;
    padding: 24px;
    gap: 18px;
    width: 100%;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 18px;
}

.woocommerce-account .address-form-grid,
.woocommerce-account .account-form-grid {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 24px;
    justify-content: space-between;
}

.woocommerce-account .account-dashboard ul.dash-hints,
.woocommerce-account .account-settings ul.account-hints {
    list-style: none;
    margin-top: 16px;
}

.woocommerce-account .account-dashboard li.dash-hint-item,
.woocommerce-account .account-settings li.account-hint-item {
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: justify;
    color: rgba(11, 61, 145, 0.6);
}

.woocommerce-account .account-dashboard li.dash-hint-item::before,
.woocommerce-account .account-settings li.account-hint-item::before {
    content: '';
    width: 6px;
    height: 6px;
    background: var(--datis-secondary-color);
    margin-left: 6px;
    display: block;
    border-radius: 100px;

}

.woocommerce-account .account-dashboard .dash-btn.dash-btn-primary,
.woocommerce-account .address-settings .address-btn.address-btn-primary,
.woocommerce-account .account-settings .account-btn.account-btn-primary {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #F5F5F5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 0 16px 16px;
    gap: 8px;
    height: 48px;
    background: var(--datis-secondary-color);
    border-radius: 16px;
    border: none;
    outline: none;
}

.woocommerce-account .account-dashboard .dash-btn.dash-btn-primary svg,
.woocommerce-account .address-settings .address-btn.address-btn-primary svg,
.woocommerce-account .account-settings .account-btn.account-btn-primary svg {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 16px;
    gap: 8px;
    width: 48px;
    height: 48px;
    background: var(--datis-primary-color);
    border-radius: 0px 16px 16px 0px;
    margin-right: -1px;

}

.woocommerce-account .account-dashboard .account-profile-action svg {
    margin-top: -5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    box-sizing: border-box;
    width: 23.8%;
    background: #FFFFFF;
    border-radius: 32px;
    padding-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation .account-nav-header {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    gap: 20px;
    isolation: isolate;
    height: 231px;
    background: var(--datis-primary-color);
    border-radius: 32px 32px 0px 0px;
    position: relative;
    z-index: 0;
}

.architecture .woocommerce-account .woocommerce-MyAccount-navigation .account-nav-header {
    background: var(--datis-secondary-color);
}

.woocommerce-account .woocommerce-MyAccount-navigation .account-nav-header::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url('../image/Pattern-account.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.woocommerce-account .woocommerce-MyAccount-navigation .account-nav-avatar-img,
.woocommerce-account .woocommerce-MyAccount-navigation .account-nav-avatar img {
    width: 100px;
    height: 100px;
    border-radius: 1000px;
}

.woocommerce-account .woocommerce-MyAccount-navigation .account-nav-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.woocommerce-account .woocommerce-MyAccount-navigation .account-nav-id span {
    font-weight: 400;
    font-size: 15px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 20px 10px 0 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    position: relative;
    z-index: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    padding-right: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    position: relative;
    justify-content: flex-start;
    flex-direction: row;
    height: 40px;
    border-radius: 12px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
    gap: 8px;
    height: 40px;
    background: var(--datis-secondary-color);
    border-radius: 12px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: #F5F5F5;
}

.woocommerce-MyAccount-navigation ul li.account-ico>a::before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
}

.woocommerce-MyAccount-navigation ul li.account-ico>a::after {
    content: "";
    width: 13px;
    height: 13px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    display: block;
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.749999%200.749999H9.75M0.749999%200.749999V9.75M0.749999%200.749999L7.25%207.25M12.75%2012.75L10.25%2010.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.749999%200.749999H9.75M0.749999%200.749999V9.75M0.749999%200.749999L7.25%207.25M12.75%2012.75L10.25%2010.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    position: absolute;
    left: 13.5px;
    top: 13.5px;
    z-index: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover::after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active::after {
    background-color: var(--datis-primary-color);
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 12px 0 0 12px;
    z-index: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a::after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::after,
.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before {
    background-color: #fff;
}

.woocommerce-MyAccount-navigation ul li:last-child.account-ico>a::after,
.woocommerce-MyAccount-navigation ul li:hover:last-child::after {
    display: none;
}

.woocommerce-MyAccount-navigation li.account-ico-dashboard>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.16797%208.33341H5.83464C7.5013%208.33341%208.33464%207.50008%208.33464%205.83341V4.16675C8.33464%202.50008%207.5013%201.66675%205.83464%201.66675H4.16797C2.5013%201.66675%201.66797%202.50008%201.66797%204.16675V5.83341C1.66797%207.50008%202.5013%208.33341%204.16797%208.33341Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14.168%208.33341H15.8346C17.5013%208.33341%2018.3346%207.50008%2018.3346%205.83341V4.16675C18.3346%202.50008%2017.5013%201.66675%2015.8346%201.66675H14.168C12.5013%201.66675%2011.668%202.50008%2011.668%204.16675V5.83341C11.668%207.50008%2012.5013%208.33341%2014.168%208.33341Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14.168%2018.3334H15.8346C17.5013%2018.3334%2018.3346%2017.5001%2018.3346%2015.8334V14.1667C18.3346%2012.5001%2017.5013%2011.6667%2015.8346%2011.6667H14.168C12.5013%2011.6667%2011.668%2012.5001%2011.668%2014.1667V15.8334C11.668%2017.5001%2012.5013%2018.3334%2014.168%2018.3334Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M4.16797%2018.3334H5.83464C7.5013%2018.3334%208.33464%2017.5001%208.33464%2015.8334V14.1667C8.33464%2012.5001%207.5013%2011.6667%205.83464%2011.6667H4.16797C2.5013%2011.6667%201.66797%2012.5001%201.66797%2014.1667V15.8334C1.66797%2017.5001%202.5013%2018.3334%204.16797%2018.3334Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M4.16797%208.33341H5.83464C7.5013%208.33341%208.33464%207.50008%208.33464%205.83341V4.16675C8.33464%202.50008%207.5013%201.66675%205.83464%201.66675H4.16797C2.5013%201.66675%201.66797%202.50008%201.66797%204.16675V5.83341C1.66797%207.50008%202.5013%208.33341%204.16797%208.33341Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14.168%208.33341H15.8346C17.5013%208.33341%2018.3346%207.50008%2018.3346%205.83341V4.16675C18.3346%202.50008%2017.5013%201.66675%2015.8346%201.66675H14.168C12.5013%201.66675%2011.668%202.50008%2011.668%204.16675V5.83341C11.668%207.50008%2012.5013%208.33341%2014.168%208.33341Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M14.168%2018.3334H15.8346C17.5013%2018.3334%2018.3346%2017.5001%2018.3346%2015.8334V14.1667C18.3346%2012.5001%2017.5013%2011.6667%2015.8346%2011.6667H14.168C12.5013%2011.6667%2011.668%2012.5001%2011.668%2014.1667V15.8334C11.668%2017.5001%2012.5013%2018.3334%2014.168%2018.3334Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M4.16797%2018.3334H5.83464C7.5013%2018.3334%208.33464%2017.5001%208.33464%2015.8334V14.1667C8.33464%2012.5001%207.5013%2011.6667%205.83464%2011.6667H4.16797C2.5013%2011.6667%201.66797%2012.5001%201.66797%2014.1667V15.8334C1.66797%2017.5001%202.5013%2018.3334%204.16797%2018.3334Z%22%20stroke%3D%22%230B3D91%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-miterlimit%3D%2210%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
}

.woocommerce-MyAccount-navigation li.account-ico-downloads>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%2016.5002H12C14.1213%2016.5002%2015.182%2016.5002%2015.841%2015.8412C16.5%2015.1821%2016.5%2014.1215%2016.5%2012.0002V11.2502C16.5%209.12884%2016.5%208.06818%2015.841%207.40917C15.2647%206.83288%2014.3813%206.76055%2012.75%206.75147M5.25%206.75146C3.61873%206.76054%202.7353%206.83288%202.15901%207.40917C1.5%208.06818%201.5%209.12884%201.5%2011.2502L1.5%2012.0002C1.5%2014.1215%201.5%2015.1821%202.15901%2015.8412C2.38386%2016.066%202.65546%2016.2141%203%2016.3117%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M9%201.5L9%2011.25M9%2011.25L6.75%208.625M9%2011.25L11.25%208.625%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%2016.5002H12C14.1213%2016.5002%2015.182%2016.5002%2015.841%2015.8412C16.5%2015.1821%2016.5%2014.1215%2016.5%2012.0002V11.2502C16.5%209.12884%2016.5%208.06818%2015.841%207.40917C15.2647%206.83288%2014.3813%206.76055%2012.75%206.75147M5.25%206.75146C3.61873%206.76054%202.7353%206.83288%202.15901%207.40917C1.5%208.06818%201.5%209.12884%201.5%2011.2502L1.5%2012.0002C1.5%2014.1215%201.5%2015.1821%202.15901%2015.8412C2.38386%2016.066%202.65546%2016.2141%203%2016.3117%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M9%201.5L9%2011.25M9%2011.25L6.75%208.625M9%2011.25L11.25%208.625%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E')
}

.woocommerce-MyAccount-navigation li.account-ico-orders>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.75%204.5V3.75C6.75%202.50736%207.75736%201.5%209%201.5C10.2426%201.5%2011.25%202.50736%2011.25%203.75V4.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.87891%2011.25C7.18778%2012.1239%208.02121%2012.75%209.00088%2012.75C9.98054%2012.75%2010.814%2012.1239%2011.1228%2011.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.1662%209.39427C14.7273%207.05339%2014.5078%205.88294%2013.6746%205.19147C12.8415%204.5%2011.6506%204.5%209.26896%204.5H8.72808C6.3464%204.5%205.15556%204.5%204.32239%205.19147C3.48922%205.88294%203.26976%207.05339%202.83084%209.39427C2.21365%2012.686%201.90505%2014.3318%202.80477%2015.4159C3.70449%2016.5%205.37902%2016.5%208.72807%2016.5H9.26896C12.618%2016.5%2014.2926%2016.5%2015.1923%2015.4159C15.7143%2014.7869%2015.8295%2013.9689%2015.7138%2012.75%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.75%204.5V3.75C6.75%202.50736%207.75736%201.5%209%201.5C10.2426%201.5%2011.25%202.50736%2011.25%203.75V4.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.87891%2011.25C7.18778%2012.1239%208.02121%2012.75%209.00088%2012.75C9.98054%2012.75%2010.814%2012.1239%2011.1228%2011.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M15.1662%209.39427C14.7273%207.05339%2014.5078%205.88294%2013.6746%205.19147C12.8415%204.5%2011.6506%204.5%209.26896%204.5H8.72808C6.3464%204.5%205.15556%204.5%204.32239%205.19147C3.48922%205.88294%203.26976%207.05339%202.83084%209.39427C2.21365%2012.686%201.90505%2014.3318%202.80477%2015.4159C3.70449%2016.5%205.37902%2016.5%208.72807%2016.5H9.26896C12.618%2016.5%2014.2926%2016.5%2015.1923%2015.4159C15.7143%2014.7869%2015.8295%2013.9689%2015.7138%2012.75%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
}

.woocommerce-MyAccount-navigation li.account-ico-address>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.375%205.28111C9.25305%205.26065%209.12777%205.25%209%205.25C7.75736%205.25%206.75%206.25736%206.75%207.5C6.75%208.74264%207.75736%209.75%209%209.75C10.2426%209.75%2011.25%208.74264%2011.25%207.5C11.25%207.37223%2011.2394%207.24695%2011.2189%207.125%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M3.75%2011.4121C3.2644%2010.1717%203%208.851%203%207.60747C3%204.23441%205.68629%201.5%209%201.5C12.3137%201.5%2015%204.23441%2015%207.60747C15%2010.9541%2013.085%2014.8593%2010.0972%2016.2558C9.40069%2016.5814%208.59931%2016.5814%207.9028%2016.2558C6.94855%2015.8098%206.10373%2015.1079%205.39578%2014.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.375%205.28111C9.25305%205.26065%209.12777%205.25%209%205.25C7.75736%205.25%206.75%206.25736%206.75%207.5C6.75%208.74264%207.75736%209.75%209%209.75C10.2426%209.75%2011.25%208.74264%2011.25%207.5C11.25%207.37223%2011.2394%207.24695%2011.2189%207.125%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M3.75%2011.4121C3.2644%2010.1717%203%208.851%203%207.60747C3%204.23441%205.68629%201.5%209%201.5C12.3137%201.5%2015%204.23441%2015%207.60747C15%2010.9541%2013.085%2014.8593%2010.0972%2016.2558C9.40069%2016.5814%208.59931%2016.5814%207.9028%2016.2558C6.94855%2015.8098%206.10373%2015.1079%205.39578%2014.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-account>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%229%22%20cy%3D%226.75%22%20r%3D%222.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M13.4772%2015C13.3579%2012.8314%2012.6939%2011.25%209.00033%2011.25C5.30677%2011.25%204.6428%2012.8314%204.52344%2015%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M5.25%202.50337C6.35315%201.86523%207.63392%201.5%209%201.5C13.1421%201.5%2016.5%204.85786%2016.5%209C16.5%2013.1421%2013.1421%2016.5%209%2016.5C4.85786%2016.5%201.5%2013.1421%201.5%209C1.5%207.63392%201.86523%206.35315%202.50337%205.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Ccircle%20cx%3D%229%22%20cy%3D%226.75%22%20r%3D%222.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%2F%3E%0A%3Cpath%20d%3D%22M13.4772%2015C13.3579%2012.8314%2012.6939%2011.25%209.00033%2011.25C5.30677%2011.25%204.6428%2012.8314%204.52344%2015%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M5.25%202.50337C6.35315%201.86523%207.63392%201.5%209%201.5C13.1421%201.5%2016.5%204.85786%2016.5%209C16.5%2013.1421%2013.1421%2016.5%209%2016.5C4.85786%2016.5%201.5%2013.1421%201.5%209C1.5%207.63392%201.86523%206.35315%202.50337%205.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-comments>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.5%205.30269C9.61748%204.79218%208.59286%204.5%207.5%204.5C4.18629%204.5%201.5%207.18629%201.5%2010.5C1.5%2011.4598%201.72537%2012.367%202.12608%2013.1715C2.23256%2013.3853%202.26801%2013.6296%202.20627%2013.8604L1.84891%2015.196C1.69377%2015.7758%202.22421%2016.3062%202.80401%2016.1511L4.13963%2015.7937C4.37036%2015.732%204.61472%2015.7674%204.82852%2015.8739C5.63302%2016.2746%206.54019%2016.5%207.5%2016.5C10.8137%2016.5%2013.5%2013.8137%2013.5%2010.5C13.5%209.40714%2013.2078%208.38252%2012.6973%207.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13.5%2010.8764C13.5499%2010.8556%2013.5993%2010.834%2013.6483%2010.8116C13.9199%2010.6876%2014.2246%2010.6412%2014.513%2010.7183L14.87%2010.8139C15.5947%2011.0078%2016.2578%2010.3447%2016.0639%209.61999L15.9683%209.26296C15.8912%208.97455%2015.9376%208.66986%2016.0616%208.39829C16.3431%207.78199%2016.5%207.09681%2016.5%206.375C16.5%205.41944%2016.2251%204.52809%2015.75%203.77574M7.125%204.4967C7.86046%202.73674%209.5983%201.5%2011.625%201.5C12.5915%201.5%2013.4923%201.78125%2014.25%202.26636%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M4.88688%2010.5H4.89363M7.50492%2010.5H7.51167M10.1232%2010.5H10.1299%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M10.5%205.30269C9.61748%204.79218%208.59286%204.5%207.5%204.5C4.18629%204.5%201.5%207.18629%201.5%2010.5C1.5%2011.4598%201.72537%2012.367%202.12608%2013.1715C2.23256%2013.3853%202.26801%2013.6296%202.20627%2013.8604L1.84891%2015.196C1.69377%2015.7758%202.22421%2016.3062%202.80401%2016.1511L4.13963%2015.7937C4.37036%2015.732%204.61472%2015.7674%204.82852%2015.8739C5.63302%2016.2746%206.54019%2016.5%207.5%2016.5C10.8137%2016.5%2013.5%2013.8137%2013.5%2010.5C13.5%209.40714%2013.2078%208.38252%2012.6973%207.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M13.5%2010.8764C13.5499%2010.8556%2013.5993%2010.834%2013.6483%2010.8116C13.9199%2010.6876%2014.2246%2010.6412%2014.513%2010.7183L14.87%2010.8139C15.5947%2011.0078%2016.2578%2010.3447%2016.0639%209.61999L15.9683%209.26296C15.8912%208.97455%2015.9376%208.66986%2016.0616%208.39829C16.3431%207.78199%2016.5%207.09681%2016.5%206.375C16.5%205.41944%2016.2251%204.52809%2015.75%203.77574M7.125%204.4967C7.86046%202.73674%209.5983%201.5%2011.625%201.5C12.5915%201.5%2013.4923%201.78125%2014.25%202.26636%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M4.88688%2010.5H4.89363M7.50492%2010.5H7.51167M10.1232%2010.5H10.1299%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-notifications>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%204.5V7.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M5.625%2014.25C6.11627%2015.5608%207.44184%2016.5%209%2016.5C9.18335%2016.5%209.36349%2016.487%209.53942%2016.4619M12.375%2014.25C12.1747%2014.7844%2011.8357%2015.2571%2011.3989%2015.6295%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.83059%202.0056C7.4881%201.68141%208.22364%201.5%209%201.5C11.7956%201.5%2014.0618%203.85217%2014.0618%206.75372V7.28218C14.0618%207.91637%2014.2427%208.53637%2014.5817%209.06405L15.4122%2010.3571C16.1709%2011.5383%2015.5917%2013.1437%2014.2722%2013.5172C10.8204%2014.4943%207.17956%2014.4943%203.72777%2013.5172C2.40828%2013.1437%201.82912%2011.5383%202.58777%2010.3571L3.41835%209.06405C3.75729%208.53637%203.93815%207.91637%203.93815%207.28218V6.75372C3.93815%205.94794%204.11293%205.18452%204.42529%204.50208%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9%204.5V7.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M5.625%2014.25C6.11627%2015.5608%207.44184%2016.5%209%2016.5C9.18335%2016.5%209.36349%2016.487%209.53942%2016.4619M12.375%2014.25C12.1747%2014.7844%2011.8357%2015.2571%2011.3989%2015.6295%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M6.83059%202.0056C7.4881%201.68141%208.22364%201.5%209%201.5C11.7956%201.5%2014.0618%203.85217%2014.0618%206.75372V7.28218C14.0618%207.91637%2014.2427%208.53637%2014.5817%209.06405L15.4122%2010.3571C16.1709%2011.5383%2015.5917%2013.1437%2014.2722%2013.5172C10.8204%2014.4943%207.17956%2014.4943%203.72777%2013.5172C2.40828%2013.1437%201.82912%2011.5383%202.58777%2010.3571L3.41835%209.06405C3.75729%208.53637%203.93815%207.91637%203.93815%207.28218V6.75372C3.93815%205.94794%204.11293%205.18452%204.42529%204.50208%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-consultations>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%209.75H12C13.283%209.75%2014.363%2010.7103%2014.5129%2011.9846L15%2016.125M6%209.75C3.93158%209.29035%202.30038%207.70151%201.78647%205.6459L1.5%204.5M6%209.75V13.5C6%2014.9142%206%2015.6213%206.43934%2016.0607C6.87868%2016.5%207.58579%2016.5%209%2016.5C10.4142%2016.5%2011.1213%2016.5%2011.5607%2016.0607C12%2015.6213%2012%2014.9142%2012%2013.5V12.75%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%229%22%20cy%3D%224.5%22%20r%3D%223%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6%209.75H12C13.283%209.75%2014.363%2010.7103%2014.5129%2011.9846L15%2016.125M6%209.75C3.93158%209.29035%202.30038%207.70151%201.78647%205.6459L1.5%204.5M6%209.75V13.5C6%2014.9142%206%2015.6213%206.43934%2016.0607C6.87868%2016.5%207.58579%2016.5%209%2016.5C10.4142%2016.5%2011.1213%2016.5%2011.5607%2016.0607C12%2015.6213%2012%2014.9142%2012%2013.5V12.75%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3Ccircle%20cx%3D%229%22%20cy%3D%224.5%22%20r%3D%223%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-booking>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%208V12L14.5%2014.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M7%203.33782C8.47087%202.48697%2010.1786%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%2010.1786%202.48697%208.47087%203.33782%207%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M12%208V12L14.5%2014.5%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M7%203.33782C8.47087%202.48697%2010.1786%202%2012%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%2010.1786%202.48697%208.47087%203.33782%207%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-wishlist>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.7213%2014.1831L7.18561%2013.5941L6.7213%2014.1831ZM9%204.12541L8.45963%204.64551C8.60102%204.79241%208.79612%204.87541%209%204.87541C9.20388%204.87541%209.39898%204.79241%209.54037%204.64551L9%204.12541ZM11.2787%2014.1831L11.743%2014.7721L11.2787%2014.1831ZM5.36961%2012.1708C5.04978%2011.9076%204.57713%2011.9535%204.31391%2012.2733C4.05069%2012.5932%204.09658%2013.0658%204.4164%2013.329L4.89301%2012.7499L5.36961%2012.1708ZM1.59199%2010.1485C1.79074%2010.5119%202.24647%2010.6454%202.60988%2010.4466C2.9733%2010.2479%203.10677%209.79216%202.90801%209.42875L2.25%209.78863L1.59199%2010.1485ZM1.5%206.85276H2.25C2.25%205.30976%203.12161%204.02553%204.29622%203.48861C5.42355%202.97331%206.96414%203.09175%208.45963%204.64551L9%204.12541L9.54037%203.60531C7.66098%201.6527%205.45157%201.31122%203.67262%202.12438C1.94095%202.91593%200.75%204.74856%200.75%206.85276H1.5ZM6.7213%2014.1831L6.25699%2014.7721C6.63944%2015.0736%207.06194%2015.4049%207.49302%2015.6568C7.92386%2015.9085%208.4346%2016.1249%209%2016.1249V15.3749V14.6249C8.8154%2014.6249%208.57614%2014.5524%208.24981%2014.3617C7.92371%2014.1711%207.58186%2013.9065%207.18561%2013.5941L6.7213%2014.1831ZM11.2787%2014.1831L11.743%2014.7721C12.8019%2013.9374%2014.1903%2012.9557%2015.2777%2011.7313C16.3907%2010.478%2017.25%208.91043%2017.25%206.85276H16.5H15.75C15.75%208.4423%2015.102%209.67014%2014.1561%2010.7353C13.1845%2011.8293%2011.9623%2012.6892%2010.8144%2013.5941L11.2787%2014.1831ZM16.5%206.85276H17.25C17.25%204.74856%2016.059%202.91593%2014.3274%202.12438C12.5484%201.31122%2010.339%201.6527%208.45963%203.60531L9%204.12541L9.54037%204.64551C11.0359%203.09175%2012.5765%202.97331%2013.7038%203.48861C14.8784%204.02553%2015.75%205.30976%2015.75%206.85276H16.5ZM11.2787%2014.1831L10.8144%2013.5941C10.4181%2013.9065%2010.0763%2014.1711%209.75019%2014.3617C9.42386%2014.5524%209.1846%2014.6249%209%2014.6249V15.3749V16.1249C9.5654%2016.1249%2010.0761%2015.9085%2010.507%2015.6568C10.9381%2015.4049%2011.3606%2015.0736%2011.743%2014.7721L11.2787%2014.1831ZM6.7213%2014.1831L7.18561%2013.5941C6.58203%2013.1183%205.98392%2012.6764%205.36961%2012.1708L4.89301%2012.7499L4.4164%2013.329C5.04031%2013.8425%205.70661%2014.3382%206.25699%2014.7721L6.7213%2014.1831ZM2.25%209.78863L2.90801%209.42875C2.50096%208.68449%202.25%207.84347%202.25%206.85276H1.5H0.75C0.75%208.11484%201.0741%209.20162%201.59199%2010.1485L2.25%209.78863Z%22%20fill%3D%22%23090625%22%20fill-opacity%3D%221%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2221%22%20viewBox%3D%220%200%2021%2021%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M6.7213%2014.1831L7.18561%2013.5941L6.7213%2014.1831ZM9%204.12541L8.45963%204.64551C8.60102%204.79241%208.79612%204.87541%209%204.87541C9.20388%204.87541%209.39898%204.79241%209.54037%204.64551L9%204.12541ZM11.2787%2014.1831L11.743%2014.7721L11.2787%2014.1831ZM5.36961%2012.1708C5.04978%2011.9076%204.57713%2011.9535%204.31391%2012.2733C4.05069%2012.5932%204.09658%2013.0658%204.4164%2013.329L4.89301%2012.7499L5.36961%2012.1708ZM1.59199%2010.1485C1.79074%2010.5119%202.24647%2010.6454%202.60988%2010.4466C2.9733%2010.2479%203.10677%209.79216%202.90801%209.42875L2.25%209.78863L1.59199%2010.1485ZM1.5%206.85276H2.25C2.25%205.30976%203.12161%204.02553%204.29622%203.48861C5.42355%202.97331%206.96414%203.09175%208.45963%204.64551L9%204.12541L9.54037%203.60531C7.66098%201.6527%205.45157%201.31122%203.67262%202.12438C1.94095%202.91593%200.75%204.74856%200.75%206.85276H1.5ZM6.7213%2014.1831L6.25699%2014.7721C6.63944%2015.0736%207.06194%2015.4049%207.49302%2015.6568C7.92386%2015.9085%208.4346%2016.1249%209%2016.1249V15.3749V14.6249C8.8154%2014.6249%208.57614%2014.5524%208.24981%2014.3617C7.92371%2014.1711%207.58186%2013.9065%207.18561%2013.5941L6.7213%2014.1831ZM11.2787%2014.1831L11.743%2014.7721C12.8019%2013.9374%2014.1903%2012.9557%2015.2777%2011.7313C16.3907%2010.478%2017.25%208.91043%2017.25%206.85276H16.5H15.75C15.75%208.4423%2015.102%209.67014%2014.1561%2010.7353C13.1845%2011.8293%2011.9623%2012.6892%2010.8144%2013.5941L11.2787%2014.1831ZM16.5%206.85276H17.25C17.25%204.74856%2016.059%202.91593%2014.3274%202.12438C12.5484%201.31122%2010.339%201.6527%208.45963%203.60531L9%204.12541L9.54037%204.64551C11.0359%203.09175%2012.5765%202.97331%2013.7038%203.48861C14.8784%204.02553%2015.75%205.30976%2015.75%206.85276H16.5ZM11.2787%2014.1831L10.8144%2013.5941C10.4181%2013.9065%2010.0763%2014.1711%209.75019%2014.3617C9.42386%2014.5524%209.1846%2014.6249%209%2014.6249V15.3749V16.1249C9.5654%2016.1249%2010.0761%2015.9085%2010.507%2015.6568C10.9381%2015.4049%2011.3606%2015.0736%2011.743%2014.7721L11.2787%2014.1831ZM6.7213%2014.1831L7.18561%2013.5941C6.58203%2013.1183%205.98392%2012.6764%205.36961%2012.1708L4.89301%2012.7499L4.4164%2013.329C5.04031%2013.8425%205.70661%2014.3382%206.25699%2014.7721L6.7213%2014.1831ZM2.25%209.78863L2.90801%209.42875C2.50096%208.68449%202.25%207.84347%202.25%206.85276H1.5H0.75C0.75%208.11484%201.0741%209.20162%201.59199%2010.1485L2.25%209.78863Z%22%20fill%3D%22%23090625%22%20fill-opacity%3D%221%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-MyAccount-navigation li.account-ico-logout>a::before {
    -webkit-mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.5%209H15M15%209L12.75%206.75M15%209L12.75%2011.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M3%209C3%205.68629%205.68629%203%209%203M9%2015C7.10521%2015%205.41556%2014.1217%204.31597%2012.75%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M7.5%209H15M15%209L12.75%206.75M15%209L12.75%2011.25%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%0A%3Cpath%20d%3D%22M3%209C3%205.68629%205.68629%203%209%203M9%2015C7.10521%2015%205.41556%2014.1217%204.31597%2012.75%22%20stroke%3D%22%23090625%22%20stroke-opacity%3D%221%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%2F%3E%0A%3C%2Fsvg%3E');

}

.woocommerce-account .woocommerce-MyAccount-content {
    float: left;
    width: 73%;
}

/* Wrapper */
.orders-shell {
    width: 100%;
}

/* Card */
.orders-card {

width: 100%;
    background: #FFFFFF;
    border-radius: 32px;
    padding: 24px 18px;
}

/* Title */
.orders-titlebar,
.woocommerce-account .comments-shell .comments-card .comments-titlebar {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 6px 18px;
}

.orders-title,
.woocommerce-account .comments-shell .comments-card .comments-title {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--datis-body-text-color);
}

.orders-table,
.comments-table {
    border-radius: 16px;
    background: #fff;
    border-collapse: collapse;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.orders-headrow,
.comments-headrow {
    background: var(--datis-primary-color);
    grid-template-columns: 1.1fr 1.2fr 1.1fr 1.2fr .9fr;
    color: #ffffff;
    display: grid;
    width: 100%;
    height: 36px;
    border-radius: 8px;
}

.comments-headrow {
    grid-template-columns: 2.1fr 1.2fr 1.1fr 1.2fr;
}

.orders-body,
.comments-body {
    background: #fff;
}

/* Row like rounded box */
.orders-row,
.comments-row {
    display: grid;
    grid-template-columns: 1.1fr 1.2fr 1.1fr 1.2fr .9fr;
    align-items: center;
    gap: 0;
    border: 1px solid #d8e1f5;
    border-radius: 16px;
    padding: 14px 14px;
    margin-bottom: 14px;
    background: #ffffff;
}

.comments-row {
    grid-template-columns: 2.1fr 1.2fr 1.1fr 1.2fr;
}

.orders-row:last-child {
    margin-bottom: 0;
}

.orders-col,
.orders-cell,
.comments-cell,
.comments-col {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Text */
.orders-text,
.comments-text {
    color: var(--datis-body-text-color);
    font-size: 14px;
    font-weight: 500;
}

.orders-track,
.comments-track {
    font-weight: 700;
}

/* Status */
.order-status,
.comments-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 600;
}

.order-status-dot,
.comments-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--datis-secondary-color);
    /* default dot like your image */
    flex: 0 0 auto;
}

.order-status-text {
    color: var(--datis-secondary-color);
    /* default red like image */
}

/* Status variants (optional, still similar) */

.order-status-dot {
    background: var(--datis-primary-color);
}

.order-status-text {
    color:  var(--datis-primary-color);
}

.business-demo .order-status-dot {
    background: var(--datis-secondary-color);
}

.business-demo .order-status-text {
    color:  var(--datis-secondary-color);
}

/* Button (Order details) */
.orders-btn,
.comments-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px 16px;
    gap: 10px;
    width: 160px;
    height: 36px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    transition: all 300ms;
}

.orders-btn:hover,
.comments-btn:hover {
    background: var(--datis-secondary-color);
    color: #fff;
}

/* Empty */
.empty-orders,
.comments-empty,
.notice-empty {
    padding: 24px;
    text-align: center;
    color: var(--datis-primary-color);
    font-weight: 600;
    height: 400px;
}

.empty-orders p,
.comments-empty p,
.notice-empty p {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--datis-body-text-color);
}

.empty-orders a,
.notice-empty-action,
.comments-empty-action {
    background: var(--datis-secondary-color);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 0 16px 16px;
    gap: 8px;
    height: 48px;
    border-radius: 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: center;
    color: #F5F5F5;
}

.empty-orders a svg,
.notice-empty-action svg,
.comments-empty-action svg {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px 12px;
    gap: 8px;
    width: 48px;
    height: 48px;
    background: var(--datis-primary-color);
    border-radius: 0px 16px 16px 0px;
}

.address-shell {
    width: 100%;
    background: #FFFFFF;
    border-radius: 32px;
    padding: 24px 18px;
}

.address-shell .address-cards {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 16px;
}

.address-shell .address-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);

}

.address-shell .billing-address-btn,
.address-shell .shipping-address-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2px 16px;
    gap: 10px;
    height: 48px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 8px;
    font-weight: 400;
    font-size: 15px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
    transition: all 300ms;
    flex : 0 0 auto;
}

.address-shell .billing-address-btn:hover,
.address-shell .shipping-address-btn:hover {
    background: var(--datis-secondary-color);
    color: #fff;
}

.address-shell .billing-address-name,
.address-shell .shipping-address-name {

font-weight: 700;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);

}

.address-shell .billing-address-value,
.address-shell .shipping-address-value {

font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);

}

.notice-shell {

width: 100%;
    background: #FFFFFF;
    border-radius: 32px;
    padding: 24px 18px;
}

.notice-card {
    border-radius: 18px;
}

.notice-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.notice-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* Closed item */
.notice-item {
    /* overflow: hidden; */
}

.notice-item-toggle {
    border: 0;
    background: transparent;
    padding: 18px;
    cursor: pointer;
    text-align: right;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 16px;

}

.notice-item-action {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    background: var(--datis-secondary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    color: #fff;
}

.notice-item-main {
    min-width: 0;
}

.notice-item-bell {
    color: var(--datis-secondary-color);
    display: inline-flex;
    align-items: center;
}

.notice-item-title,
.notice-panel-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 180%;
    text-align: right;
    color: var(--datis-body-text-color);
}

.notice-item-excerpt {
    font-weight: 400;
    font-size: 14px;
    /* line-height: 180%; */
    display: flex;
    align-items: center;
    text-align: justify;
    color: rgba(11, 61, 145, 0.64);
    line-height: 1.9;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Expand panel */
.notice-panel {
    height: 0;
    overflow: hidden;
    transition: height 260ms ease;
}

.notice-panel-inner {
    background: rgba(11, 61, 145, 0.03);
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 16px;
    padding: 18px;
    margin: 18px 0;
}

.notice-panel-title {
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #111;
    text-align: right;
}

.notice-panel-content {
    font-size: 14px;
    line-height: 2;
    color: #6C7280;
    text-align: right;
}

.notice-panel-meta {
    margin-top: 12px;
    text-align: left;
    opacity: .7;
    color: var(--datis-secondary-color);
}

.dashboard-avatar {
    background: rgba(11, 61, 145, 0.03);
    border-radius: 1000px;
}

.account-nav-avatar {
    background: #fff;
    border-radius: 1000px;
}

.gallery-actions-hover .btn.favorite svg path {
    stroke: var(--datis-primary-color);
    fill: transparent;
    stroke-width: 1.1;
}

.gallery-actions-hover .btn.favorite.is-active svg path {
    fill: #E63946;
    stroke: #E63946;
}

.gallery-actions-hover .btn.favorite.is-loading {
    opacity: .6;
    pointer-events: none;
}

.orders-shell .products {
    box-sizing: border-box;
    padding: 24px 23px;
    gap: 18px;
    width: 100%;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 18px;
}

.orders-shell .products .wishlist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 14px;
}

.orders-shell .products .wishlist .datis-product-card.style-1 {
    box-shadow: 0px 12px 56px rgba(0, 0, 0, 0.04);
    margin-bottom: 10px !important;
    max-width: 274px;
}

.color-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    background: var(--color);
}

.thankyou.thankyou-page .thankyou-wrapper {
    box-sizing: border-box;
    width: 100%;
    background: #FFFFFF;
    border-radius: 32px;
}

.thankyou.thankyou-page .thankyou-wrapper .thankyou-heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.thankyou.thankyou-page .thankyou-wrapper .order-meta,
.thankyou.thankyou-page .thankyou-wrapper .final-order-meta {

display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 82px 40px 81px;
    gap: 40px;
    width: 100%;
    min-height: 145px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 16px;

}

.thankyou.thankyou-page .thankyou-wrapper .final-order-meta {
    min-height: 114px;
    padding: 24px;
    justify-content: flex-start;

}

.thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items::after {
    content: '';
    display: block;
    height: 50px;
    width: 1px;
    background: rgba(11, 61, 145, 0.6);
    opacity: 0.3;
    margin-right: 40px;
}

.thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items:nth-child(5)::after {
    display: none;
}

.thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items .meta-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

.thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items .meta-value {
    font-weight: 700;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-primary-color);
}

.thankyou.thankyou-page .thankyou-wrapper .final-order-meta .meta-items .meta-name {
    font-weight: 400;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

.thankyou.thankyou-page .thankyou-wrapper .final-order-meta .meta-items .meta-value {
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--datis-primary-color);
}

.thankyou.thankyou-page .thankyou-wrapper .product-details .order-items-header {
    width: 100%;
    min-height: 36px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 10px;
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-primary-color);
    padding: 6px 12px;

}

.thankyou.thankyou-page .thankyou-wrapper .product-details .order-item-row {
    box-sizing: border-box;
    width: 100%;
    min-height: 64px;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 16px;
    padding: 20px;
    margin-top: 18px;
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

.thankyou.thankyou-page .thankyou-wrapper .separator {
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    background: rgba(11, 61, 145, 0.2);
    margin: 16px 0 8px 0;
}

.thankyou.thankyou-page .thankyou-wrapper .address-wrapper {
    box-sizing: border-box;
    width: 100%;
    min-height: 114px;
    border: 1px solid rgba(11, 61, 145, 0.2);
    border-radius: 16px;
    margin-top: 16px;
    padding: 24px 32px;
}

.thankyou.thankyou-page .thankyou-wrapper .address-wrapper .adderss-heading {
    font-weight: 700;
    font-size: 16px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: var(--datis-body-text-color);
}

table.variations tr {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

table.variations tr th {
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
}

table.variations td select {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 10px;
    height: 49px;
    background: #FFFFFF;
    border-radius: 8px;
    justify-content: space-between;
    cursor: pointer;
    border: none;
    outline: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    text-align: right;
    color: var(--datis-body-text-color);
}

form.variations_form.cart.add-to-cart-row {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

form.variations_form.cart.add-to-cart-row .product-purchase-separator {
    margin: 14px 0 24px 0;
}

a.reset_variations {
    display: none !important;
}

.single_variation_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.woocommerce-variation.single_variation {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.woocommerce-variation.single_variation span.price {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.woocommerce-variation.single_variation span.price del,
.woocommerce-variation.single_variation span.price ins {
    text-decoration: none !important;
}

.woocommerce-variation.single_variation span.price ins span.woocommerce-Price-amount.amount {
    font-weight: 600;
    font-size: 18px;
    line-height: 34px;
    text-align: center;
    color: var(--datis-body-text-color);
}

.woocommerce-variation.single_variation span.price ins span.woocommerce-Price-currencySymbol {
    font-weight: 400;
    font-size: 12px;
    line-height: 34px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
}

.woocommerce-variation.single_variation span.price del span.woocommerce-Price-amount.amount {
    font-weight: 400;
    font-size: 14px;
    line-height: 180%;
    display: flex;
    align-items: center;
    text-align: right;
    color: rgba(11, 61, 145, 0.6);
    text-decoration: line-through;
}

.business-demo .woocommerce-MyAccount-navigation .account-nav-header,
.business-demo .account-dashboard .dashboard-stats .stats-item {
    background: #0A2647;
}

.business-demo .account-dashboard .dashboard-stats .stats-item .stats-item-icon {
    background: var(--datis-primary-color);
}

.business-demo .account-wrapper,
.business-demo .comments-shell {
    background: #ECF1F7;
}

.business-demo .account-dashboard .dash-card-more,
.business-demo .address-settings .address-card-more,
.business-demo .account-settings .account-card-more,
.business-demo .account-dashboard .account-profile-action {
    color: rgb(9 6 37 / 50%);
}

.business-demo .account-dashboard .dash-form-grid .dash-field,
.business-demo .address-settings .address-field,
.business-demo .account-settings .account-field,
.business-demo input.dash-input,
.business-demo input.dash-input::placeholder,
.business-demo .address-settings input.address-input,
.business-demo .address-settings input.address-input::placeholder,
.business-demo .account-settings input.account-input,
.business-demo .account-settings input.account-input::placeholder {
    color: rgb(10 38 71 / 64%) !important;
    background: rgb(10 38 71 / 4%);
}

.business-demo .account-dashboard li.dash-hint-item,
.business-demo .account-settings li.account-hint-item {
    color: rgb(10 38 71 / 64%) !important;
}

.business-demo .account-dashboard li.dash-hint-item::before,
.business-demo .account-settings li.account-hint-item::before {
    background: var(--datis-primary-color);
}

.business-demo .account-dashboard .dash-btn.dash-btn-primary,
.business-demo .address-settings .address-btn.address-btn-primary,
.business-demo .account-settings .account-btn.account-btn-primary {
    flex-direction: row-reverse;
    padding: 16px 16px 16px 6px;
    height: 56px;
    background: #0A2647;
}

.business-demo .account-dashboard .dash-btn.dash-btn-primary svg,
.business-demo .address-settings .address-btn.address-btn-primary svg,
.business-demo .account-settings .account-btn.account-btn-primary svg {
    background: transparent;
    padding: 0;
}

.business-demo .woocommerce-MyAccount-navigation ul li:hover a,
.business-demo .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #0A2647;
}

.business-demo .woocommerce-MyAccount-navigation ul li:hover::after,
.business-demo .woocommerce-MyAccount-navigation ul li.is-active::after {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 27'%3E%3Cpath d='M6 27C2.68629 27 0 24.3137 0 21V6C0 2.68629 2.68629 0 6 0H23.3183C27.2208 0 30.0848 3.66668 29.1397 7.45301L25.3958 22.453C24.7288 25.1251 22.3284 27 19.5744 27H6Z'/%3E%3Cpath d='M10.7009 10.5999H15.6507M10.7009 10.5999V15.5496M10.7009 10.5999L15.0319 14.9309M17.3006 17.1995L16.2694 16.1683' stroke-width='1.23483' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 27'%3E%3Cpath d='M6 27C2.68629 27 0 24.3137 0 21V6C0 2.68629 2.68629 0 6 0H23.3183C27.2208 0 30.0848 3.66668 29.1397 7.45301L25.3958 22.453C24.7288 25.1251 22.3284 27 19.5744 27H6Z'/%3E%3Cpath d='M10.7009 10.5999H15.6507M10.7009 10.5999V15.5496M10.7009 10.5999L15.0319 14.9309M17.3006 17.1995L16.2694 16.1683' stroke-width='1.23483' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-position: center;
    background-color: var(--datis-secondary-color);
    top: 2.5px;
    left: 5px;
}

.business-demo .woocommerce-MyAccount-navigation ul li:hover a,
.business-demo .woocommerce-MyAccount-navigation ul li.is-active a,
.business-demo .woocommerce-MyAccount-navigation ul li a {
    height: 45px;
}

.business-demo .woocommerce-MyAccount-navigation ul li a {
    color: rgb(9 6 37 / 50%);
}

.business-demo .woocommerce-MyAccount-navigation ul li.account-ico>a::after {
    left: 16.5px;
    top: 16.5px;
    background: var(--datis-body-text-color);
}

.business-demo .empty-orders a svg,
.business-demo .notice-empty-action svg,
.business-demo .comments-empty-action svg,
.business-demo .cart-empty-wrap .wc-backward svg{
    background: transparent;
    width: 42px;
    height: 42px;
    padding: 0;
}

.business-demo .empty-orders a,
.business-demo .notice-empty-action,
.business-demo .comments-empty-action,
.business-demo .cart-empty-wrap .wc-backward {
    background: #0A2647;
    flex-direction: row-reverse;
    padding: 16px 16px 16px 6px;
}

.business-demo .address-shell,
.business-demo .notice-shell,
.business-demo .orders-card {
    background: #ECF1F7;
}

.business-demo .address-shell .billing-address-btn,
.business-demo .address-shell .shipping-address-btn {
    background: rgb(10 38 71 / 4%);
    color: rgb(10 38 71 / 64%);
}

.business-demo .orders-table,
.business-demo .comments-table,
.business-demo .orders-row,
.business-demo .comments-row,
.business-demo .orders-body,
.business-demo .comments-body {
    background: transparent;
    border-color: rgb(10 38 71 / 10%);
}

.business-demo .orders-btn,
.business-demo .comments-btn {
    background: rgb(10 38 71 / 4%);
    color: rgb(10 38 71 / 64%);
}

.business-demo .orders-btn:hover,
.business-demo .comments-btn:hover,
.business-demo .orders-headrow,
.business-demo .comments-headrow {
    background: #0A2647;
    color: #F6FAFE;
}

.business-demo .notice-item-action {
    background: var(--datis-primary-color);
}

.business-demo .notice-item-bell,
.business-demo .notice-panel-meta {
    color: var(--datis-primary-color);
}

.business-demo .notice-item-excerpt {
    color: rgb(10 38 71 / 64%);
}

.business-demo .order-status-text {
    color: var(--datis-primary-color);
}

.business-demo .order-status-dot {
    background: var(--datis-primary-color);
}

.business-demo .thankyou.thankyou-page .thankyou-wrapper .order-meta,
.business-demo .thankyou.thankyou-page .thankyou-wrapper .final-order-meta {
    background: #ECF1F7;
}

.business-demo .thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items .meta-name ,
.business-demo .thankyou.thankyou-page .thankyou-wrapper .final-order-meta .meta-items .meta-name,
.business-demo .thankyou.thankyou-page .thankyou-wrapper .product-details .order-items-header{
    color: rgb(10 38 71 / 64%);
}

.business-demo .thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items .meta-value,
.business-demo .thankyou.thankyou-page .thankyou-wrapper .final-order-meta .meta-items .meta-value{
    color: var(--datis-body-text-color);
}

.architecture-demo .account-dashboard {
    background: #F7F6FE;
    border-color: #F7F6FE;
}

.architecture-demo .account-dashboard .dashboard-stats .stats-item {
    background: #fff;
    border: 1px solid #090625;
}

.architecture-demo .account-dashboard .dashboard-stats .stats-item .stats-item-icon {
    background: var(--datis-primary-color);
}

.architecture-demo .account-dashboard .dashboard-stats .stats-item .stats-item-name {
    color: #22242bba;
}

.architecture-demo .account-dashboard .dashboard-stats .stats-item .stats-item-value {
    color: #22242B;
}

.architecture-demo .account-dashboard .dashboard-stats .dashboard-stats-items,
.architecture-demo .account-dashboard .dash-card.dash-card-account,
.architecture-demo .account-dashboard .dash-card.dash-card-password {
    border-color: #EFEEF7;
    background: #EFEEF7;
}

.architecture-demo .account-dashboard .dash-form-grid .dash-field,
.architecture-demo .address-settings .address-field,
.architecture-demo .account-settings .account-field {
    background: transparent;
    color: rgb(9 6 37 / 50%);
    position: relative;
    border: 1px solid rgb(9 6 37 / 50%);
    border-radius: 50px;
}

.architecture-demo input.dash-input,
.architecture-demo input.dash-input::placeholder,
.architecture-demo .address-settings input.address-input,
.architecture-demo .address-settings input.address-input::placeholder,
.architecture-demo .account-settings input.account-input,
.architecture-demo .account-settings input.account-input::placeholder,
.architecture-demo .account-dashboard .dash-card-more,
.architecture-demo .address-settings .address-card-more,
.architecture-demo .account-settings .account-card-more,
.architecture-demo .account-dashboard li.dash-hint-item,
.architecture-demo .account-settings li.account-hint-item,
.architecture-demo .account-dashboard .account-profile-action,
.architecture-demo .woocommerce-MyAccount-navigation ul li a,
.architecture-demo .address-shell .billing-address-value,
.architecture-demo .address-shell .shipping-address-value,
.architecture-demo .address-settings .select2-container .select2-selection *,
.architecture-demo .address-settings .select2-container .select2-selection,
.architecture-demo .account-settings .select2-container .select2-selection *,
.architecture-demo .account-settings .select2-container .select2-selection,
.architecture-demo .notice-item-excerpt,
.architecture-demo .auth-content,
.architecture-demo .auth-content .auth-input input::placeholder,
.architecture-demo .auth-content .auth-input input {
    color: rgb(9 6 37 / 50%) !important;
}

.architecture-demo .auth-content .auth-input input {
    border-color: rgb(9 6 37 / 50%) !important;
}

.architecture-demo .auth-content .auth-input .input-icon svg path,
.architecture-demo .auth-content .auth-input .input-icon svg circle {
    stroke: rgba(9, 6, 37, 0.5);
}

.architecture-demo .account-dashboard li.dash-hint-item::before,
.architecture-demo .account-settings li.account-hint-item::before {
    background: var(--datis-primary-color);
}

.architecture-demo .woocommerce-MyAccount-navigation .account-nav-header {
    background: var(--datis-partially-color);
}

.architecture-demo .woocommerce-MyAccount-navigation ul li:hover a,
.architecture-demo .woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff !important;
}

.architecture-demo .account-dashboard .dash-btn.dash-btn-primary,
.architecture-demo .address-settings .address-btn.address-btn-primary,
.architecture-demo .account-settings .account-btn.account-btn-primary,
.architecture-demo .empty-orders a,
.architecture-demo .notice-empty-action,
.architecture-demo .comments-empty-action,
.architecture-demo .auth-submit,
.datis-cr-submit {
    background: var(--datis-primary-color);
    color: #fff;
    height: 48px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    border: none;
    outline: none;
    flex-direction: row-reverse;
    padding: 0 0 0 4px;
}

.auth-submit {
    flex-direction: row;
}

.architecture-demo .account-dashboard .dash-btn.dash-btn-primary span,
.architecture-demo .address-settings .address-btn.address-btn-primary span,
.architecture-demo .account-settings .account-btn.account-btn-primary span,
.architecture-demo .empty-orders a span,
.architecture-demo .notice-empty-action span,
.architecture-demo .comments-empty-action span,
.architecture-demo .auth-submit span,
.datis-cr-submit span {
    background: var(--datis-partially-color);
    background: #090625;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    padding: 0 16px 0 16px;
    margin-right: -1px;
}

.datis-cr-submit {
    height: auto;
}

.datis-cr-submit span {
    background: #fff;
}

.architecture-demo .account-dashboard .dash-btn.dash-btn-primary svg,
.architecture-demo .address-settings .address-btn.address-btn-primary svg,
.architecture-demo .account-settings .account-btn.account-btn-primary svg,
.architecture-demo .empty-orders a svg,
.architecture-demo .notice-empty-action svg,
.architecture-demo .comments-empty-action svg,
.architecture-demo .auth-submit svg,
.datis-cr-submit svg {
    padding: 10px;
    background: var(--datis-primary-color);
    border-radius: 32px 0px 0px 32px;
    width: 40px;
    height: 40px;
    padding: 8px;
}

.architecture-demo .woocommerce-MyAccount-navigation ul li:hover a,
.architecture-demo .woocommerce-MyAccount-navigation ul li.is-active a {
    background: transparent;
}

.architecture-demo .woocommerce-MyAccount-navigation ul li:hover,
.architecture-demo .woocommerce-MyAccount-navigation ul li.is-active {
    background: var(--datis-primary-color);
    border-radius: 32px;
}

.architecture-demo .woocommerce-MyAccount-navigation ul li:hover::after,
.architecture-demo .woocommerce-MyAccount-navigation ul li.is-active::after {
    background-color: var(--datis-partially-color);
    content: "";
    width: 70%;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 32px;
    z-index: -1;
}

.architecture-demo .empty-orders svg,
.architecture-demo .notice-empty svg {
    border-radius: 1000px;
}

.architecture-demo .orders-headrow,
.architecture-demo .comments-headrow {
    background: var(--datis-secondary-color);
}

.architecture-demo .orders-row,
.architecture-demo .comments-row,
.architecture-demo .address-card-body,
.architecture-demo .account-card-body,
.architecture-demo .notice-item-toggle {
    border: 1px solid #EFEEF7;
    background: #EFEEF7;
}

.architecture-demo .notice-item-action {
    background: #fff;
    color: var(--datis-partially-color);
}

.architecture-demo .notice-item-bell {
    color: var(--datis-primary-color);
}

.architecture-demo .orders-btn,
.architecture-demo .comments-btn,
.architecture-demo .address-shell .billing-address-btn,
.architecture-demo .address-shell .shipping-address-btn {
    background: #fff;
    color: var(--datis-body-text-color);
    border-radius: 32px;
}

.architecture-demo .orders-btn:hover,
.architecture-demo .comments-btn:hover,
.architecture-demo .address-shell .billing-address-btn:hover,
.architecture-demo .address-shell .shipping-address-btn:hover {
    background: var(--datis-primary-color);
    color: #fff;
}

.architecture-demo .address-shell .billing-address-btn,
.architecture-demo .address-shell .shipping-address-btn {
    min-width: 130px;
}

.architecture-demo .address-shell .address-cards {
    border: 1px solid #EFEEF7;
    background: #EFEEF7;
}

.architecture-demo .notice-panel-inner {
    background: #fff;
    border: 1px solid var(--datis-partially-color);
}

.architecture-demo .auth-bg {
    margin-top: -150px;
    position: relative;
    z-index: -1;
    height: 159px;
    background: url('../image/261156450.png');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 24px;
}

.consult-req-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.consult-req-tab {
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 20px;
    gap: 32px;
    height: 38px;
    background: #F7F6FE;
    border: 1px solid rgba(9, 6, 37, 0.5);
    border-radius: 1000px;
    font-weight:400;

}

.business-demo .consult-req-tab,
.industry-demo .consult-req-tab{
    background: transparent;
    border-radius: 12px;
}

.consult-req-tab.is-active {
    border: 1.3px solid rgba(9, 6, 37, 0.5);
    font-weight:500;
    
}

.dashboard-projects .account-wrapper {
    padding: 0;
}

span.datis-progress-ring {
    color: var(--datis-primary-color);
}

.dashboard-projects .order-status-text {
    color: var(--datis-primary-color);
}

.dashboard-projects .order-status-dot {
    background: var(--datis-primary-color);
}

.dashboard-projects span.orders-text.orders-track,
.dashboard-projects .order-status-text ,
.dashboard-projects .orders-text{
    font-weight: 400;
}

.business-demo .billing-wrapper .billing-input input,
.business-demo .shipping-wrapper .shipping-input input{
    background: rgb(10 38 71 / 4%) !important;
    color: rgb(10 38 71 / 64%) !important;
}

.business-demo .billing-wrapper .billing-input input::placeholder,
.business-demo .shipping-wrapper .shipping-input input::placeholder,
.business-demo  .checkout.page-checkout .checkout-content .billing-wrapper .billing-input::placeholder,
.business-demo .checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input::placeholder,
.business-demo  .checkout.page-checkout .checkout-content .billing-wrapper .billing-input,
.business-demo .checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input{
   color: rgb(10 38 71 / 64%) !important;
}

.business-demo .cart.page-cart .cart-sidebar .price-details .detali-items-name,
.business-demo .checkout.page-checkout .checkout-sidebar .price-details .detali-items-name{
    color: rgb(10 38 71 / 64%);
}

.business-demo .checkout.page-checkout .checkout-content .shipping-checkbox.is-check span,
.business-demo .wc_payment_method.is-check .pay-input-wrap span {
    background: var(--datis-primary-color);
}

.business-demo .checkout.page-checkout .checkout-content .shipping-checkbox span,
.business-demo .wc_payment_method .pay-input-wrap span{
        border: 1px solid var(--datis-primary-color);
}

.checkout-content {
    padding-left: 20px;
}

.architecture-demo .cart.page-cart .cart-sidebar .check-out-btn, 
.architecture-demo .checkout.page-checkout .checkout-sidebar .check-out-btn{
    background: var(--datis-primary-color);
    border-radius :32px;
}

.architecture-demo .cart.page-cart .cart-sidebar .price-details .detali-items-name, 
.architecture-demo .checkout.page-checkout .checkout-sidebar .price-details .detali-items-name{
    color : rgba(9, 6, 37, 0.5);
}

.architecture-demo .cart.page-cart .cart-sidebar .discount-code-btn, 
.architecture-demo .checkout.page-checkout .checkout-sidebar .discount-code-btn{
     color : rgba(155, 155, 155, 1);
     border-radius: 32px;
}

.architecture-demo .cart.page-cart .cart-sidebar input[name="coupon_code"],
.architecture-demo .checkout.page-checkout .checkout-sidebar input[name="coupon_code"] {
    background: rgba(239, 238, 247, 1);
    border-radius: 32px;
}

.architecture-demo .cart.page-cart .cart-sidebar button[name="apply_coupon"],
.architecture-demo .checkout.page-checkout .checkout-sidebar button[name="apply_coupon"] {
    color: var(--datis-secondary-color);
}

.architecture-demo .cart.page-cart .cart-content .products .cart-item {
    border: 1px solid rgba(239, 238, 247, 1);
    background: rgba(239, 238, 247, 1);
}

.architecture-demo .cart.page-cart .cart-content .products .cart-item .qty-control input {
    color: rgba(9, 6, 37, 1);
}

.architecture-demo .cart.page-cart .cart-content .products .cart-item .qty-control {
    background: rgba(255, 255, 255, 1);
    border-radius: 32px;
}

.architecture-demo .cart.page-cart .cart-content .products .cart-item .remove-product {
    background: var(--datis-primary-color);
    border-radius: 32px;
}

.architecture-demo .cart.page-cart .cart-content .products .cart-item .qty-control  svg path{
    stroke : rgba(9, 6, 37, 1);
}

.architecture-demo .cart.page-cart .cart-content .cart-heading, 
.architecture-demo .checkout.page-checkout .checkout-content .checkout-heading {
    margin-bottom: 25px;
}

.architecture-demo .billing-wrapper,
.architecture-demo .shipping-wrapper{
    background: rgba(239, 238, 247, 1);
    padding: 24px;
    border-radius: 24px;
}

.architecture-demo .checkout.page-checkout .checkout-content .billing-wrapper .billing-input input, 
.architecture-demo .checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input input {
    background: transparent;
    border-radius: 32px;
    color: rgba(9, 6, 37, 0.5);
    border: 1px solid rgba(9, 6, 37, 0.5);
}
.architecture-demo .checkout.page-checkout .checkout-content .billing-wrapper .billing-input input::placeholder, 
.architecture-demo .checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input input::placeholder,
.architecture-demo .checkout.page-checkout .checkout-content .billing-wrapper .billing-input, 
.architecture-demo .checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input{
        color: rgba(9, 6, 37, 0.5);
}

.architecture-demo .shipping-checkbox {
    margin-bottom: 25px;
    gap: 5px !important;
}

.architecture-demo .checkout.page-checkout .checkout-content .shipping-checkbox.is-check span,
.architecture-demo .wc_payment_method.is-check .pay-input-wrap span {
    background: var(--datis-primary-color);
    border-radius: 100%;
    border: 1px solid var(--datis-primary-color);
}

.architecture-demo .checkout.page-checkout .checkout-content .shipping-checkbox span,
.architecture-demo .wc_payment_method .pay-input-wrap span {
    background: transparent;
    border-radius: 100%;
    border: 1px solid var(--datis-primary-color);
}

.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout{
    width : 100%;
}

.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .product-details .order-items-header,
.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .order-meta, 
.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .final-order-meta{
   background: rgba(239, 238, 247, 1);
}

.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .final-order-meta .meta-items .meta-name,
.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items .meta-name {
    color: rgba(9, 6, 37, 0.5);
}

.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items .meta-value,
.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .product-details .order-items-header,
.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .final-order-meta .meta-items .meta-value{
    color: var(--datis-body-text-color);
}

.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .product-details .order-item-row,
.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .address-wrapper{
    border: 1px solid var(--datis-secondary-color);
}

.architecture-demo .thankyou.thankyou-page .thankyou-wrapper .address-wrapper{
    border-radius : 32px;
}

.datis-crd-wrap{
    width:100%;
    background:#fff;
    border-radius:20px;
    padding:32px;
}
.datis-crd-card{
    background:#EFEEF7;
    border-radius:20px;
    padding:24px;
}

.business-demo .datis-crd-card{
     background:#ECF1F7;
}

.industry-demo .datis-crd-card {
    background: transparent;
    border-radius: 20px;
    padding: 24px;
    border: 1px solid rgba(11, 61, 145, 0.2);
}

.datis-crd-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.datis-crd-title{
    margin:0;
    font-size:18px;
    font-weight:700;
    color:#111827;
}

.datis-crd-back{
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    color:#6B7280;
}
.datis-crd-back:hover{ opacity:.8; }

.datis-crd-grid{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.datis-crd-field{
    flex:0 0 calc(33.333% - 10px);
    border-radius:32px;
    padding:12px 16px;
    display:flex;
    flex-direction:column;
    justify-content: flex-start;
    background: transparent;
    color: rgb(9 6 37 / 50%);
    position: relative;
    border: 1px solid rgb(9 6 37 / 50%);
    border-radius: 32px;
}

.business-demo .datis-crd-field{
    border-radius: 16px;
    position: relative;
    color: rgb(10 38 71 / 64%) !important;
    background: rgb(10 38 71 / 4%);
}

.industry-demo .datis-crd-field{
    background: rgba(11, 61, 145, 0.03);
    border-radius: 16px;
    color: rgba(11, 61, 145, 0.6);
    position: relative;
    border : none;
}

@media (max-width: 991px){
    .datis-crd-field{ flex:0 0 calc(50% - 7px); }
}
@media (max-width: 640px){
    .datis-crd-field{ flex:0 0 100%; }
}

.datis-crd-label{
    font-size:12px;
    font-weight:600;
    color:rgba(17,24,39,.55);
    margin-bottom:6px;
}

.datis-crd-value{
    font-size:14px;
    font-weight:600;
    color:#111827;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.datis-crd-value a{
    text-decoration:none;
    color:inherit;
}
.datis-crd-value a:hover{ text-decoration:underline; }

.datis-crd-message{
    flex:0 0 100%;
    border-radius:32px;
    padding:18px;
    align-items:flex-start;
}

.datis-crd-message .datis-crd-value{
    white-space:pre-wrap;
    line-height:1.9;
    font-weight:500;
    overflow:visible;
}

@media screen and (max-width:768px) {
    .product-layout .product-layout-row {
        padding: 16px;
    }

.product-layout .product-layout-gallery .gallery-main {
        padding: 80px 25px 20px 25px;
    }

.product-layout #intro,
    .product-layout #specs {
        padding: 32px 16px;
    }

.product-layout .heading svg {
        display: none;
    }

.datis-product-loop .datis-product-card.style-1 {
        width: 100%;
    }

.products.columns-4 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

.cart.page-cart,
    .checkout.page-checkout {
        padding-left: 0;
    }

.cart.page-cart .cart-content .products .cart-item {
        height: auto;
    }

.datis-product-loop .datis-product-card.style-1 .product-wrapper .product-thumb {
        height: 167px;
        max-height: 167px;
    }

.datis-product-loop .datis-product-card.style-1 {
        max-width: 325px;
    }

.auth-login,
    .auth-register,
    .woocommerce-account .woocommerce-MyAccount-navigation {
        margin-top: 32px;
    }

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

.woocommerce-account .account-wrapper {
        margin-top: 20px;
    }

.orders-row,
    .comments-row,
    .orders-headrow,
    .comments-headrow {
        overflow-x: auto;
        gap: 20px;
    }

.orders-headrow,
    .comments-headrow {
        padding: 16px 12px;
        height: auto;
    }

.orders-col,
    .orders-cell,
    .comments-cell,
    .comments-col {
        text-wrap: nowrap;
    }

.orders-card,
    .woocommerce-account .account-wrapper,
    .woocommerce-account .comments-shell,
    .woocommerce-account .address-shell,
    .woocommerce-account .notice-shell {
        margin-top: 20px;
    }

.thankyou.thankyou-page .thankyou-wrapper .order-meta,
    .thankyou.thankyou-page .thankyou-wrapper .final-order-meta {
        flex-direction: column;
        padding: 24px 16px;
    }

.thankyou.thankyou-page .thankyou-wrapper .order-meta .meta-items::after {
        display: none;
    }

.thankyou.thankyou-page .meta-items {
        width: 100%;
    }

.thankyou.thankyou-page .thankyou-wrapper .product-details .order-item-row {
        overflow-x: auto;
        width: 100%;
        gap: 20px;
    }

.thankyou.thankyou-page .order-item-qty,
    .thankyou.thankyou-page .order-item-price,
    .thankyou.thankyou-page .order-item-name {
        text-wrap: nowrap;
        width: auto;
    }

.thankyou.thankyou-page .thankyou-wrapper .address-wrapper {
        line-height: 24px;
    }

.checkout.page-checkout .checkout-content .billing-wrapper .billing-input,
    .checkout.page-checkout .checkout-content .shipping-wrapper .shipping-input {
        width: 100%;
    }

.auth-bg {
        display: none;
    }
}

← 返回文件管理器