body {
    direction: ltr;
    text-align: left;
    overflow-x: hidden;
    padding-inline: 0;
    transition: 0.3s;
    background-color: var(--body-bac);
}

body.rtl {
    font-family: var(--fontfamily);
}


#preloader-box {
    width: 100vw;
    height: 100vh;
    background-color: var(--preloaderbac);
    position: fixed;
    z-index: 999;
}

#preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.bac-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: 19;
    display: none;
    backdrop-filter: blur(2px);
}

body.rtl :where(h1, h2, h3, h4, h5, h6) {
    font-family: var(--title-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--title-color);
}

html {
    overflow-x: hidden !important;

}


.dark-text,
.dark-text h4 {
    color: #747474 !important;
}

.light-text,
.light-text h4 {
    color: #DEDAD7 !important;
}

ul,
ol {
    list-style: none;
    padding-inline-start: 0;
    margin-bottom: 0;
    padding-right: 0;
}



a:hover {
    text-decoration: none !important;
    color: inherit;
}

* {
    outline: none !important;
    text-decoration: none !important;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#site-footer {
    margin-top: 70px;
}

.main-header {
    background: var(--secondarycolor2);
    border-radius: 0 0 32px 32px;
}

.inner-main-header {
    background: #fff;
    border-radius: 10px;
    border: 1px solid var(--primarycolor);
    position: relative;
    transition: top 0.3s;
}

.main-menu>ul {
    display: flex;
    align-items: center;
    gap: 40px;
    flex-wrap: wrap;
}

.main-menu>ul li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
}


.main-menu>ul>li>ul.sub-menu {
    position: absolute;
    min-width: 180px;
    max-width: 250px;
    background: #fff;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    padding: 16px 0;
    left: 50%;
    top: calc(100% + 12px);
    transform: translateX(-50%) translateY(10px);
    transition: 0.3s;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
}

.main-menu>ul>li:hover>.mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-menu .mega-menu {
    position: absolute;
    top: calc(100% - 30px);
    padding-top: 16px;
    inset-inline-start: 0;
    width: 100%;
    z-index: 10;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
}

.main-menu li.has-mega-menu {
    position: static !important;
}

.main-menu ul.sub-menu li {
    padding-inline: 16px;
}

.main-menu ul.sub-menu ul.sub-menu {
    position: absolute;
    min-width: 180px;
    max-width: 250px;
    background: #fff;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    padding: 16px 0;
    transition: 0.3s;
    z-index: 6;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    left: 100%;
    top: 0;
}

.main-menu ul.sub-menu li {
    position: relative;
}

.main-menu ul.sub-menu li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
}


.main-menu>ul li ul.sub-menu li::before {
    content: '';
    width: 5px;
    height: 5px;
    background: var(--primarycolor);
    transition: 0.3s;
    display: inline-block;
    border-radius: 50%;
}

.main-menu>ul li ul.sub-menu li.current-menu-item::before,
.main-menu>ul li ul.sub-menu li.current-menu-ancestor::before,
.main-menu>ul li ul.sub-menu li.current-menu-parent::before,
.main-menu>ul li ul.sub-menu li:hover::before {
    background: var(--secondarycolor);
}

.main-menu>ul li ul.sub-menu::before {
    content: '';
    width: 100%;
    height: 12px;
    bottom: 100%;
    left: 0;
    position: absolute;
}

.main-menu>ul li a {
    color: var(--primarycolor);
    font-size: 15px;
    transition: 0.3s;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 32px;
}

.main-menu>ul>li>a {
    white-space: nowrap;
}

.main-menu>ul>li:hover>ul.sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.main-menu ul li:hover>a {
    color: var(--secondarycolor) !important;
}

.current-menu-item>a,
.current-menu-ancestor::before,
.current-menu-ancestor>a,
.open-sub-menu>a,
li.open-sub-menu::before,
.current-menu-item::before,
.current-menu-parent::before,
.current-menu-parent>a {
    color: var(--secondarycolor) !important;
}

.current-menu-item::after {
    background-color: var(--secondarycolor) !important;
}


.main-menu>ul li.menu-item>a img {
    width: 20px;
}



.main-menu>ul li.menu-item-has-children>a::after {
    font-family: iconsax, serif !important;
    font-size: 14px;
    line-height: 12px;
    font-weight: 600;
    content: '\e92d';
}

.sub-menu li a {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.sub-menu li.menu-item-has-children>a::after {
    transform: rotate(-90deg);
}

.login-register-form {
    background: var(--secondarycolor2);
    border-radius: 32px;
    padding: 40px !important;
    position: relative;
    overflow: hidden;
}

.login-register-form .loading-icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.5s linear;
}

.login-register-form .loading-icon span {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%;
    border-left: 2px solid #ffffff;
    animation: rotate 0.5s linear infinite;
}


.return-home {
    text-align: end;
    margin-top: 16px;
}

.return-home a {
    color: var(--primarycolor);
    font-size: 15px;
    text-decoration: none;
}

a.login-register-form-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

p.login-register-form-description {
    text-align: center;
    font-size: 16px;
    color: var(--primarycolor)
}

.wpforms-field :where(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select):focus {
    box-shadow: none !important;
}

.edit-fields :where(input[type="file"]) {
    background-color: #fff;
}

.edit-fields :where(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select, input[type="file"]) {
    border-radius: 8px !important;
    border: 1px solid #747474 !important;
    min-height: 48px !important;
    padding: 10px 16px !important;
    color: var(--primarycolor) !important;
    width: 100%;
    font-size: 15px;
}

.wpforms-field :where(input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select) {
    border-radius: 8px !important;
    border: 1px solid #747474 !important;
    min-height: 48px !important;
    padding: 10px 16px !important;
    color: var(--primarycolor) !important;
    font-size: 15px;
}

.login-register-form :where(input[type="text"], input[type="email"], input[type="password"], input[type="tel"]) {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #747474;
    height: 48px;
    padding: 10px 16px;
    font-size: 16px;
    color: var(--primarycolor);
    padding-inline-end: 40px;
}

input#rememberme,
input#terms {
    width: 20px;
    height: 20px;
}

.woocommerce-form-login__rememberme,
.wc-terms-and-conditions label {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}


.woocommerce-form-login__rememberme span,
.wc-terms-and-conditions span {
    margin-top: 4px;
    font-size: 15px;
    color: #747474;
}

.wc-terms-and-conditions span a {
    color: #747474;
}

.remember-lost a {
    text-decoration: line-through !important;
}

.remember-lost :where(span, a) {
    color: #747474;
    font-size: 15px;
    text-decoration: none;
}

.woocommerce-submit>span {
    font-size: 15px;
    color: var(--primarycolor);
}

.woocommerce-submit>span a {
    font-size: 14px;
    color: #747474;
    margin-inline-start: 4px;
    text-decoration: underline !important;
}


.woocommerce-privacy-policy-text {
    display: none;
}

.page-login-register {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    width: 544px;
    max-width: 100%;
    padding-block: 16px;
}

.brandis-btn,
.dig_otp_submit_button,
.digits_login_via_otp,
.wpforms-submit {
    height: 48px;
    font-size: 16px;
    display: inline-flex;
    gap: 8px;
    border-radius: 32px !important;
    align-items: center;
    width: max-content !important;
    padding-inline: 28px;
    transition: 0.3s;
    border-start-start-radius: 4px !important;
    font-weight: 600;
    white-space: nowrap;
    padding-block: 0 !important;
}

body.rtl .reverse-icon i,
body.rtl .reverse-icon svg {
    transform: rotate(180deg);
}


.brandis-btn.primary,
.dig_otp_submit_button,
.digits_login_via_otp,
.wpforms-submit {
    background: var(--primarybtnbg) !important;
    color: var(--primarybtntext) !important;
    border: none;
}


.brandis-btn.primary:hover,
.dig_otp_submit_button:hover,
.digits_login_via_otp:hover,
.wpforms-submit {
    background: var(--primarybtnbghover) !important;
    color: var(--primarybtntexthover) !important;
}


.brandis-btn.secondary {
    background: var(--secondarybtnbg);
    color: var(--secondarybtntext);
    border: none;
}

.brandis-btn.secondary:hover {
    background: var(--secondarybtnbghover);
    color: var(--secondarybtntexthover);
}


.brandis-btn.secondary2 {
    background: var(--secondary2btnbg);
    color: var(--secondary2btntext);
    border: none;
}

.brandis-btn.secondary2:hover {
    background: var(--secondary2btnbghover);
    color: var(--secondary2btntexthover);
}

.brandis-btn.primary i,
.brandis-btn.secondary i,
.brandis-btn.secondary2 i {
    font-size: 20px;
}

.username-c,
.password-c {
    position: relative;
}

.username-c .icon,
.password-c .icon {
    position: absolute;
    inset-inline-end: 14px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #747474;
}

.loginViaContainer {
    text-align: start;
}

.wpforms-submit-container {
    text-align: end;
}

.wpforms-submit:focus::after {
    display: none !important;
}

.bread-crumb nav {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primarycolor);
    font-size: 15px;
    flex-wrap: nowrap;
    overflow-x: auto;
}

.bread-crumb nav svg {}

.bread-crumb nav>* {
    white-space: nowrap;
}

.bread-crumb nav a {
    font-size: 15px;
    color: #747474;
}

.inner-page-title h3,
.inner-page-title .title,
.inner-page-title h1 {
    font-size: 32px;
    font-weight: 800;
    background: var(--body-bac);
    position: relative;
    z-index: 2;
    padding-inline: 20px;
    margin: 0;
}

.inner-page-title span {
    width: 100%;
    border-bottom: 1px dashed #C6C6C6;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
}

.inner-page-title {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    gap: 20px;
    position: relative;
}


nav.woocommerce-MyAccount-navigation {
    border: 1px solid var(--primarycolor);
    border-radius: 32px;
    padding: 20px 32px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 100px;
}

/* width */
nav.woocommerce-MyAccount-navigation::-webkit-scrollbar {
    height: 4px;

}

/* Track */
nav.woocommerce-MyAccount-navigation::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
nav.woocommerce-MyAccount-navigation::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}

/* Handle on hover */
nav.woocommerce-MyAccount-navigation::-webkit-scrollbar-thumb:hover {
    /*background: #555;*/
}

.woocommerce-MyAccount-content {
    border: 1px solid var(--primarycolor);
    border-radius: 32px;
    padding: 32px;
    background: var(--secondarycolor2);
    margin-top: 32px;
}

nav.woocommerce-MyAccount-navigation ul {
    display: flex;
    gap: 40px;
    padding: 0;
}

nav.woocommerce-MyAccount-navigation ul li {
    width: 130px;
    border: 1px solid #747474;
    border-radius: 16px;
    aspect-ratio: 1 / 1;
    transition: 0.3s;
    position: relative;
}

nav.woocommerce-MyAccount-navigation ul li:not(:last-child)::before {
    content: '';
    position: absolute;
    inset-inline-end: -21px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100px;
    background: #CFCFCF;
}


nav.woocommerce-MyAccount-navigation ul li.is-active {
    background: var(--secondarycolor);
    color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li a {
    padding: 20px 16px;
    width: 100%;
    height: 100%;
    color: #6F6F6F;
    display: flex;
    flex-direction: column;
    gap: 6px;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    font-size: 15px;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #fff;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a::after {
    content: '\e92d';
    font-family: iconsax, serif !important;
    font-size: 18px;
    line-height: 12px;
}

nav.woocommerce-MyAccount-navigation ul li a::before {
    font-family: iconsax, serif !important;
    font-size: 32px;
    line-height: 30px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: '\ec5a';
    border: 2px solid;
    border-radius: 8px;
    line-height: 25px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\e94d";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\eb9f";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: "\eb07";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\eadd";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: "\eae9";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--wish-list a::before {
    content: "\eaa2";
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: "\eb30";
}

.user-detail img {
    border-radius: 6px;
    border: 1px solid var(--primarycolor);
}

.user-detail .text p {
    font-size: 18px;
    font-weight: 700;
    color: var(--primarycolor);
    white-space: nowrap;
    margin-bottom: 8px;
}

.user-detail .text span {
    font-size: 16px;
    font-weight: 400;
    color: #6F6F6F;
    white-space: nowrap;
}


aside .widget {
    border-radius: 16px;
    padding: 16px;
    border: 1px solid #747474;
    margin-bottom: 20px;
}

form.brandis-form-search-widget input {
    width: 100%;
    border: none;
    border-inline-end: 1px solid rgba(116, 116, 116, 0.3);
    color: var(--primarycolor);
    font-size: 14px;
}

form.brandis-form-search-widget {
    display: flex;
    background: #fff;
    gap: 5px;
}

form.brandis-form-search-widget button:focus,
form.brandis-form-search-widget button:hover {
    background: transparent;
}

form.brandis-form-search-widget button {
    border: none;
    background: transparent;
    width: 30px;
    min-width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: inherit;
    border-radius: 0;
}

.widget-title-holder h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

ul.post_type_filter_archive li span.switch {
    width: 34px;
    height: 14px;
    border-radius: 8px;
    background: #D4D4D4;
    position: relative;
    display: inline-block;
    cursor: pointer;
    transition: 0.3s;
}

ul.post_type_filter_archive li.active span.switch {
    background: var(--secondarycolor2);
}

ul.post_type_filter_archive li.active span.switch span {
    background: var(--secondarycolor);
    left: 16px;
}

ul.post_type_filter_archive li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 15px;
    color: var(--primarycolor);
    cursor: pointer;
    margin-block: 6px;
}

ul.post_type_filter_archive {
    flex-direction: column;
    padding: 0;
    display: flex;
    gap: 10px;
}

ul.post_type_filter_archive li span.switch span {
    width: 20px;
    height: 20px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    left: -2px;
    top: -3px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}

a.post-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.post-items {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

a.post-item h3 {
    color: #28282A;
    font-size: 20px;
    line-height: 32px;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.post-item img {
    border-radius: 12px;
}

ul.sub-menu {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-Address:last-child {
    margin-bottom: 20px;
}

.woocommerce-Address {
    display: flex;
    align-items: center;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.woocommerce-Address .image {
    width: 128px;
    min-width: 128px;
    height: 128px;
    background: #FCDC73;
    display: flex;
    align-items: center;
    justify-content: center;
}

.woocommerce-Address .texts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px;
    gap: 10px;
}

.woocommerce-Address .texts address {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 0;
}

.woocommerce-Address .texts address br {
    content: '';
}

.dashboard-content p:first-child {
    font-size: 16px;
    color: var(--primarycolor);
}

.dashboard-content p:last-child {
    font-size: 15px;
    color: #6F6F6F;
}

.dashboard-content p:last-child a {
    color: var(--primarycolor);
    font-weight: 600;
}

.dashboard-content {
    padding: 150px;
}

.woocommerce-info {
    padding: 14px;
    background: var(--secondarycolor2);
    border-radius: 8px;
    color: var(--primarycolor);
    font-size: 15px;

    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

.woocommerce-message {
    padding: 14px;
    background: var(--secondarycolor2);
    border-radius: 8px;
    color: var(--primarycolor);
    font-size: 15px;

    margin-bottom: 10px;
    /*display: flex;*/
    /*flex-direction: row-reverse;*/
    /*justify-content: space-between;*/
}

.woocommerce-message a,
.woocommerce-info a {
    color: var(--primarycolor);
    font-weight: 600;
    float: inline-end;
}

ul.woocommerce-error {
    padding: 14px 20px;
    font-size: 14px;
    color: #ff6a6a;
    background: #fff1f1;
    margin-bottom: 10px;
    border-radius: 10px;
}

ul.woocommerce-error a {
    color: red;
    font-weight: 600;
}

.article-col {
    display: flex;
}

.article-box {
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    background: #fff;
    position: relative;
    width: 100%;
}

.article-box:hover .bar {
    width: calc(100% - 32px);
}

.article-box .bar {
    position: absolute;
    top: calc(100% + 1px);
    background: #A865F8;
    height: 12px;
    width: calc(50% - 16px);
    border-radius: 0 0 16px 16px;
    inset-inline-end: 16px;
    transition: 0.3s;
}

.article-box a.thumbnail {
    display: flex;
    border-bottom: 1px solid var(--primarycolor);
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}

.article-box a.thumbnail img {
    aspect-ratio: 2/1.11;
    object-fit: cover;
}

.article-box .content {
    padding: 16px;
}

.article-box .content h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color: var(--primarycolor);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-box .content p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: #7B7875;
    text-align: justify;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-box .content span.study-time {
    color: #7B7875;
    background: #FBF6FF;
    line-height: 32px;
    font-size: 12px;
    padding-inline: 20px;
    border-radius: 8px;
    display: inline-block;
}


nav.navigation.pagination {
    justify-content: center;
    margin-top: 20px;
}

nav.navigation.pagination ul.page-numbers {
    display: flex;
    align-items: center;
    gap: 10px;
}

nav.navigation.pagination ul.page-numbers li {
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
    height: 42px;
    display: flex;
    align-items: center;
    min-width: 42px;
    font-size: 16px;
    overflow: hidden
}

nav.navigation.pagination ul.page-numbers li>* {
    padding-inline: 10px;
    height: 42px;
    width: 100%;
    color: #6F6F6F;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    background: #fff;
}

nav.navigation.pagination ul.page-numbers li:hover>*,
nav.navigation.pagination ul.page-numbers li .current {
    background: var(--secondarycolor);
    color: #fff;
}

.sidesearch {
    position: fixed;
    inset-inline-end: -300px;
    top: 0;
    height: 100vh;
    width: 300px;
    background: #fff;
    z-index: 20;
    transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 16px;
}

.mini-cart-side {
    position: fixed;
    inset-inline-start: -300px;
    top: 0;
    height: 100vh;
    width: 300px;
    background: #fff;
    z-index: 20;
    transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 16px;
}

.mobile-side-menu {
    position: fixed;
    inset-inline-start: -300px;
    top: 0;
    height: 100vh;
    width: 300px;
    background: #fff;
    z-index: 20;
    transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 32px;
    overflow-x: auto;
}

.video-uploader.show-side-box {
    inset-inline-start: unset;
}

.show-side-box {
    inset-inline-start: 0;
}

.show-side-box1 {
    inset-inline-end: 0;
}

span.toggle-sidebar {
    width: 42px;
    height: 42px;
    position: fixed;
    inset-inline-start: 0;
    top: calc(50% - 21px);
    border-width: 1px;
    border-inline-start-width: 0;
    background: #fff;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
    border-style: solid;
    color: var(--primarycolor);
    border-color: var(--primarycolor);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    z-index: 18;
}

.portfolio-box {
    border-radius: 20px;
    border: 1px solid var(--primarycolor);
    overflow: hidden;
    width: 100%;
}

.portfolio-box .content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 12px 16px;
}

.portfolio-box .content h3 {
    font-size: 18px;
    font-weight: 700;
    color: var(--primarycolor);
    line-height: 24px;
    margin: 0;
}

.portfolio-box .content a.read-more {
    padding-inline: 14px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    display: inline-flex;
}

.portfolio-box a.thumbnail {
    display: flex;
}

.portfolio-box a.thumbnail img {
    object-fit: cover;
    aspect-ratio: 1.4 / 1;
}

.edit-fields {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.edit-fields p {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
}

.edit-fields p {
    width: calc(50% - 10px);
}

.edit-fields #billing_company_field,
.edit-fields #shipping_company_field {
    width: 100%;
}

.edit-fields p span {
    font-size: 12px;
    color: #6F6F6F;
}

.edit-fields p label {
    color: #6F6F6F;
    font-size: 15px;
}

.edit-fields .edit-title {
    font-size: 18px;
    color: var(--primarycolor);
    font-weight: 700;
}

label[for="billing_address_2"],
label[for="shipping_address_2"] {
    position: static !important;
    font-size: 15px !important;
    width: max-content !important;
    height: max-content !important;
    margin: 0 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px;
    font-size: 15px;
}

.select2-container .select2-selection--single {
    height: 48px;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}


.button-outline {
    display: inline-flex;
    height: 48px;
    width: 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primarycolor);
    color: var(--primarycolor);
    font-size: 24px;
    position: relative;
    border-radius: 32px;
    border-start-start-radius: 4px;
    cursor: pointer;
}

span#mini-cart-count {
    width: 20px;
    height: 20px;
    background: var(--secondarycolor);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    inset-inline-start: -10px;
    top: 3px;
}

.v-divider {
    width: 1px;
    height: 46px;
    background: #403D39;
    opacity: 0.15;
}

.mobile-side-menu .logo-box {
    background: var(--secondarycolor2);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-side-menu .close {
    cursor: pointer;
}

.side-menu .sub-menu {
    display: none;
}

.side-menu>li {
    padding-block: 16px;
}

.side-menu>li>a {
    line-height: 28px;
    color: var(--primarycolor);
    font-size: 14px;
    display: block;
    font-weight: 500;
    transition: 0.3s;
}

.side-menu>li:not(:last-child) {
    border-bottom: 1px solid #E9E9E9;
}

.side-menu li.menu-item-has-children {
    padding-inline-end: 20px;
    position: relative;
}

.side-menu li.menu-item-has-children::before {
    content: "\eaea";
    font-family: 'iconsax', serif !important;
    transform: rotate(90deg);
    position: absolute;
    inset-inline-end: 0;
    font-size: 20px;
    color: #D4D4D4;
    top: 14px;
    transition: 0.3s;
}

.side-menu .sub-menu li.menu-item-has-children::before {
    top: 3px;
    font-size: 18px;
}

.side-menu .sub-menu li {
    padding-inline-start: 12px;
    position: relative;
    padding-block: 8px;
    color: #747474;
    font-size: 12px;
}

.side-menu .sub-menu li a {
    color: inherit;
}

.side-menu .sub-menu li::after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #747474;
    inset-inline-start: 0;
    top: 15px;
}

.side-menu .mega-menu {
    margin-top: 10px;
    width: calc(100% + 20px);
    display: none;
}

.ordering-widget .selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #403D39;
    font-weight: 400;
}

.ordering-widget span.selected-value {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.ordering-widget ul.order-list {
    display: none;
}

.ordering-widget ul.order-list li {
    padding-block: 12px;
    color: #747474;
    font-size: 15px;
    border-top: 1px solid #74747426;
    cursor: pointer;
}

.ordering-widget ul.order-list li.active {
    color: var(--secondarycolor)
}

.ordering-widget ul.order-list li:last-child {
    padding-bottom: 0;
}

.ordering-widget ul.order-list li:first-child {
    margin-top: 10px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes rotate {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}


.page-content {
    transition: 0.2s;
}

.article-archive-page .loading-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    animation: fadeIn 0.6s linear;
    z-index: 4;
}

.article-archive-page .loading-icon span {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%;
    border-left: 1px solid #838383;
    animation: rotate 0.5s linear infinite;
}

.article-archive-page {
    position: relative;
}

.article-archive-page .article-col {
    transition: 0.3s;
    transform: translateY(0);
    animation: fadeIn 0.4s linear;
}

.loading-content {
    transform: translateY(16px) !important;
    opacity: 0;
}

.warning-message {
    padding: 14px;
    background: var(--secondarycolor2);
    border-radius: 8px;
    color: var(--primarycolor);
    font-size: 15px;
    display: flex;
    gap: 10px;
    align-items: center;
}

article.article>.content {
    padding: 20px 24px;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
}

article.article .thumbnail {
    padding: 30px;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
}

article.article .thumbnail img {
    width: 100%;
    border-radius: 16px;
}


.article-meta-info {
    margin-bottom: 30px;
}

.article-meta-info .meta {
    display: flex;
    align-items: center;
    gap: 14px;
    color: #6F6F6F;
    font-size: 16px;
    flex-wrap: wrap;
}

.article-meta-info .meta span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.article-meta-info .meta span i {
    color: var(--secondarycolor);
    font-size: 20px;
}

.article-meta-info .meta span.v-line {
    height: 23px;
    background: #D4D4D4;
    width: 1px;
}

article.article>.content h3 {
    font-size: 32px;
    color: #28282A;
    font-weight: 800;
    line-height: 40px;
    margin-bottom: 20px;
}

article.article>.content .inner-content p {
    font-size: 15px;
    color: var(--primarycolor);
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 0;
}

article.article>.content .inner-content :where(ul, ol) {
    color: var(--primarycolor);
    font-size: 15px;
    margin-top: 10px;
    line-height: 28px;
    list-style-position: inside !important;
}

article.article>.content .inner-content ul {
    list-style: disc;
}

article.article>.content .inner-content ol {
    list-style: decimal;
}

article.article>.content .inner-content img {
    max-width: 100%;
    margin-top: 10px;
    border-radius: 32px;
}

.quote-box {
    background: #EDD7FF;
    border-radius: 16px;
    padding: 32px;
    position: relative;
    line-height: 36px;
    color: var(--primarycolor);
    font-size: 15px;
    margin-top: 70px;
    margin-bottom: 60px;
}

.quote-box p {
    margin: 0;
}

.quote-box span:first-child {
    font-size: 80px;
    color: #A865F8;
    position: absolute;
    inset-inline-end: 32px;
    bottom: calc(100% - 8px);
    z-index: 2;
}

.quote-box span:last-child {
    font-size: 44px;
    color: #A865F8;
    position: absolute;
    inset-inline-start: 32px;
    top: calc(100% - 16px);
    z-index: 2;
}

div#respond {
    padding: 32px;
    background: #EDD7FF;
    border-radius: 32px;
}

div#respond a.br-active::after,
div#respond a.br-selected::after {
    color: #A865F8;
}

.portfolio-content a.br-active::after,
.portfolio-content a.br-selected::after {
    color: #A9D284 !important;
}

#review_form_wrapper a.br-active::after,
#review_form_wrapper a.br-selected::after {
    color: var(--secondarycolor) !important;
}

.br-wrapper p.stars {
    display: none;
}

div#respond .inner-page-title {
    margin-bottom: 32px;
}

div#respond .inner-page-title h3 {
    background: #EDD7FF;
}

ul.children,
ol.children {
    padding-inline-start: 10%;
}


.comment-body {
    border-radius: 16px;
    padding: 20px;
    border: 1px solid #D4D4D4;
    margin-bottom: 20px;
    position: relative;
}

.comment-meta img {
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
    width: 80px;
    height: 80px;
}

.comment-meta {
    display: flex;
    gap: 14px;
    align-items: center;
}

.comment-meta h6 {
    font-size: 18px;
    color: var(--primarycolor);
    font-weight: 700;
}

.comment-meta span {
    color: #6F6F6F;
    font-size: 16px;
    font-weight: 400;
}


.comment-meta {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-bottom: 32px;
}

.comment-body p {
    font-size: 15px;
    line-height: 32px;
    color: var(--primarycolor);
    margin: 0;
}

.comment-reply-link {
    position: absolute;
    inset-inline-end: 20px;
    z-index: 2;
    top: 20px;
}

h3#reply-title {
    display: flex;
    gap: 20px;
}

a#cancel-comment-reply-link {
    color: var(--secondarycolor);
}

p.comment-form-comment {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100% !important;
}

p.comment-form-comment textarea {
    border: 1px solid #747474;
    padding: 16px;
    border-radius: 8px;
    box-sizing: border-box;
}

form#commentform {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

form#commentform>p {
    width: calc(50% - 10px);
    margin: 0;
}

form#commentform>p input:not([type="submit"]) {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #747474;
    height: 48px;
    padding: 10px 16px;
    font-size: 16px;
    color: var(--primarycolor);
    padding-inline-end: 40px;
}

input#submit {
    margin-top: -88px;
    margin-inline-end: 20px;
}

.top-footer {
    background: #35322F;
}

.right-inner-top-footer .texts {
    color: #DEDAD7;
}

.right-inner-top-footer .texts .title {
    font-size: 22px;
    font-weight: 700;
}

.right-inner-top-footer .texts p {
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

.main-footer {
    background: var(--primarycolor);
}

.main-footer .newsletter {
    color: #DEDAD7;
    border: 1px solid #302C27;
    padding: 20px;
    border-radius: 16px;
}

.main-footer .about {
    color: #DEDAD7;
    border: 1px solid #302C27;
    padding: 20px;
    border-radius: 16px;
}

.main-footer .about .image {
    border-bottom: 1px solid #35322F;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.main-footer .about p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
    text-align: justify;
}

.main-footer .newsletter form {
    display: flex;
    gap: 20px;
}

.main-footer .newsletter form input {
    line-height: 48px;
    background: #35322F;
    border-radius: 8px;
    border: none;
    padding-inline: 20px;
    color: #DEDAD7;
    font-size: 16px;
    width: 100%;
}


.footer-box .title {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
}

.footer-box .menu li a {
    color: #DEDAD7;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
}

.footer-box .menu li {
    padding-block: 6px;
}

.footer-box .menu li a::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #FCDC73;
    display: inline-flex;
}

.footer-box .menu li a {
    color: #DEDAD7;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 6px;
}

.footer-box.menu-col {
    width: calc(40% - 10px);

}

.footer-box.contact-col {
    width: calc(60% - 10px);
}

.inner-footer-box {
    width: max-content;
}

.contact-col ul li {
    padding-block: 10px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 28px;
}

.contact-col ul li a.value {
    color: #DEDAD7;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
}

.contact-col ul li i {
    font-size: 18px;
    color: #FCDC73;
}

.contact-col ul li span.label {
    display: flex;
    align-items: center;
    gap: 4px;
}

.contact-col .namad .img-box {
    width: calc(33.33% - 13px);
    border: 1px solid #302C27;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.namad {
    gap: 20px;
    margin-top: 40px;
}

.contact-col .namad .img-box img {
    max-height: 100%;
    max-width: 100%;
}

.bottom-footer {
    background: var(--primarycolor);
}

.inner-bottom-footer {
    border-block: 1px solid #302C27;
    color: #DEDAD7;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
}

.inner-bottom-footer p {
    margin: 0;
    text-align: center;
}


.footer-box .menu .mega-menu {
    display: none;
}

.portfolio-content>.thumbnail {
    padding: 40px;
    background: #ECFEDB;
    border-radius: 32px;
}


.portfolio-content>.thumbnail img {
    width: 100%;
    border-radius: 24px;
    object-fit: cover;
}

.details-list {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.details-list .detail {
    display: flex;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
}

.details-list .detail .image {
    width: 110px;
    height: 115px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    background: #A9D284;
    border-inline-end: 1px solid var(--primarycolor);
}

.details-list .detail .texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 20px;
}

.details-list .detail .texts p {
    font-size: 16px;
    color: var(--primarycolor);
    font-weight: 600;
    margin-bottom: 8px;
}

.details-list .detail .texts span {
    font-size: 16px;
    color: #6F6F6F;
    font-weight: 400;
}

.portfolio-content .inner-content {
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    font-size: 15px;
    line-height: 28px;
    color: var(--primarycolor);
    font-weight: 400;
    text-align: justify;
}

.portfolio-information {
    margin-top: 32px;
}

.portfolio-information strong {
    font-size: 16px;
}

.portfolio-information ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}

.portfolio-information ul li {
    width: calc(50% - 5px);
    color: #6F6F6F;
    line-height: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.portfolio-information ul li::before {
    content: '';
    width: 8px;
    min-width: 8px;
    height: 8px;
    background: var(--secondarycolor);
    display: inline-flex;
    border-radius: 50%;
}

.portfolio-content div#respond .inner-page-title h3,
.portfolio-content div#respond {
    background: #ECFEDB;
}

.swiper-custom-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
}

.swiper-custom-pagination span {
    transition: 0.3s;
    background: #E9E9E9;
    opacity: 1;
    border-radius: 4px;
    margin-inline: 3px !important;
}

.swiper-pagination-bullet-active {
    width: 30px !important;
    background: #EFBF20 !important;
}

.mySwiper {
    border-radius: 16px;
}

.gallery-thumbs {
    width: calc(100% - 64px);
    margin: -24px auto 0;
    padding-inline: 50px !important;
    position: relative;
}


.thumbnail.gallery {
    padding-bottom: 48px;
}


.portfolio-content>.gallery-thumbs .mySwiper img {
    border-radius: 16px;
    border: 1px solid #a3a3a3;
    width: 100%;
    transition: 0.3s;
}

.portfolio-content>.gallery-thumbs .swiper-slide:not(.swiper-slide-thumb-active) img {
    opacity: 0.6;
}

.portfolio-content>.gallery-thumbs .swiper-slide-thumb-active img {
    border-color: var(--secondarycolor) !important;
}

.portfolio-content>.gallery-thumbs .swiper-button-next,
.portfolio-content>.gallery-thumbs .swiper-button-prev {
    color: var(--primarycolor) !important;
    border: 2px solid var(--primarycolor);
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px;
}

.portfolio-content>.gallery-thumbs .swiper-button-next:hover,
.portfolio-content>.gallery-thumbs .swiper-button-prev:hover {
    border-color: var(--secondarycolor);
}

.portfolio-content>.gallery-thumbs .swiper-button-next:hover::after,
.portfolio-content>.gallery-thumbs .swiper-button-prev:hover::after {
    color: var(--secondarycolor);
}

.portfolio-content>.gallery-thumbs .swiper-button-next:after,
.portfolio-content>.gallery-thumbs .swiper-button-prev:after {
    font-size: 10px !important;
    font-weight: 900 !important;
}

.brandis-widget.section-info-box {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -10px;
    row-gap: 40px;
}

.brandis-widget.section-info-box .col-box {
    width: calc(100% / 3);
    padding-inline: 10px;
}

.brandis-widget.section-info-box .col-box .inner-box {
    border: 1px solid #454545;
    border-radius: 16px;
    display: flex;
    gap: 16px;
    align-items: center;
    padding: 20px;
    background: #fff;
    position: relative;
}

.brandis-widget.section-info-box .col-box .inner-box img {
    width: 63px;
}

.brandis-widget.section-info-box .col-box .inner-box .texts {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.brandis-widget.section-info-box .col-box .inner-box .texts span.icon {
    position: absolute;
    inset-inline-end: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
}

.brandis-widget.section-info-box .col-box .inner-box .texts .title {
    font-size: 22px;
    font-weight: 700;
    color: var(--primarycolor);
    line-height: 28px;
    margin: 0;
}

.brandis-widget.section-info-box .col-box .inner-box .texts span.icon svg {
    width: 100%;
    height: 100%;
}

.brandis-widget.section-info-box .col-box .inner-box .texts p {
    font-size: 15px;
    font-weight: 400;
    color: #747474;
    line-height: 24px;
    margin: 0;
}


.brandis-widget.section-info-box .col-box .inner-box .bar {
    content: '';
    width: calc(50% - 16px);
    border-radius: 0 0 16px 16px;
    height: 12px;
    background: #66B4F4;
    position: absolute;
    inset-inline-end: 16px;
    transition: 0.3s;
    top: calc(100% + 1px);
}

.brandis-widget.section-info-box .col-box .inner-box:hover .bar {
    width: calc(100% - 32px);
}

span.elementor-button-content-wrapper {
    align-items: center;

}

.brandis-widget.section-portfolio-tab #pills-tab {
    display: flex;
    align-items: center;
    /* justify-content: center; */
    gap: 40px;
    font-size: 20px;
    color: #7B7875;
    flex-wrap: nowrap;
    padding-inline: 14px;
    width: max-content;
}

.brandis-widget.section-portfolio-tab .tab-nav {
    overflow-x: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brandis-widget.section-portfolio-tab #pills-tab li span {
    transition: 0.3s;
}

.brandis-widget.section-portfolio-tab #pills-tab li .active {
    color: var(--secondarycolor);
}

.brandis-widget.section-portfolio-tab #pills-tab li span {
    transition: 0.3s;
    display: inline-block;
    white-space: nowrap;
}

.brandis-widget.section-portfolio-tab #pills-tab li span.active::before {
    opacity: 1;
}

.brandis-widget.section-portfolio-tab #pills-tab li span::before {
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
    background: var(--secondarycolor);
    border-radius: 50%;
    margin-inline-end: 2px;
    opacity: 0;
    transition: 0.3s;
}

.section-price-box .price-box {
    display: flex;
    width: 100%;
}

.section-price-box .price-box .image {
    background: #FDD655;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 153px;
    min-width: 153px;
}

.section-price-box .price-box .content {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 40px 8px;
}

.section-price-box .price-box {
    display: flex;
    width: 100%;
    border-radius: 16px;
    border: 1px solid #454545;
    overflow: hidden;
}

.section-price-box .price-box .content .title-price {
    width: 33%;
    border-inline-end: 1px solid #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-inline: 20px;
}

.section-price-box .price-box .content .details {
    width: 40%;
    border-inline-end: 1px solid #e2e2e2;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-inline: 20px;
}

.section-price-box .price-box .content .action {
    width: 27%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding-inline: 20px;
}

.section-price-box .price-box .content .title-price h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    color: #7B7875;
}

.section-price-box .price-box .content .title-price span.price {
    font-size: 24px;
    line-height: 31px;
    font-weight: 700;
    color: var(--primarycolor);
}

.section-price-box .price-box .content .title-price span.price-del {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: var(--primarycolor);
    text-decoration: line-through !important;
}

.section-price-box .price-box .content .details ul {
    color: #4D4E50;
    font-size: 15px;
    line-height: 28px;
    display: flex;
    flex-direction: column;
    font-weight: 400;
    gap: 4px;
}

.section-price-box .price-box .content .details ul li {
    display: flex;
    align-items: center;
    gap: 4px;
}

.section-price-box .price-box .content .details ul li i {
    color: #BDBDBD;
}

.brandis-widget.section-price-box {
    position: relative;
}

.brandis-widget.section-price-box .bar {
    width: calc(50% - 20px);
    background: #FDD655;
    height: 12px;
    border-radius: 0 0 16px 16px;
    inset-inline-end: 20px;
    position: absolute;
    top: 100%;
    transition: 0.3s;
}

.brandis-widget.section-price-box:hover .bar {
    width: calc(100% - 40px);
}

.team-box {
    border: 1px solid #454545;
    border-radius: 16px;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    aspect-ratio: 1 / 1;
    position: relative;
}

.team-box .content {
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(64, 61, 57, 0) 45%, #403D39 100%);
    border-radius: 0 0 14px 14px;
    padding: 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff;
    font-size: 18px;
    z-index: 2;
}

.team-box img {
    position: absolute;
    bottom: 0;
    height: calc(100% + 32px) !important;
    max-width: 100% !important;
    z-index: 1;
}

.our-team-slider .swiper-slide {
    padding-top: 32px;
}

.team-box .content h4 {
    font-size: 18px;
    font-weight: 700;
}

.team-box .bar {
    width: calc(70% - 20px);
    height: 12px;
    border-radius: 0 0 16px 16px;
    background: #9BBBFF;
    position: absolute;
    inset-inline-end: 20px;
    top: calc(100% + 1px);
    transition: 0.3s;
}

.team-box:hover .bar {
    width: calc(100% - 40px);
}

.our-team-slider .swiper-slide:nth-child(odd) .team-box {
    margin-top: 70px;
}

.comment-box {
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    padding: 32px;
    position: relative;
}

.comment-box:hover .bar {
    width: calc(100% - 32px);
}

.comment-box .bar {
    content: '';
    width: calc(50% - 16px);
    border-radius: 0 0 16px 16px;
    height: 16px;
    background: #66B4F4;
    position: absolute;
    inset-inline-end: 16px;
    transition: 0.3s;
    top: calc(100% + 1px);
}

.comment-box .icon svg {
    width: auto;
    height: 38px;
}

.comment-box .icon i {
    font-size: 38px;
}

.comment-box .icon {
    text-align: left;
    display: block;
    margin-bottom: 8px;
}

.comment-box .content {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: var(--primarycolor);
    margin-bottom: 32px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.comment-box .content p {
    margin-bottom: 0;
}

.comment-box .info img {
    width: 80px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
    object-position: top;
}

.comment-box .info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.comment-box .info h4 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 4px;
    color: var(--primarycolor);
}

.comment-box .info span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #7B7875;
}

.product-box .cart a i {
    font-size: 24px;
}

.ajax_add_to_cart .adding,
.adding-to-cart .adding {
    animation: rotate 0.8s linear infinite;
}

.ajax_add_to_cart .added {
    animation: fadeIn 0.2s linear;
}


.product-box .content .cart a:not(.loading):not(.added) :where(.adding, .added) {
    display: none;
}

.ajax_add_to_cart.loading :where(.not-add, .added) {
    display: none;
}

.ajax_add_to_cart.added :where(.not-add, .adding) {
    display: none;
}

i.adding {
    width: 24px;
    height: 24px;
    border-left: 1px solid;
    border-radius: 50%;
}

.product-box {
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    position: relative;
    width: 100%;
}

.product-box a.thumbnail {
    display: flex;
    border-radius: 16px 16px 0 0;
    overflow: hidden;
    border-bottom: 1px solid var(--primarycolor);
}

.product-box a.thumbnail img {
    width: 100%;
    height: auto;
}



.product-box .content {
    padding: 0 20px 20px;
}

.product-box .content .cart {
    display: flex;
    justify-content: flex-start;
    flex-direction: row-reverse;
    gap: 8px;
}

.product-box .content .cart a {
    margin-top: -24px;
    display: inline-flex;
}

a.added_to_cart.wc-forward::before {
    content: "\ea47";
    font-family: 'iconsax', serif;
    color: var(--primarycolor);
    font-size: 24px;
}

a.added_to_cart.wc-forward {
    font-size: 0;
    height: 48px;
    display: inline-flex !important;
    border-radius: 32px !important;
    align-items: center;
    width: max-content !important;
    padding-inline: 16px;
    transition: 0.3s;
    border-start-start-radius: 4px !important;
    background: var(--secondarybtnbg);
    color: var(--secondarybtntext);
    border: none;
}

a.added_to_cart.wc-forward:hover {
    background: var(--secondarybtnbghover);
    color: var(--secondarybtntexthover);
}

.product-box .content h3 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
}

.product-box .content h3 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
}

.price-c {
    display: flex;
    justify-content: center;
    min-height: 40px;
    border-radius: 4px;
    background: #F9F9F9;
    align-items: center;
}

.price-c span.main-p {
    font-size: 18px;
    line-height: 31px;
    font-weight: 900;
    color: var(--secondarycolor);
}

.price-c span.main-p span.symbol {
    font-size: 16px;
    line-height: 23px;
    font-weight: 400;
    color: #7B7875;
}


.price-c span.del-p {
    font-size: 14px;
    font-weight: 400;
    color: #7B7875;
    margin-inline-end: 8px;
    position: relative;
}

.price-c span.del-p::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    background: #adaba9;
    transform: rotate(10deg);
}

.product-box .content .excerpt {
    height: 24px;
    margin-block: 16px 14px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #7B7875;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.product-box .content .excerpt ul {
    display: flex;
    justify-content: space-between;
}

.product-box .content .excerpt ul li::before {
    content: "\ec32";
    font-family: 'iconsax', serif;
    font-size: 12px;
    color: var(--secondarycolor);
}

.product-box .content .excerpt ul li {
    display: flex;
    align-items: center;
    gap: 4px;
}

.product-box:hover .bar {
    width: calc(100% - 32px);
}

.product-box:hover .brandis-btn {
    background: var(--secondarycolor);
}

.product-box .bar {
    content: '';
    width: calc(50% - 16px);
    border-radius: 0 0 16px 16px;
    height: 12px;
    background: var(--secondarycolor);
    position: absolute;
    inset-inline-end: 16px;
    transition: 0.3s;
    top: calc(100% + 1px);
}

.variable-price {
    display: flex;
    align-items: center;
}

.video-box {
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    position: relative;
    height: 100%;
}

.video-box .bar {
    width: calc(70% - 20px);
    height: 12px;
    border-radius: 0 0 16px 16px;
    background: #A965F0;
    position: absolute;
    inset-inline-end: 20px;
    top: calc(100% + 1px);
    transition: 0.3s;
}

.video-box:hover .bar {
    width: calc(100% - 40px);
}

.swiper-slide-active .video-box span.play {
    opacity: 1;
    visibility: visible;
}

.video-box span.play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    background: #fff;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 26px;
    padding-left: 4px;
    color: #A965F0;
    cursor: pointer;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}

.video-box img {
    border-radius: 16px !important;
    height: 100% !important;
    object-fit: cover !important;
}

.video-box .content {
    position: absolute;
    width: 100%;
    bottom: 0;
    border-radius: 16px;
    padding: 20px;
    color: #D3D3D3;
    background: linear-gradient(180deg, rgba(64, 61, 57, 0) 10%, rgba(64, 61, 57, 0.6) 90%);
    z-index: 4;
    left: 0;
}

.video-box .content h4 {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
}

.video-box .content span {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}

.customer-video-slider .swiper-slide-active .video-box .content p {
    height: 72px;
}

.video-box .content p {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
    height: 0;
}

.brandis-widget.section-customer-video {
    display: flex;
    gap: 20px;
    padding-inline: 32px;
}

.customer-video-details {
    width: calc(25% - 10px);
}

.customer-video-slides {
    width: calc(75% - 10px);
}

.customer-video-slider .swiper-slide {
    transition: width 0.4s;
}

.brandis-widget.section-customer-video .swiper-button-next,
.brandis-widget.section-customer-video .swiper-button-prev {
    color: var(--primarycolor) !important;
    border: 2px solid var(--primarycolor);
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px;
    transition: 0.3s;
}

.brandis-widget.section-customer-video .swiper-button-next:hover,
.brandis-widget.section-customer-video .swiper-button-prev:hover {
    border-color: var(--secondarycolor);
}

.brandis-widget.section-customer-video .swiper-button-next:hover::after,
.brandis-widget.section-customer-video .swiper-button-prev:hover::after {
    color: var(--secondarycolor);
}


.brandis-widget.section-customer-video .swiper-button-next::after,
.brandis-widget.section-customer-video .swiper-button-prev::after {
    font-size: 10px !important;
    font-weight: 900 !important;
    transition: 0.3s;
}

.brandis-widget.section-customer-video .swiper-button-prev,
.brandis-widget.section-customer-video .swiper-rtl .swiper-button-next {
    left: 0;
}

.brandis-widget.section-customer-video .swiper-button-next,
.brandis-widget.section-customer-video .swiper-rtl .swiper-button-prev {
    right: 0;
}

.customer-video-details {
    border-radius: 16px;
    background: #EDD7FF;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: max-content;
    gap: 20px;
    height: 473px;
}

.customer-video-details h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: var(--primarycolor);
}

.customer-video-details ul.items li .icon {
    background: #A965F0;
    border-radius: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    color: #fff;
    font-size: 30px;
}

.customer-video-details ul.items li .icon svg path {
    fill: #fff;
}

.customer-video-details ul.items li .icon svg {
    max-width: 30px;
    height: 30px;
}

.customer-video-details ul.items li {
    display: flex;
    gap: 16px;
    align-items: center;
}

.customer-video-details ul.items li .texts strong {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #000000;
    display: block;
}

.customer-video-details ul.items li .texts {
    padding-inline-start: 16px;
    border-inline-start: 1px solid #6F6F6F60;
}

.customer-video-details ul.items li .texts span {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    color: #6F6F6F;
    display: block;
}

.customer-video-details ul.items {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.video-uploader {
    border: 1px solid var(--primarycolor);
    border-radius: 32px;
    background: #fff;
    width: 640px;
    position: fixed;
    z-index: 20;
    min-height: 300px;
    left: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    max-height: 90%;
    max-width: 90%;
    transition: 0.3s;
    padding: 32px;
    opacity: 0;
    visibility: hidden;
}

.video-uploader.show-side-box {
    opacity: 1;
    visibility: visible;
}

.video-uploader span.close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--secondarycolor);
    border-radius: 8px;
    inset-inline-start: -6px;
    top: -6px;
    position: absolute;
    cursor: pointer;
}


.video-uploader .header-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.video-uploader .header-box h4 {
    margin: 0;
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: var(--primarycolor);
    text-align: center;
}

.video-uploader .header-box span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #747474;
}

.video-uploader .body-box label {
    border-radius: 16px;
    border: 1px solid #747474;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 40px;
    margin-block: 20px;
}

.video-uploader .body-box label {
    border-radius: 16px;
    border: 1px solid #747474;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 40px;
    margin-block: 20px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #747474;
    gap: 10px;
    cursor: pointer;
}

.video-uploader .footer-box {
    display: flex;
    justify-content: center;
}

.upload-file-name {
    padding: 10px 20px;
    border-radius: 32px;
    background: #f5f5f5;
    margin-top: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

.upload-file-name span {
    color: red;
    cursor: pointer;
}

.upload-detail {
    display: none;
    font-weight: 200;
    font-size: 14px;
}

.upload-detail ul {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

.upload-detail ul li {
    width: 50%;
}

.upload_btn {
    cursor: pointer;
}

.post-grid-box {
    display: grid;
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    grid-template-columns: calc(33.33% - 13.33px) calc(33.33% - 13.33px) calc(33.33% - 13.33px);
    /*grid-template-row: ;*/
}

.post-grid-box .grid-box:first-child {
    grid-row: 1 / 3;
    grid-column: 1;
}

.post-grid-box .grid-box .article-box {
    height: 100%;
}


.confirm-box {
    position: absolute;
    display: none;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #fff;
    left: 0;
    top: 0;
    border-radius: 32px;
    gap: 20px;
}

.send_video {
    cursor: pointer;
}

.video-show {
    width: 700px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
    display: flex;
    overflow: hidden;
    max-width: 90%;
    max-height: 90%;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}

.video-show.show-side-box {
    opacity: 1;
    visibility: visible;
}


.term-description {
    padding: 20px;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    color: #7B7875;
}

.term-description p {
    font-size: 15px;
    margin: 0;
}

.product-cat-col a {
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    overflow: hidden;
}

.product-cat-col a h2.woocommerce-loop-category__title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
    padding: 20px;
    border-top: 1px solid var(--primarycolor);
}

.product-box a.thumbnail span.onsale {
    position: absolute;
    inset-inline-end: 8px;
    top: 8px;
    background: var(--secondarycolor2);
    width: 52px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
    border-start-start-radius: 4px !important;
    color: var(--primarycolor);
    font-size: 16px;
    border: 1px solid var(--secondarycolor);
    z-index: 2;
}


.cart-item-img-title h4 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
}

.cart-item-img-title img {
    width: 92px;
    height: 92px;
    object-fit: cover;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
}

.widget_shopping_cart_content .woocommerce-mini-cart {
    padding-bottom: 160px;
    overflow-y: auto;
    height: 100vh;
}

.woocommerce-mini-cart-item {
    position: relative;
}

.remove_from_cart_button {
    font-size: 22px;
    position: absolute;
    inset-inline-end: 0;
    top: 0;
    color: #D4D4D4;
    transition: 0.3s;
}

.footer-mini-cart {
    position: absolute;
    bottom: 0;
    padding: 16px;
    display: flex;
    left: 0;
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
    background: #fff;
}

.footer-mini-cart .woocommerce-mini-cart__total.total p {
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #6F6F6F;
}

.footer-mini-cart .woocommerce-mini-cart__total.total bdi,
.quantity-price span.price bdi {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--secondarycolor);
}

.quantity-price span.price bdi span.woocommerce-Price-currencySymbol,
.footer-mini-cart .woocommerce-mini-cart__total.total bdi span.woocommerce-Price-currencySymbol {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #6F6F6F;
}

.footer-mini-cart .woocommerce-mini-cart__buttons.buttons {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

ul.woocommerce-mini-cart li:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #EFF0F8;
}

.quantity-price {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
    align-items: center;
}

.quantity-price .quantity-box .qty {
    width: 92px;
    text-align: center;
    font-size: 15px;
    line-height: 23px;
    font-weight: 700;
    height: 36px;
    border-radius: 20px;
    border: 1px solid var(--primarycolor);
    padding-inline: 26px;
}

/* Chrome, Safari, Edge, Opera */
.quantity-price .quantity-box input.qty::-webkit-outer-spin-button,
.quantity-price .quantity-box input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.quantity-price .quantity-box input[type=number].qty {
    -moz-appearance: textfield;
}

.quantity-price .quantity-box {
    position: relative;
}

.quantity-price .quantity-box span {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--secondarycolor);
    border-radius: 50%;
    position: absolute;
    top: 4px;
    cursor: pointer;
    font-size: 26px;
}

.quantity-price .quantity-box span.up {
    right: 4px;
}

.quantity-price .quantity-box span.down {
    left: 4px;
}

.woocommerce-mini-cart.loading {
    pointer-events: none;
    opacity: 0.4;
}

section.single-product-top {
    background: var(--secondarycolor2);
    padding: 32px;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
    margin-bottom: 40px;
}

section.single-product-top .title-icons .product_title.entry-title {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    color: #042123;
}

section.single-product-top .title-icons {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 10px;
}

section.single-product-top .title-icons .icons {
    display: flex;
    align-items: center;
    gap: 10px;
}

section.single-product-top .title-icons .icons span {
    width: 47px;
    height: 47px;
    border-radius: 4px;
    border: 1px solid var(--primarycolor);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
}

section.single-product-top .sku {
    color: #747474;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
}

section.single-product-top .sku span {
    color: var(--primarycolor);
}

section.single-product-top .excerpt {
    background: #fff;
    padding: 16px;
    border-radius: 10px;
    border: 1px solid var(--primarycolor);
    color: #6F6F6F;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 16px;
}

.woocommerce-product-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}

.woocommerce-product-rating a.woocommerce-review-link {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #858585;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
}

.woocommerce-product-rating a.woocommerce-review-link i {
    font-size: 18px;
    color: var(--secondarycolor);
}

.woocommerce-product-rating .starts .full {
    margin-top: -24px;
    overflow: hidden;
    white-space: nowrap;
}

.woocommerce-product-rating .rate {
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-product-rating span.number {
    color: #fff;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    margin-bottom: -6px;
}

.woocommerce-product-rating span.number span {
    color: var(--primarycolor);
}

.woocommerce-product-rating>span {
    color: #fff;
    font-weight: 100;
}

table.variations select {
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
    height: 48px;
    padding: 0 16px;
    color: #747474;
    appearance: none;
    padding-inline-end: 40px;
    background-image: url(../img/chevron-down.svg);
    background-repeat: no-repeat;
    background-position: 10px center;
}

.add-to-cart-price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
}

.price-sec span.del-p span.onsale {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    font-weight: 700;
    background: var(--secondarycolor);
    display: inline-block;
    padding: 0 8px;
    border-radius: 6px;
}

.price-sec span.del-p span:not(.onsale) {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #747474;
    text-decoration: line-through !important;
    margin-inline-end: 6px;
}

.price-sec span.main-p {
    font-size: 24px;
    line-height: 31px;
    font-weight: 900;
    color: var(--secondarycolor);
    white-space: nowrap;
}

.price-sec span.main-p span.symbol {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #7B7875;
}


.woocommerce-variation-price span.woocommerce-Price-currencySymbol {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #7B7875;
}

.price-sec span.del-p {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    justify-content: flex-end;
}

.price-sec span.main-p.variable-price {
    flex-direction: column;
    align-items: flex-start;
}

.price-sec span.main-p.variable-price span:not(.symbol) {
    display: flex;
    align-items: center;
    gap: 4px;
}

.add-to-cart-sec .cart {
    display: flex;
    align-items: center;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 10px;
}


.add-to-cart-sec .quantity-box .qty {
    width: 133px;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    height: 48px;
    border-radius: 24px;
    border: 1px solid var(--primarycolor);
    padding-inline: 42px;
}

/* Chrome, Safari, Edge, Opera */
.add-to-cart-sec .quantity-box input.qty::-webkit-outer-spin-button,
.add-to-cart-sec .quantity-box input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.add-to-cart-sec .quantity-box input[type=number].qty {
    -moz-appearance: textfield;
}

.add-to-cart-sec .quantity-box {
    position: relative;
}

.add-to-cart-sec .quantity-box span {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--secondarycolor);
    border-radius: 50%;
    position: absolute;
    top: 7px;
    cursor: pointer;
    font-size: 30px;
}

.add-to-cart-sec .quantity-box span.up {
    right: 7px;
}

.add-to-cart-sec .quantity-box span.down {
    left: 7px;
}

.woocommerce-variation-add-to-cart {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

a.reset_variations {
    color: var(--secondarycolor);
    margin-inline-start: 10px;
}

table.variations th.label label {
    display: none;
}

.woocommerce-variation-price {
    font-size: 24px;
    line-height: 31px;
    font-weight: 900;
    color: var(--secondarycolor);
    margin-bottom: 10px;
}

.woocommerce-product-gallery .flex-viewport {
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    aspect-ratio: 2 / 1.1;
    width: 100%;
    height: auto !important;
}

ol.flex-control-nav.flex-control-thumbs li img {
    width: 113px;
    height: 113px;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    object-fit: cover;
    cursor: pointer;
}

ol.flex-control-nav.flex-control-thumbs {
    display: flex;
    gap: 6px;
    margin-top: 16px;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
}


a.woocommerce-product-gallery__trigger {
    position: absolute;
    width: 48px;
    height: 48px;
    background: #fff;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 20px;
    border: 1px solid var(--primarycolor);
    inset-inline-start: 10px;
    top: 10px;
}

.woocommerce-product-gallery {
    position: relative;
}

ul.tabs.wc-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
}

ul.tabs.wc-tabs li a {
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    color: var(--primarycolor);
    border: 1px solid var(--primarycolor);
    padding: 0 20px;
    height: 48px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
}

ul.tabs.wc-tabs li.active a {
    color: #fff;
    background: var(--primarycolor);
}

.woocommerce-Tabs-panel {
    border: 1px solid #D4D4D4;
    border-radius: 32px;
    padding: 20px;
    margin-top: 26px;
}

.woocommerce-Tabs-panel {
    border: 1px solid #D4D4D4;
    border-radius: 32px;
    padding: 20px;
    margin-top: 26px;
    font-size: 15px;
    color: var(--primarycolor);
    line-height: 32px;
    font-weight: 400;
}

.woocommerce-product-attributes :where(td, th) {
    padding: 10px;
    line-height: 12px;
}

.woocommerce-product-attributes {
    width: 100%;
}

.woocommerce-product-attributes :where(td, th)>* {
    margin: 0;
}

.woocommerce-product-attributes tbody tr:nth-child(odd) {
    background: #f2f2f2;
}

.woocommerce-product-attributes :where(td, th) {
    padding: 10px 20px;
    line-height: 22px;
}

.woocommerce-Tabs-panel h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 20px;
    color: var(--primarycolor);
}


.rtl form#commentform>p input:not([type="submit"]) {
    direction: rtl;
}

.woocommerce-orders-table {
    width: 100%;
    /*background: #fff;*/
    /*padding: 20px;*/
    /*border-radius: 16px;*/
    /*border: 1px solid var(--primarycolor);*/
    border-collapse: separate;
    margin-top: 10px;
    margin-bottom: 16px;
}

.woocommerce-orders-table thead {
    position: relative;
}

.woocommerce-orders-table thead th {
    padding-block: 13px !important;
}

.woocommerce-orders-table thead::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: -10px;
    background: #fff;
    height: calc(100% + 20px);
    z-index: 1;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
}

.woocommerce-orders-table thead tr {
    position: relative;
    z-index: 2;
}

.woocommerce-orders-table tbody:not(.body-orders) td {
    padding: 22px !important;
}

tbody.body-orders {
    position: relative;
}

tbody.body-orders::before {
    content: '';
    width: 100%;
    position: absolute;
    height: calc(100% + 32px);
    background: #fff;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    z-index: 1;
    top: -16px;
    left: 0;
}

tbody.body-orders tr {
    position: relative;
    z-index: 2;
}

.woocommerce-orders-table thead tr th {
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    padding: 20px;
}

.woocommerce-orders-table thead tr th:not(:last-child) {
    border-inline-end: 1px solid #E9E9E9;
}

.woocommerce-orders-table tbody tr td {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #28282A;
    padding: 6px 20px;
}

.woocommerce-orders-table tbody tr td:not(:last-child) {
    border-inline-end: 1px solid #E9E9E9;
}

.woocommerce-pagination a {
    border: 1px solid var(--primarycolor);
    padding: 10px;
    font-size: 15px;
    color: var(--primarycolor);
    background: #fff;
    display: inline-flex;
    margin-top: 20px;
    border-radius: 8px;
}

.woocommerce-orders-table__cell-order-number a {
    color: var(--primarycolor);
}

.single-product--meta .tags {
    padding-top: 16px;
}

.single-product--meta .tags {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #C6C6C6;
}


.single-product--meta .cats {
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    color: var(--primarycolor);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.single-product--meta .cats a {
    color: #6F6F6F;
}

.single-product--meta .tags {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #C6C6C6;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    color: var(--primarycolor);
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    align-items: center;
}

.single-product--meta .tags a {
    background: var(--primarycolor);
    padding: 0 10px;
    line-height: 38px;
    display: inline-flex;
    border-radius: 8px;
    color: #Fff;
    font-size: 12px;
    font-weight: 400;
}

.woocommerce-Reviews div#respond .inner-page-title h3 {
    background: var(--secondarycolor2);
}

.woocommerce-Reviews div#respond {
    background: var(--secondarycolor2);
}

.page404 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page404 h3 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
}

.page404 img {
    max-width: 100%;
}


.woocommerce table.shop_attributes {
    border: 0;
    border-top: 1px dotted rgba(0, 0, 0, .1);
    margin-bottom: 1.618em;
    width: 100%
}

.woocommerce table.shop_attributes th {
    width: 150px;
    font-weight: 700;
    padding: 8px;
    border-top: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, .1);
    margin: 0;
    line-height: 1.5
}

.woocommerce table.shop_attributes td {
    font-style: italic;
    padding: 0;
    border-top: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, .1);
    margin: 0;
    line-height: 1.5
}

.woocommerce table.shop_attributes td p {
    margin: 0;
    padding: 8px 0
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
    background: rgba(0, 0, 0, .025)
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em
}

.woocommerce table.shop_table td {
    vertical-align: middle;
    line-height: 1.5em
}

.woocommerce table.shop_table td small {
    font-weight: 400
}

.woocommerce table.shop_table td del {
    font-weight: 400
}

.woocommerce table.shop_table tbody:first-child tr:first-child td,
.woocommerce table.shop_table tbody:first-child tr:first-child th {
    border-top: 0
}

.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
    font-weight: 700;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

tr.cart-subtotal h4,
.woocommerce-shipping-totals th {
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
    color: #4D4E50;
}

.woocommerce-shipping-totals th {
    padding-inline-start: 0 !important;
}

.woocommerce-shipping-totals td {
    text-align: end;
}

.woocommerce table.my_account_orders td,
.woocommerce table.my_account_orders th {
    padding: 8px;
    vertical-align: middle
}

.woocommerce table.my_account_orders .button {
    white-space: nowrap
}

.woocommerce table.woocommerce-MyAccount-downloads td,
.woocommerce table.woocommerce-MyAccount-downloads th {
    vertical-align: top;
    text-align: center
}

.woocommerce table.woocommerce-MyAccount-downloads td:first-child,
.woocommerce table.woocommerce-MyAccount-downloads th:first-child {
    text-align: right
}

.woocommerce table.woocommerce-MyAccount-downloads td:last-child,
.woocommerce table.woocommerce-MyAccount-downloads th:last-child {
    text-align: right
}

.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before,
.woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before {
    content: "↓";
    display: inline-block
}

.woocommerce td.product-name .wc-item-meta,
.woocommerce td.product-name dl.variation {
    list-style: none outside
}

.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta dt,
.woocommerce td.product-name dl.variation .wc-item-meta-label,
.woocommerce td.product-name dl.variation dt {
    float: right;
    clear: both;
    margin-left: .25em;
    display: inline-block;
    list-style: none outside
}

.woocommerce td.product-name .wc-item-meta dd,
.woocommerce td.product-name dl.variation dd {
    margin: 0
}

.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta:last-child,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation:last-child {
    margin-bottom: 0
}

.woocommerce td.product-name p.backorder_notification {
    font-size: .83em
}

.woocommerce td.product-quantity {
    min-width: 80px
}

.woocommerce-table--order-details {
    width: 100%;
}

td.woocommerce-table__product-name.product-name a {
    color: var(--primarycolor);
}

h2.woocommerce-column__title,
.woocommerce-order-details__title {
    font-size: 26px;
    font-weight: 700;
    color: var(--primarycolor);
    margin-top: 20px;
}

p.order-desc {
    font-size: 15px;
    color: var(--primarycolor);
}

.no-download {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-block: 80px;
    font-size: 18px;
    color: var(--primarycolor);
}

.download-container {
    display: flex;
    background: #fff;
    padding: 20px 10px;
    border-radius: 20px;
    border: 1px solid var(--primarycolor);
}

.download-product img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 4px;
}

.download-product {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 34%;
}

a.title-cell {
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
}

.title-cell {
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    color: var(--primarycolor);
    display: flex;
}

.download-container {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #6F6F6F;
}

.download-container>div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.download-expires,
.download-remaining {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
    width: 16%;
}

.download-product,
.download-expires,
.download-remaining {
    border-inline-end: 1px solid #E9E9E9;
}

.download-product,
.download-expires,
.download-remaining,
.download-file {
    padding-inline: 20px;
}

.download-file {
    width: 32%;
    gap: 10px;
    justify-content: center;
}

section.woocommerce-order-downloads {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.woocommerce-order {
    border: 1px solid var(--primarycolor);
    border-radius: 32px;
    padding: 32px;
    background: var(--secondarycolor2);
}

.woocommerce-thankyou-order-details {
    padding: 20px 10px;
    background: #fff;
    display: flex;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    flex-wrap: wrap;
}


.woocommerce-thankyou-order-details li {
    width: 20%;
    padding-inline: 10px;
    border-inline-end: 1px solid #E9E9E9;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    color: #6F6F6F;
    gap: 6px;
}

.woocommerce-thankyou-order-details li strong {
    color: var(--primarycolor);
    font-size: 16px;
}

.woocommerce-thankyou-order-details li:last-child {
    border: none;
}

.woocommerce-thankyou-order-received {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
    margin-bottom: 30px;
}

.get_payment_method h3 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
    margin-top: 30px;
    padding-top: 32px;
    border-top: 1px solid #747474;
}

section.woocommerce-order-details .woocommerce-order-details__title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #6F6F6F;
    margin-bottom: 20px;
}

.woocommerce-cart-form__contents {
    background: var(--secondarycolor2);
    padding: 32px;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
    margin-bottom: 20px;
}

.woocommerce-cart-form__cart-item {
    padding: 20px 0;
    background: #fff;
    display: flex;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    flex-wrap: wrap;
    row-gap: 20px;
}

.wc-proceed-to-checkout {
    text-align: center;
}

.woocommerce-cart-form__cart-item .product-name img {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    object-fit: cover;
}

.woocommerce-cart-form__cart-item .product-name {
    display: flex;
    align-items: center;
    gap: 10px;
}

.actions .coupon {
    display: flex;
    gap: 10px;
}

.actions .coupon,
.cart-collaterals .cart_totals {
    border-radius: 32px;
    padding: 20px;
    border: 1px solid var(--primarycolor);
}

input#coupon_code {
    height: 48px;
    padding: 0 20px;
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
}

.order-total .inner {
    background: #F3F3F3;
    border-radius: 8px;
}

.cart_totals table {
    width: 100%;
}

.order-total .inner {
    background: #F3F3F3;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 20px;
    margin-top: 20px;
}

tr.order-total {
    border-top: 1px solid #C6C6C6;
}

.order-total .inner {
    background: #F3F3F3;
    border-radius: 8px;
    padding: 10px 14px;
    margin-bottom: 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.order-total .inner span:first-child {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #6F6F6F;
}

.order-total .inner span:last-child {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #6F6F6F;
}

tr.cart-subtotal td {
    text-align: end;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--secondarycolor);
}

.shop_table_responsive tbody tr th {
    font-size: 18px;
    line-height: 23px !important;
    font-weight: 700 !important;
    color: #4D4E50;
    padding-inline: 0 !important;
    padding-block: 24px !important;
}


.product-quantity .quantity-box .qty {
    width: 128px;
    text-align: center;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    height: 40px;
    border-radius: 24px;
    border: 1px solid var(--primarycolor);
    padding-inline: 42px;
}

/* Chrome, Safari, Edge, Opera */
.product-quantity .quantity-box input.qty::-webkit-outer-spin-button,
.product-quantity .quantity-box input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.product-quantity .quantity-box input[type=number].qty {
    -moz-appearance: textfield;
}

.product-quantity .quantity-box {
    position: relative;
}

.product-quantity .quantity-box span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: var(--secondarycolor);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    cursor: pointer;
    font-size: 30px;
}

.product-quantity .quantity-box span.up {
    right: 5px;
}

.product-quantity .quantity-box span.down {
    left: 5px;
}

.woocommerce-cart-form__cart-item .product-name a {
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    color: #4D4E50;
    display: block;
}

.woocommerce-cart-form__cart-item .product-name .texts span {
    font-size: 15px;
    line-height: 24px;
    color: #858585;
    font-weight: 400;
}

.woocommerce-cart-form__cart-item .woocommerce-Price-amount {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #858585;
}

.woocommerce-cart-form__cart-item .product-price,
.woocommerce-cart-form__cart-item .product-subtotal {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.woocommerce-cart-form__cart-item .product-name .texts {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.woocommerce-cart-form__cart-item .product-name .texts a {
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
    color: #4D4E50;
}

.woocommerce-cart-form__cart-item .product-remove {
    display: flex;
    align-items: center;
}

.woocommerce-cart-form__cart-item .product-name {
    width: 32%;
}

.woocommerce-cart-form__cart-item .product-price {
    width: 20%;
}

.woocommerce-cart-form__cart-item .product-quantity {
    width: 14%;
    display: flex;
    align-items: center;
}

.woocommerce-cart-form__cart-item .product-subtotal {
    width: 20%;
}

.woocommerce-cart-form__cart-item .product-remove {
    display: flex;
    align-items: center;
    width: 12%;
}

.woocommerce-cart-form__cart-item>div {
    padding-inline: 20px;
}

.woocommerce-cart-form__cart-item>div:not(.product-remove) {
    border-inline-end: 1px solid #E9E9E9;
}

.woocommerce-cart-form__cart-item :where(.product-price, .product-subtotal, .product-name, .product-quantity) {
    border-inline-end: 1px solid #E9E9E9;
}

.payment_methods_box {
    padding: 32px;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
}

.payment_methods_box h4 {
    color: #28282A;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    margin-bottom: 20px;
}

.payment_methods_box ul.wc_payment_methods.payment_methods.methods li label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: var(--primary-colr);
    margin-bottom: 10px;
}

.payment_methods_box ul.wc_payment_methods.payment_methods.methods li p {
    font-size: 15px;
    line-height: 28px;
    font-weight: 400;
    color: #6F6F6F;
}

.checkout-fields {
    background: var(--secondarycolor2);
    padding: 32px;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
}

.checkout-fields p.form-row {
    display: inline-flex;
    flex-direction: column;
}

.checkout-fields p.form-row label {
    color: #858585;
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
}

.checkout-fields p.form-row-first,
.checkout-fields p.form-row-last {
    width: calc(50% - 10px);
}

.checkout-fields p.form-row-wide {
    width: 100%;
}

.checkout-fields p.form-row input {
    font-size: 15px;
    border: 1px solid var(--primarycolor);
    border-radius: 8px;
    height: 48px;
    width: 100%;
    padding-inline: 20px;
    color: #747474;
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.woocommerce-billing-fields>h3 {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #28282A;
    margin-bottom: 20px;
}

textarea#order_comments {
    width: 100%;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid var(--primarycolor);
    font-size: 15px;
}

p#order_comments_field {
    width: 100%;
}


form.woocommerce-form-coupon {
    padding: 20px;
    border-radius: 16px;
    border: 1px solid var(--primarycolor);
    display: flex;
    gap: 10px;
}

table.shop_table.woocommerce-checkout-review-order-table {
    padding: 20px;
    border-collapse: separate;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    width: 50%;
    align-self: flex-end;
}

div#order_review {
    display: flex;
    flex-direction: column-reverse;
    gap: 20px;
}

.form-row.place-order {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-direction: column;
    align-items: center;
}

.form-row.place-order .woocommerce-terms-and-conditions-wrapper {
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    color: var(--primarycolor);
}

.form-row.place-order .woocommerce-terms-and-conditions-wrapper p label {
    display: flex;
    align-items: center;
}

.form-row.place-order .woocommerce-terms-and-conditions-wrapper p label input {
    margin-inline-end: 8px;
}


tr.cart-subtotal th {
    padding-inline-start: 0 !important;
    color: #4D4E50;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
}


table.shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
    padding-block: 10px;
}

table.shop_table.woocommerce-checkout-review-order-table tr.cart_item .product-total {
    text-align: end;
    color: #6F6F6F;
    font-size: 15px;
}

ul.wc_payment_methods {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.wc_payment_method {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    position: relative;
    padding-inline-start: 50px;
}


.woocommerce-checkout #payment ul.payment_methods li label::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 2px solid #6F6F6F;
}


.woocommerce-checkout #payment ul.payment_methods li label::after {
    content: "\610";
    font-family: 'iconsax' !important;
    position: absolute;
    inset-inline-start: -3px;
    top: 0;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    color: var(--secondarycolor);
    font-size: 33px;
    line-height: 27px;
    opacity: 0;
}

ul.payment_methods li input[type="radio"]:checked~label::after,
ul.payment_methods li input[type="radio"]:checked+label::after {
    opacity: 1 !important;
}

.wc_payment_method i {
    font-size: 34px;
    color: #6F6F6F;
    margin-inline-end: 20px;
}

.wc_payment_method input {
    display: none;
}

h2.woocommerce-order-downloads__title {
    margin: 0;
    font-size: 20px;
    margin-top: 20px;
    color: var(--primarycolor);
}

#top {
    position: fixed;
    inset-inline-start: 30px;
    bottom: 20px;
    z-index: 4;
    cursor: pointer;
    display: none;
}

span#top.left {
    inset-inline-start: auto;
    inset-inline-end: 30px;
}

#top i {
    font-size: 20px;
}

.wishlist .add_to_wishlist span {
    display: none !important;
}

.wishlist span.feedback {
    display: none !important;
}

.yith-wcwl-wishlistaddedbrowse a,
.yith-wcwl-wishlistexistsbrowse a {
    font-size: 0 !important;
}

.yith-wcwl-wishlistaddedbrowse a::before,
.yith-wcwl-wishlistexistsbrowse a::before {
    content: "\488";
    font-family: 'iconsax';
    font-size: 26px;
    color: #747474;
}

.yith-wcwl-add-button a::before {
    content: "\eaa2";
    font-family: 'iconsax';
    font-size: 26px;
    color: #747474;
}

.yith-wcwl-add-button a i {
    display: none !important;
}

.wishlist .yith-wcwl-add-to-wishlist {
    margin-top: 3px !important;
}

.yith-wcwl-add-button {
    display: flex;
    align-items: center;
}

.wpml-ls-legacy-dropdown {
    width: max-content;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
    border: 1px solid var(--primarycolor);
    height: 48px;
    border-radius: 32px;
    border-start-start-radius: 4px;
    align-items: center;
    display: flex;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a,
.wpml-ls-legacy-dropdown a:focus,
.wpml-ls-legacy-dropdown a:hover {
    color: #000;
    background: transparent;
}

ul.wpml-ls-sub-menu {
    opacity: 0;
    transition: 0.3s;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
    visibility: visible;
    opacity: 1
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    padding: 10px;
    border: 1px solid var(--primarycolor);
    border-radius: 16px;
    background: #fff !important;
    text-align: center;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
    border: none;
}

.wishlist_table .product-thumbnail img {}

.wishlist_table {
    width: 100%;
    background: #fff;
    padding: 32px;
    border-collapse: separate;
    border-radius: 32px;
    border: 1px solid var(--primarycolor);
}

.wishlist_table .product-thumbnail img {
    aspect-ratio: 1 / 1;
    width: 80px !important;
    height: 80px;
    border-radius: 10px;
}

.wishlist_table tbody.wishlist-items-wrapper td {
    text-align: start;
    font-size: 15px;
}

.wishlist_table thead th {
    border-top: none !important;
    font-size: 16px;
}

.remove_from_wishlist,
a.remove_from_wishlist.button {
    background: var(--secondarybtnbg);
    border-radius: 32px;
    height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: max-content;
    color: var(--secondarybtntext);
    border-start-start-radius: 4px;
    transition: 0.3s;
}

a.remove_from_wishlist.button:hover {
    background: var(--secondarybtnbghover);
    color: var(--secondarybtntexthover);
}

.remove_from_wishlist {
    padding-inline: 20px;
}

td.product-name a {
    color: var(--primarycolor);
    font-size: 18px;
    font-weight: 500;
}

del span.woocommerce-Price-amount.amount {
    text-decoration: line-through !important;
    color: #747474;
}

ins span.woocommerce-Price-amount.amount,
.product-price>span.woocommerce-Price-amount.amount {
    color: var(--secondarycolor);
    font-size: 18px;
    font-weight: 500;
}

.product-price>span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol,
ins span.woocommerce-Price-amount.amount span.woocommerce-Price-currencySymbol {
    color: #747474;
    font-size: 16px;
    font-weight: 400;
}

ul.wishlist_table li {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    font-size: 20px;
    color: var(--primarycolor);
}

.item-wrapper .product-thumbnail {
    display: flex;
    margin-inline-end: 10px;
    margin-right: 0 !important;
    min-width: 80px;
}

.wishlist_table.mobile li .item-wrapper {
    display: flex;
    align-items: center;
}

.wishlist_table.mobile li .item-wrapper a {
    color: var(--primarycolor);
    font-size: 20px;
    font-weight: 600;
}

.item-details-table td {
    text-align: start !important;
}

h3.order-received-addresses-title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: var(--primarycolor);
    margin-top: 32px;
    margin-bottom: -10px;
}

.woocommerce-order-details .order_item {
    position: relative;
}

.woocommerce-order-details .order_item td {
    padding: 5px 20px;
    height: 65px;
}

.woocommerce-order-details .order_item td:first-child::before {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    top: 5px;
    display: inline-block !important;
    height: calc(100% - 10px);
    background: #fff;
    z-index: 1;
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
}

.woocommerce-order-details .order_item td>* {
    position: relative;
    z-index: 2;
}


body.rtl :where(.woocommerce-order-details tfoot tr th, .woocommerce-order-details tfoot tr td) {
    font-family: var(--title-font-family);
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 23px !important;
    border: none !important;
    padding-inline: 20px !important;
    color: var(--primarycolor);
    padding-block: 10px;
}

.woocommerce-customer-details {
    border-top: 1px solid #747474;
    margin-top: 20px;
}

a.shipping-calculator-button {
    font-size: 14px;
    line-height: 26px;
    font-weight: 400;
    color: var(--secondarycolor);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.shipping-calculator-form input {
    width: 100%;
    height: 48px;
    border: 1px solid var(--primarycolor);
    border-radius: 8px;
    padding: 0 10px;
    color: var(--primarycolor);
}

.shipping-calculator-form .select2-container--default .select2-selection--single {
    border-color: var(--primarycolor);
}

p.woocommerce-shipping-destination {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #6F6F6F;
}


.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-top: 10px;
}

.sold-individually .quantity-box .up,
.sold-individually .quantity-box .down,
ul.woocommerce-mini-cart li.sold-individually .qty {
    display: none;
}

.login-register-popup.show {
    opacity: 1;
    visibility: visible;
}

.login-register-popup {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 50;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    overflow-y: auto;
}

.login-register-popup .login-register-form {
    width: 600px;
    max-width: 90%;
    margin: 40px auto;
}

.login-register-popup .loading-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.6s linear;
    z-index: 4;
}

.login-register-popup .loading-icon span {
    width: 32px;
    height: 32px;
    display: inline-block;
    border-radius: 50%;
    border-left: 2px solid #fff;
    animation: rotate 0.5s linear infinite;
}

.sticky {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 16;
    transform: translateX(-50%);
    width: 1273px;
}

.br-theme-fontawesome-stars .br-widget a:after {
    font-family: 'Font Awesome 5 Free';
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    order: 10;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout::before {
    inset-inline-end: auto;
    inset-inline-start: -21px;
}

nav.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--support_tickets a::before {
    content: "\ec33";
}


form.send-new-ticket {
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid #999;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

form.send-new-ticket .item {
    flex: calc(50% - 5px) 1;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 14px;
    justify-content: flex-end;
}

form.send-new-ticket .item input,
form.send-new-ticket .item select,
form.send-new-ticket .item textarea {
    font-size: 16px;
    padding: 0 10px;
    min-height: 40px;
    border: 1px solid #999;
    border-radius: 8px;
}

form.send-new-ticket .submit {
    width: 100%;
    text-align: left;
}

.ticket-details {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
}

.message-content {
    background: #f4f5f8;
    padding: 10px;
    border-radius: 10px;
    min-width: 300px;
    max-width: 70%;
    display: inline-block;
    position: relative;
}

.message.admin-message .message-content {
    background: rgb(212, 252, 196);
    border-bottom-left-radius: 0;
}

.message.user-message .message-content {
    border-bottom-right-radius: 0;
}

.message {
    display: flex;
    margin-top: 8px;
}

.message.user-message {
    justify-content: flex-start;
}

.message.admin-message {
    justify-content: flex-end;
}

.ticket-body {
    margin-bottom: 20px;
}

.message.admin-message .message-content::before {
    content: '';
    border: 6px solid rgb(212, 252, 196);
    width: 0;
    height: 0;
    position: absolute;
    right: 100%;
    bottom: 0;
    border-top-color: transparent;
    border-left-color: transparent;
    border-inline-width: 4px;
}

.message.user-message .message-content::before {
    content: '';
    border: 6px solid #f4f5f8;
    width: 0;
    height: 0;
    position: absolute;
    left: 100%;
    bottom: 0;
    border-top-color: transparent;
    border-right-color: transparent;
    border-inline-width: 4px;
}

.message-content span.date {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    text-align: left;
    direction: ltr;
}

.send-ticket-form {
    padding: 10px;
    background: #f5f5f5;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
}

.send-ticket-form textarea {
    font-size: 16px;
    padding: 0 10px;
    min-height: 40px;
    border: 1px solid #999;
    border-radius: 8px;
    width: 100%;
}

span.t-s {
    display: inline-block;
    margin-inline-start: 10px;
    font-size: 12px;
    padding: 0 10px;
    border-radius: 6px;
}

span.t-s.new {
    color: white;
    background-color: #28a745;
}

span.t-s.waiting_operator {
    color: white;
    background-color: #ffc107;
}

span.t-s.waiting_user {
    color: white;
    background-color: #17a2b8;
}

span.t-s.closed {
    color: white;
    background-color: #dc3545;
}

button.show-password-input {
    display: none;
}

.woocommerce-product-gallery__image img {
    max-width: 100%;
    height: auto;
}

#mlr_resend_code {
    text-decoration: underline !important;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
}

div#mlr_timer {
    font-size: 14px;
    text-align: center;
}

div#mlr_message.show {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
}

.adding-to-cart {
    position: relative;
    pointer-events: none;
    opacity: 0.6;
}

.gallery-thumbs .swiper-wrapper {
    justify-content: center;
}

.category-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.category-items a {
    font-size: 15px;
    color: var(--primarycolor);
    transition: 0.3s;
}

.category-items a:hover,
.category-items a.active {
    color: var(--secondarycolor);
}

.woocommerce-MyAccount-content .woocommerce-message {
    background: #fff;
}

.most-register-phone-number {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 888;
    transform: translate(-50%, -50%);
    max-width: 90%;
    width: 400px;
}

.bac-overlay-most-register-phone-number {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 887;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}

.next-time-most-register-phone-number,
.close-most-register-phone-number {
    cursor: pointer;
}

p.login-register-form-description a {
    color: var(--secondarycolor);
    text-shadow: 0 0 black;
    text-decoration: underline !important;
}

.main-menu>ul:not(.overflow) {
    height: 32px;
    overflow: hidden;
    align-items: flex-start;
}

.sidesearch form button {
    border: none;
    background: transparent;
    width: 30px;
    min-width: 30px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: inherit;
    border-radius: 0;
    padding-inline-end: 9px;
}

.sidesearch form button:focus,
.sidesearch form button:hover {
    background: transparent;
}

.sidesearch form input {
    width: 100%;
    border: none;
    border-inline-end: 1px solid rgba(116, 116, 116, 0.3);
    color: var(--primarycolor);
    font-size: 14px;
}

.sidesearch form {
    border-radius: 16px;
    padding: 12px 16px;
    border: 1px solid #747474;
    margin-bottom: 20px;
    display: flex;
    background: #fff;
    gap: 5px;
}

span.sec-lable {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px;
    color: var(--primarycolor);
}

.advanced-search-results-products .product-item {
    display: flex;
    gap: 6px;
    font-size: 14px;
    align-items: center;
    line-height: 24px;
    color: var(--primarycolor);
    transition: 0.3s;
    margin-bottom: 6px;
}

.advanced-search-results-products .product-item img {
    border-radius: 6px;
    border: 1px solid #bbb;
}

a.more-res {
    font-size: 14px;
    display: block;
    color: var(--secondarycolor);
    margin: 6px auto;
    width: max-content;
}

.advanced-search-results-posts ul li a,
.advanced-search-results-portfolios ul li a {
    font-size: 14px;
    color: var(--primarycolor);
    transition: 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    line-height: 24px;
}

.advanced-search-results-posts ul,
.advanced-search-results-portfolios ul {
    list-style: disc;
    padding-inline-start: 16px;
}

.sidesearch form.loading button i::before {
    content: '';
    width: 20px;
    height: 20px;
    border: 2px solid;
    display: inline-block;
    border-radius: 50%;
    border-inline-start-color: transparent;
    animation: rotate 0.5s linear infinite;

}

.countdown {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
}

.countdown div {
    background: #fff;
    width: 60px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 8px;
    border: 1px solid var(--primarycolor);
}

.countdown div span {
    font-size: 14px;
}

.ticket-pagination .page-numbers {
    border: 1px solid var(--primarycolor);
    padding: 10px;
    font-size: 15px;
    color: var(--primarycolor);
    background: #fff;
    display: inline-flex;
    margin-top: 20px;
    border-radius: 8px;
    min-width: 44px;
    justify-content: center;
}

.ticket-pagination span.page-numbers.current {
    background: var(--secondarycolor);
}

.ticket-pagination {
    display: flex;
    gap: 8px;
    justify-content: center;
}