/**/
* {
box-sizing: border-box;
}
body{
overflow-x: hidden;
max-width: 100%;
position: relative;
font-family: 'Kalameh', sans-serif;
min-height: 100vh;
margin: 0;
text-align: left;
}
body.rtl{
text-align: right;
}
html{
overflow-x: hidden;
}
a{
text-decoration: none;
}
button,input,textarea{
font-family: inherit;
}
[data-widget_type="image.default"] .elementor-widget-container{
display: inline-flex;
align-items: center;
justify-content: center;
}
body *{
text-align: inherit;
}
/**/
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-Thin.ttf') format('truetype');
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-ExtraLight.ttf') format('truetype');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-SemiBold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-ExtraBold.ttf') format('truetype');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'Kalameh';
src: url('../fonts/Kalameh-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
.mk-container{
max-width: min(100%, var(--mk-container-width, 1920px));
margin: 0 auto;
display: flex;
flex-direction: column;
height: 100%;
}
.mk-content-box{
width: min(92%, var(--mk-content-width, 1400px));
margin: 0 auto;
}
.mk-text-center{
text-align: center;
}
.mk-d-inline-block{
display: inline-block;
}
.mk-float-inline-start{
float: inline-start;
}
.mk-float-inline-end{
float: inline-end;
}
.mk-d-flex{
display: flex;
}
.mk-align-items-center{
align-items: center;
}
.mk-justify-content-space-between{
justify-content: space-between;
}
.mk-m-0{
margin: 0;
}
.mk-hide{
display: none!important;
}
.inner-overflow-x-visible .e-con-inner{
overflow-x: visible;;
}
.overflow-hidden{
overflow: hidden!important;
}
.e-con>.e-con-inner,
.e-con.e-flex>.e-con-inner{
max-width: min(96%,var(--content-width));
}
.mk-mobile-menu.mk-hide-menu{
inset-inline-start: -100%;
}
.mk-toggle-mobile-menu{
cursor: pointer;
display: none;
}
.mk-mobile-menu{
position: fixed;
top: 0;
inset-inline-start: 0;
height: 100dvh;
max-width: 100dvw;
z-index: 999999;
display: none;
justify-content: flex-start;
transition: inset-inline-start 0.8s;
}
.mk-mobile-menu .mk-mobile-menu-content{
height: 100dvh;
background: var(--color-white, #FFF);
max-width: 100%;
overflow-y: auto;
}
.mk-cnt-back-top {
width: 100%;
height: 30px;
overflow: hidden;
position: absolute;
top: -30px;
left: 0;
z-index: 1;
}
/* Solid filled rectangle */
.mk-cnt-back-top::before {
content: "";
position: absolute;
width: max(100%, 2093.12px);
height: 113.542px;
top: 48.2866px;
left: 0;
transform: rotate(-1.04809deg);
transform-origin: top left;
background-color: var(--color-secondary-1, #1A2125);
}
/* Dashed outline rectangle */
.mk-cnt-back-top::after {
content: "";
position: absolute;
width: max(100%, 2093.12px);
height: 112.542px;
top: 38.7774px;
left: 0.509062px;
transform: rotate(-1.04809deg);
transform-origin: top left;
box-sizing: border-box;
background: linear-gradient(to right, var(--color-secondary-1, #1A2125) 10px, transparent 0) top / 20px 1px repeat-x, linear-gradient(to bottom, var(--color-secondary-1, #1A2125) 10px, transparent 0) right / 1px 20px repeat-y, linear-gradient(to right, #1A2125 10px, transparent 0) bottom / 20px 1px repeat-x, linear-gradient(to bottom, var(--color-secondary-1, #1A2125) 10px, transparent 0) left / 1px 20px repeat-y;
background-color: transparent;
}
.mk-cnt-back-top.type2::before{
background-color: #68A9A6;
}
.mk-cnt-back-top.type2::after {
background: linear-gradient(to right, #68A9A6 10px, transparent 0) top / 20px 1px repeat-x, linear-gradient(to bottom, #68A9A6 10px, transparent 0) right / 1px 20px repeat-y, linear-gradient(to right, #68A9A6 10px, transparent 0) bottom / 20px 1px repeat-x, linear-gradient(to bottom, #68A9A6 10px, transparent 0) left / 1px 20px repeat-y;
}
/**/
.mk-cnt-back-bottom {
width: 100%;
height: 30px;
overflow: hidden;
position: absolute;
bottom: -60px;
left: 0;
z-index: 1;
transform: scaleY(-1);
transform-origin: top;
}
/* Solid filled rectangle */
.mk-cnt-back-bottom::before {
content: "";
position: absolute;
width: max(100%, 2093.12px);
height: 96.778px;
bottom: -80px;
left: 0;
transform: rotate(0.872816deg);
transform-origin: bottom left;
background-color: #68A9A6;
}
/* Dashed outline rectangle */
.mk-cnt-back-bottom::after {
content: "";
position: absolute;
width: max(100%, 2092.12px);
height: 104.778px;
bottom: -78px;
left: 0;
transform: rotate(0.872816deg);
transform-origin: bottom left;
box-sizing: border-box;
background: linear-gradient(to right, #68A9A6 10px, transparent 0) top / 20px 1px repeat-x;
background-color: transparent;
}
.mk-cnt-back-bottom.type2::before{
background-color: var(--color-primary-1, #7A7FF4);
}
.mk-cnt-back-bottom.type2::after {
background: linear-gradient(to right, #7A7FF4 10px, transparent 0) top / 20px 1px repeat-x;
}
/**/
.mk-theme-main-footer{
margin-top: 110px;
}
.mk-cnt-box{
position: relative;
}
.box-with-symmetry {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* background-size: auto 100%; */
}
.box-with-symmetry::after,
.box-with-symmetry::before{
content: '';
position: absolute;
width: min(50%,428px);
height: 100%;
top: 0;
}
.box-with-symmetry::before{
right: 0;
background-image: url('../images/right-shape.svg');
background-repeat: repeat;
background-position: -158px -474px;
}
.box-with-symmetry::after{
left: 0;
background-image: url('../images/left-shape.svg');
background-repeat: repeat;
background-position: center;
}
.elementor-widget[data-widget_type="mk_static_raw_html.default"]{
position: unset;
}
body.single-post::before{
content: '';
width: 100vw;
height: 100vw;
border-radius: 50%;
position: absolute;
top: -48vw;
inset-inline-end: 10vw;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
filter: blur(300px);
z-index: -1;
}
/* .mk-reviews-section .mk-reviews-section-content::after{
content: '';
width: 100vw;
height: 100vw;
border-radius: 50%;
position: absolute;
bottom: -40vw;
inset-inline-end: 10vw;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
filter: blur(300px);
z-index: -1;
} */
.mk-single-post article.post header,
.mk-single-post article.mk_portfolio header,
.mk-single-product .mk-single-main header{
border-radius: 16px;
background: var(--color-primary-1, #7A7FF4);
padding: 14px 24px 14px 18px;
margin: 0 0 32px;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
gap: 24px;
}
.mk-single-post-title{
color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 200% */
margin: 0;
}
.mk-single-post-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.mk-single-post.mk-single-page .mk-single-post-title{
color: #262323;
/* fa/H3/32-bold */
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 64px; /* 200% */
}
.mk-post-feature-image{
width: 100%;
height: fit-content;
border-radius: 32px;
margin-bottom: 14px;
}
.mk-single-post-wrapper{
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
justify-content: space-between;
gap: 24px;
}
.mk-single-post-wrapper .mk-post-aside{
width: 332px;
display: flex;
flex-flow: column nowrap;
align-items: flex-start;
gap: 24px;
position: sticky;
top: 12px;
}
.mk-single-post-wrapper .mk-post-body{
flex: 1;
max-width: 100%;
/* overflow-x: hidden; */
}
.mk-single-post-wrapper .mk-post-content{
color: #3E3E3E;
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.mk-post-body{
border-radius: 32px;
background: #FFF;
/* padding: 20px; */
}
body.single-post .mk-post-body,
body.single-mk_portfolio .mk-post-body{
padding: 20px;
}
.mk-widget{
background-color: #FFF;
border-radius: 32px;
padding: 22px;
width: 100%;
box-sizing: border-box;
}
.mk-commentslist-header{
margin-bottom: 28px;
}
.mk-commentslist-header .mk-commentslist-title{
color: #181717;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 150% */
}
.comments-area .mk-section-content+.comment-respond{
margin-top: 74px;
}
.mk-reviews-section-content .commentlist{
background: #FFF;
border-radius: 16px;
margin: 0;
padding: 38px;
}
.mk-reviews-section-content .commentlist,
.mk-reviews-section-content .commentlist ul{
list-style: none;
}
.mk-reviews-section-content .commentlist > li.comment ul.children{
position: relative;
padding-inline-start: 92px;
}
.mk-reviews-section-content .commentlist > li.comment ul.children:before{
content: '';
width: 80px;
height: 139px;
background: url('../images/flow-arrow-ltr.svg');
background-size: 100% 100%;
position: absolute;
top: -28px;
inset-inline-start: 0;
}
html[dir="rtl"] .mk-reviews-section-content .commentlist > li.comment ul.children:before{
width: 82px;
height: 150px;
background: url('../images/flow-arrow.svg');
}
.mk-reviews-section-content .commentlist > li.comment:not(:last-child){
border-bottom: 1px solid #F0F1FE;
padding-bottom: 32px;
}
.mk-reviews-section-content .commentlist > li.comment:not(:first-child){
padding-top: 32px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info{
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 24px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-image img{
border-radius: 8px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-info-first{
flex: 1;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-link{
color: var(--gray-500, #28282A);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 200% */
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-link a,
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .commentmetadata a{
color: inherit;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .commentmetadata{
color: var(--gray-400, #4D4E50);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 213.333% */
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-text{
color: var(--gray-500, #28282A);
text-align: justify;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 213.333% */
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-footer{
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: center;
gap: 8px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-footer a{
color: var(--gray-500, #28282A);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 213.333% */
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-info-second{
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 24px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-info-second-item{
direction: ltr;
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 4px;
color: var(--color-primary-1, #7A7FF4);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-rate-value{
color: #F1AA10;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
}
.mk-reviews-section-content .commentlist > li.comment ul.children{
margin-top: 24px;
}
.mk-reviews-section-content .commentlist > li.comment > ul.children li.comment:not(:last-child){
margin-bottom: 24px;
}
.mk-reviews-section-content .commentlist > li.comment > ul.children li.comment > .comment-body{
border-radius: 16px;
background: #EBECFE;
padding: 24px;
}
.mk-reviews-section-content .comment-respond{
background: #FFF;
border-radius: 16px;
padding: 30px;
}
.mk-reviews-section{
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
margin-top: 130px;
gap: 14px;
}
.mk-reviews-section .mk-reviews-section-content{
flex: 1;
max-width: 100%;
}
.mk-reviews-section .mk-blog-aside{
margin-top: 80px;
width: 332px;
position: sticky;
top: 48px;
}
.mk-reviews-section.no-comment .mk-blog-aside{
margin: 0;
}
.wp-block-latest-posts__featured-image img{
border-radius: 12px;
}
.wp-block-latest-posts__post-title{
color: #28282A;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 32px;
text-decoration: none;
display: inline-block;
}
.wp-block-latest-posts__post-excerpt{
color: #3E3E3E;
text-align: justify;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.wp-block-latest-posts.wp-block-latest-posts__list{
padding: 0;
margin: 0;
list-style: none;
}
.wp-block-latest-posts__list.wp-block-latest-posts li:not(:first-child){
margin-top: 16px;
}
.mk-latest-posts-header{
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 6px;
}
.mk-archive-title{
color: #262323;
font-size: 32px;
font-style: normal;
font-weight: 800;
line-height: 64px; /* 200% */
}
/* body.archive::before,
body.home::before,
body.blog::before{
content: '';
width: 100vw;
height: 100vw;
border-radius: 50%;
position: absolute;
top: -10vw;
inset-inline-start: 10vw;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
filter: blur(300px);
z-index: -1;
} */
/*body.archive::before,
body.home::before,
body.blog::before,
body.woocommerce-account.logged-in::before*/
body::before{
content: '';
width: 1774px;
height: 1774px;
border-radius: 50%;
position: absolute;
top: -10vw;
inset-inline-start: 10vw;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
filter: blur(300px);
z-index: -1;
}
.mk-archive-main{
position: relative;
}
.mk-archive-main:after{
content: '';
width: 1280px;
height: 1280px;
border-radius: 50%;
position: absolute;
bottom: -120px;
inset-inline-end: 0;
background: #6FB4B030;
filter: blur(300px);
z-index: -1;
}
/* body.woocommerce-account.logged-in .mk-post-content, */
body .mk-post-content{
position: relative;
}
/* body.woocommerce-account.logged-in .mk-post-content::after, */
body .mk-post-content::after{
content: '';
width: 1482px;
height: 1482px;
position: absolute;
bottom: -800px;
right: -400px;
background: #6FB4B030;
filter: blur(300px);
z-index: -1;
}
body.single::before{
content: '';
width: 1929px;
height: 1929px;
border-radius: 50%;
position: absolute;
top: -921px;
inset-inline-start: -207px;
inset-inline-end: unset;
background: #7A7FF41C;
filter: blur(300px);
z-index: -1;
}
body.single .mk-reviews-section::after{
content: '';
width: 2178px;
height: 2178px;
border-radius: 50%;
position: absolute;
bottom: 80px;
right: 200px;
background: #6FB4B021;
filter: blur(300px);
z-index: -1;
}
body.single .mk-reviews-section::before{
content: '';
width: 1929px;
height: 1929px;
border-radius: 50%;
position: absolute;
bottom: -950px;
right: -400px;
background: #7A7FF41C;
filter: blur(300px);
z-index: -1;
}
body.single .mk-post-content::after{
content: unset;
}
body.single.single-mk_portfolio::before{
content: unset;
}
body.single.single-mk_portfolio .mk-post-content::after{
content: '';
width: 1172px;
height: 1172px;
position: absolute;
bottom: -456px;
right: unset;
left: -503px;
background: #6FB4B021;
filter: blur(180px);
z-index: -1;
border-radius: 50%;
}
body.single.single-mk_portfolio .mk-post-content::before{
content: '';
width: 1138px;
height: 1138px;
border-radius: 50%;
position: absolute;
bottom: -210px;
right: -551px;
background: #7A7FF41F;
filter: blur(194px);
z-index: -1;
}
body.single .mk-reviews-section{
position: relative;
}
body.single.single-mk_portfolio .mk-reviews-section::after,
body.single.single-product .mk-reviews-section::after{
content: '';
width: 1482px;
height: 1482px;
border-radius: 50%;
position: absolute;
bottom: -800px;
right: -400px;
background: #6FB4B021;
filter: blur(300px);
z-index: -1;
}
body.single.single-mk_portfolio .mk-reviews-section::before,
body.single.single-product .mk-reviews-section::before{
content: '';
width: 1138px;
height: 1138px;
border-radius: 50%;
position: absolute;
bottom: -800px;
left: -400px;
background: #7A7FF41F;
filter: blur(120px);
z-index: -1;
}
.mk-wc-product-tabs{
position: relative;
}
.mk-wc-product-tabs::before{
content: '';
width: 1111px;
height: 1111px;
border-radius: 50%;
position: absolute;
left: -400px;
top: -900px;
background: #6FB4B021;
filter: blur(120px);
z-index: -1;
}
body.single.single-product::before{
content: '';
width: 1557px;
height: 1557px;
border-radius: 50%;
position: absolute;
top: -694px;
inset-inline-start: -600px;
inset-inline-end: unset;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
filter: blur(300px);
z-index: -1;
}
body.single.single-product::after{
content: '';
width: 673px;
height: 673px;
border-radius: 50%;
position: absolute;
top: -87px;
inset-inline-start: unset;
inset-inline-end: -77px;
background: #7A7FF41F;
filter: blur(300px);
z-index: -1;
}
/* .mk-post-container{
position: relative;
}
.mk-post-container::before{
content: '';
width: 100%;
height: calc(100% - 37vw);
border-radius: 50%;
position: absolute;
top: 23vw;
inset-inline-start: 0;
background: rgba(111, 180, 176, 0.13);
filter: blur(300px);
z-index: -1;
} */
.mk-archive-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
}
.mk-post-cart {
border-radius: 32px;
background: #FFF;
padding: 16px;
}
article.post .mk-post-cart-img-wrapper{
margin: 0 0 16px;
}
article.post .mk-post-cart-img-wrapper img {
width: 100%;
height: auto;
display: block;
border-radius: 12px;
}
.mk-post-cart-title{
margin: 0;
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.mk-post-cart-title,.mk-post-cart-title a{
color: #181717;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 175% */
}
.mk-post-cart-meta{
color: #515151;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-post-cart-header{
border-bottom: 1px dashed var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
padding: 0 0 16px;
}
.mk-post-cart-footer{
margin: 12px 0 0;
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: flex-end;
gap: 8px;
}
.mk-post-reading-time-title{
color: #C7C7C7;
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 28px; /* 200% */
}
.mk-post-reading-time-divider{
color: #B0B0B0;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-post-reading-time-minutes{
color: #F1AA10;
font-size: 14px;
font-style: normal;
font-weight: 800;
line-height: 28px; /* 200% */
direction: ltr;
}
.mk-post-reading-time{
display: flex;
flex-flow: row-reverse nowrap;
align-items: center;
gap: 3px;
}
html[dir="rtl"] .mk-post-reading-time{
flex-flow: row nowrap;
}
.mk-page-title{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.mk-archive-sort{
position: relative;
display: inline-flex;
}
.mk-archive-sort .mk-archive-sort-button{
display: inline-flex;
padding: 8px 11px;
justify-content: center;
align-items: center;
gap: 12px;
border-radius: 12px;
background: rgba(248, 248, 248, 1);
border: none;
color: #8F8F8F;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 228.571% */
}
.mk-archive-sort .mk-archive-sort-items{
list-style: none;
padding: 0;
display: none;
flex-direction: column;
gap: 0;
border-radius: 12px;
position: absolute;
left: 0;
right: 0;
top: 100%;
background: rgba(248, 248, 248, 1);
z-index: 10;
margin-top: 8px;
opacity: 0;
transition: all 0.8s;
}
.mk-archive-sort.mk-archive-open-sort .mk-archive-sort-items{
display: inline-flex;
opacity: 1;
}
.mk-archive-sort .mk-archive-sort-select{
display: none;
}
.mk-archive-sort .mk-archive-sort-items li{
color: #8F8F8F;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
cursor: pointer;
padding: 6px 11px;
}
.mk-archive-sort .mk-archive-sort-items li:hover,
.mk-archive-sort .mk-archive-sort-items li.mk-archive-current-sort{
color: #333131;
}
.mk-archive-current-sort{
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 4px;
}
.mk-archive-current-sort .mk-archive-current-sort-text{
color: #333131;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.mk-pagination-links{
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: center;
gap: 12px;
margin: 85px 0 0;
}
.mk-pagination-links .page-numbers{
display: flex;
width: 48px;
padding: 7px 17px 9px 16px;
justify-content: center;
align-items: center;
border-radius: 8px;
background: #FFF;
color: #4B4B4B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
.mk-pagination-links .page-numbers.current{
background: var(--color-primary-1, #7A7FF4);
color: #FFF;
}
.mk-pagination-links .page-numbers.next,
.mk-pagination-links .page-numbers.prev{
padding: 8px 6px;
color: #909090;
}
.mk-archive-main{
position: relative;
}
/* .mk-archive-main::after{
content: '';
border-radius: 100%;
background: rgba(111, 180, 176, 0.19);
filter: blur(150px);
height: 40%;
width: 100%;
position: absolute;
top: 43vw;
inset-inline-end: 0;
z-index: -1;
} */
.mk-rate-stars .mk-rate-star.filled svg path{
fill: var(--color-primary-1, #7A7FF4);
}
.mk-rate-stars:not(.voted) .mk-rate-star:not(.filled):hover svg path{
fill: var(--color-primary-1, #7A7FF4);
}
.mk-rate-stars .mk-rate-star.mk-rate-hovered svg path{
fill: var(--color-primary-1, #7A7FF4);
}
.mk-comment-form-rating .mk_comment_rating{
display: none;
}
.mk-comment-form-rating{
display: flex;
align-items: center;
gap: 8px;
}
.mk_form_fields_wrapper{
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
.mk_form_fields_wrapper .mk_comment_textarea_wrapper,
.mk_form_fields_wrapper .mk-comment-form-rating{
grid-column: span 2;
}
.mk_form_fields_wrapper .mk-comment-form-rating label{
color: var(--gray-400, #4D4E50);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.mk-post-resluts{
display: flex;
flex-flow: column nowrap;
gap: 28px;
margin: 0;
}
.mk-post-resluts .mk-post-reslut{
display: flex;
flex-flow: row nowrap;
align-items: center;
gap: 8px;
}
.mk-post-resluts .mk-post-reslut .star{
flex: 1;
height: 8px;
border-radius: 8px;
background-color: rgba(224, 224, 224, 1);
position: relative;
display: inline-block;
}
.mk-post-resluts .mk-post-reslut .star[data-rate] .star-fill{
content: '';
position: absolute;
top: 0;
inset-inline-end: 0;
height: 100%;
width: 50%;
background: var(--color-primary-1, #7A7FF4);
border-radius: 8px;
}
.mk-post-resluts .mk-post-reslut .rate-count{
color: var(--DimGray-700, #949494);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-post-resluts .mk-post-reslut .rate-value{
color: var(--DimGray-DimGray, #666);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-post-results-widget{
display: flex;
flex-flow: column nowrap;
gap: 12px;
}
.mk-post-results-widget .not-rated{
color: var(--DimGray-700, #949494);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-post-results-widget .mk-post-results-widget-rate{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: center;
gap: 8px;
}
.mk-post-results-widget .mk-post-results-widget-rate-text{
color: var(--color-primary-1, #7A7FF4);
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 200% */
}
.mk-post-results-widget p.mk-post-results-widget-title{
color: var(--DarkGray-DarkGray, #333);
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 48px; /* 200% */
margin: -8px 0 0;
}
.mk-post-results-widget p.mk-post-results-widget-total-votes{
color: var(--DimGray-700, #949494);
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
margin: 0;
}
.mk-post-results-widget .mk-post-results-widget-rate-stars{
position: relative;
}
.mk-post-results-widget .mk-post-results-widget-rate-stars .original-starts{
white-space: nowrap;
}
.mk-post-results-widget .mk-post-results-widget-rate-stars .original-starts svg path{
fill: var(--DimGray-200, rgba(224, 224, 224, 1));
}
.mk-post-results-widget .mk-post-results-widget-rate-stars .filled-starts{
position: absolute;
top: 0;
inset-inline-start: 0;
height: 100%;
white-space: nowrap;
overflow: hidden;
z-index: 2;
}
.comment-form-row .input-append{
height: 50px;
padding: 9px 14px;
padding-inline-end: 54px;
border-radius: 12px;
background: #F0F1FE;
position: relative;
}
.comment-form-row .input-append input{
width: 100%;
height: 100%;
padding: 0;
border: none;
background: inherit;
color: #2B2B2B;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 213.333% */
}
.comment-form-row .input-append input:focus,
.comment-form-row .input-append input:focus-visible{
outline: none;
}
.comment-form-row .input-append svg{
width: 24px;
height: 24px;
position: absolute;
top: 13px;
inset-inline-end: 16px;
}
.mk_comment_textarea_wrapper {
position: relative;
}
.mk_comment_textarea_wrapper .comment-form-comment{
display: flex;
margin: 0;
}
.mk_submit_wrapper {
position: absolute;
bottom: 16px;
inset-inline-end: 16px;
}
.mk_comment_textarea_wrapper .mk_submit_wrapper p.form-submit{
padding: 0;
margin: 0;
}
.comment-form-comment textarea,
.woocommerce-checkout form .form-row textarea.input-text{
height: 178px;
width: 100%;
resize: none;
border: none;
border-radius: 12px;
background: #F0F1FE;
padding: 16px 9px;
color: #2B2B2B;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 213.333% */
}
.comment-form-comment textarea:focus,
.comment-form-comment textarea:focus-visible,
.woocommerce-checkout form .form-row textarea.input-text:focus,
.woocommerce-checkout form .form-row textarea.input-text:focus-visible{
outline: none;
}
.mk_comment_textarea_wrapper .mk_submit_wrapper p.form-submit input.submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit{
display: inline-flex;
padding: 8px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 200px;
border: 1px solid rgba(255, 255, 255, 0.52);
background: var(--color-primary-1, #7A7FF4);
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 32px; /* 200% */
}
.comment-reply-title{
color: var(--gray-500, #28282A);
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 36px; /* 150% */
margin: 0;
padding: 0;
}
.mk-single-post-wrapper .mk-post-metas{
display: flex;
width: 100%;
padding: 18px 8%;
justify-content: space-between;
align-items: center;
gap: 12px;
border-radius: 18px;
border: 1px solid var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
margin-bottom: 32px;
overflow: hidden;
}
.mk-single-post-wrapper .mk-post-metas .mk-post-meta{
display: flex;
align-items: center;
gap: 8px;
color: #636363;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 175% */
}
.mk-single-post-wrapper .mk-post-metas .mk-post-meta-divider{
width: 1px;
height: 32px;
background: #EBECFD;
}
.mk-single-post-wrapper .mk-post-metas .mk-post-meta.mk-post-reading-time{
font-weight: 300;
}
.mk-single-post-wrapper .mk-post-metas .mk-post-meta.mk-post-reading-time .mk-post-reading-time-value{
font-weight: 500;
direction: ltr;
}
.mk-single-post-wrapper .mk-post-metas .mk-post-meta.mk-post-author img{
border-radius: 50%;
}
article.mk_portfolio{
position: relative;
}
article.mk_portfolio .mk-post-cart-content-wrapper{
position: relative;
z-index: 2;
border-radius: 32px;
background: linear-gradient(0deg, var(--color-primary-2-rgba,rgba(122, 127, 244, 0.88)) 0%, var(--color-primary-2-rgba,rgba(122, 127, 244, 0.88)) 100%);
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
padding: 90px 40px;
opacity: 0;
transition: opacity 300ms;
}
article.mk_portfolio:hover .mk-post-cart-content-wrapper{
opacity: 1;
}
article.mk_portfolio .mk-post-cart-img-wrapper{
position: absolute;
top: 0;
inset-inline-start: 0;
height: 100%;
width: 100%;
}
article.mk_portfolio .mk-post-cart-img-wrapper img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
border-radius: 32px;
}
article.mk_portfolio .mk-post-cart-title, article.mk_portfolio .mk-post-cart-title a{
color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: 40px; /* 200% */
}
article.mk_portfolio .mk-portfolio-read-more{
display: flex;
padding: 20px 20px 19px 19px;
justify-content: center;
align-items: center;
border-radius: 500px;
background: #FFF;
margin: 0 0 14px;
}
article.mk_portfolio .mk-portfolio-categories{
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
article.mk_portfolio .mk-portfolio-categories a{
color: inherit;
}
.mk-archive-page.mk-portfolio-archive-page,
.mk-archive-page.mk-product-archive-page{
display: flex;
flex-flow: row nowrap;
gap: 24px;
align-items: flex-start;
}
.mk-archive-page.mk-portfolio-archive-page .mk-portfolio-archive-aside,
.mk-archive-page.mk-product-archive-page .mk-wc-shop-aside{
width: 25%;
max-width: 332px;
}
.mk-archive-page.mk-portfolio-archive-page .mk-archive-main,
.mk-archive-page.mk-product-archive-page .mk-archive-main{
flex: 1;
}
.mk-archive-page.mk-portfolio-archive-page .mk-archive-list,
.mk-archive-page.mk-product-archive-page .mk-archive-list{
grid-template-columns: repeat(3, 1fr);
}
.mk-archive-page.mk-portfolio-archive-page .mk-portfolio-archive-aside,
.mk-archive-page.mk-product-archive-page .mk-wc-shop-aside{
display: flex;
flex-flow: column nowrap;
justify-content: flex-start;
align-items: flex-start;
gap: 16px;
}
.mk-wc-shop-aside .mk-widget{
padding: 15px 12px 17px 16px;
border-radius: 16px;
background: #F8F8F8;
}
.wp-block-search__inside-wrapper{
border: none;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{
background: inherit;
color: #7B7B7B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
.wp-block-search__button.has-icon{
background: inherit;
border: none;
color: rgba(123, 123, 123, 1);
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input[type="search"]::-ms-clear {
display: none;
width: 0;
height: 0;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input[type="search"]::-webkit-search-decoration,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input[type="search"]::-webkit-search-cancel-button,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input[type="search"]::-webkit-search-results-button,
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input[type="search"]::-webkit-search-results-decoration {
display: none;
}
.wp-block-search__button svg{
width: 24px;
height: 24px;
}
.mk-widget.widget_categories{
padding: 24px 22px 24px 15px;
color: #262323;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
}
.mk-widget.widget_categories a,
.wp-block-woocommerce-product-categories a{
color: inherit;
}
.mk-widget.widget_categories ul,
.wp-block-woocommerce-product-categories ul{
list-style: none;
padding: 0;
}
.mk-widget.widget_categories ul ul,
.wp-block-woocommerce-product-categories ul ul{
margin-inline-start: 16px;
padding-top: 12px;
}
.mk-widget.widget_categories ul li:not(:last-child),
.wp-block-woocommerce-product-categories ul li:not(:last-child){
padding-bottom: 12px;
position: relative;
}
.mk-widget.widget_categories ul li:not(:last-child)::after,
.wp-block-woocommerce-product-categories ul li:not(:last-child)::after{
content: '';
position: absolute;
bottom: 0;
inset-inline-start: 0;
inset-inline-end: 31px;
height: 1px;
background: rgba(134, 138, 240, 0.24);
}
.mk-widget.widget_categories ul li:not(:first-child),
.wp-block-woocommerce-product-categories ul li:not(:first-child){
padding-top: 12px;
}
.mk-widget.widget_categories > ul > li,
.wp-block-woocommerce-product-categories > ul > li{
position: relative;
}
.mk-widget.widget_categories > ul > li::before,
.wp-block-woocommerce-product-categories > ul > li::before {
content: '◉';
font-size: 24px;
color: rgba(199, 199, 199, 1);
position: absolute;
inset-inline-end: 7px;
}
.mk-widget.widget_categories > ul > li.current-cat::before,
.wp-block-woocommerce-product-categories > ul > li.current-cat::before{
color: var(--color-primary-1, #7A7FF4);
}
.swiper-gallery{
margin-bottom: 50px;
}
.swiper-gallery .swiper-slide img{
width: 100%;
height: auto;
}
.swiper-gallery .swiper.thumbs-slider .swiper-slide img{
height: 100%;
object-fit: cover;
object-position: center;
}
.swiper-gallery .swiper.main-slider img{
border-radius: 24px;
border: 3px solid #FFF;
}
.swiper-gallery .swiper.thumbs-slider img{
border-radius: 24px;
}
.swiper-gallery .swiper-container.thumbs-swiper-container{
position: relative;
padding: 0 24px;
}
.mk_portfolio .swiper-gallery .swiper-container.thumbs-swiper-container{
margin-top: 40px;
}
.swiper-gallery .swiper-container.thumbs-swiper-container .swiper.thumbs-slider{
position: static;
}
.swiper-gallery .swiper.thumbs-slider .swiper-button-next,
.swiper-gallery .swiper.thumbs-slider .swiper-button-prev{
border-radius: 50%;
border: 1px solid rgba(255, 255, 255, 0.52);
background: var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
padding: 8px;
width: auto;
height: auto;
}
.swiper-gallery .swiper.thumbs-slider .swiper-button-prev:after,
.swiper-gallery .swiper.thumbs-slider .swiper-rtl .swiper-button-next:after,
.swiper-gallery .swiper.thumbs-slider .swiper-button-next:after,
.swiper-gallery .swiper.thumbs-slider .swiper-rtl .swiper-button-prev:after{
content: unset;
display: none;
}
.swiper-gallery .swiper.thumbs-slider:not(.swiper-rtl) .swiper-button-next svg,
.swiper-gallery .swiper.thumbs-slider.swiper-rtl .swiper-button-prev svg{
transform: rotate(180deg);
}
.mk-breadcrumb-list{
margin: 40px 0;
}
.mk-breadcrumb-list > ul{
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 24px;
list-style: none;
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-list-item{
color: #393939;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-list-item a{
color: #6F6F6F;
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-list-item a:hover{
color: #393939;
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-separator{
display: flex;
align-items: center;
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-separator svg{
width: 18px;
height: 18px;
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-separator svg path{
fill: rgba(111, 111, 111, 1);
}
.mk-color-wrapper{
max-width: 100%;
max-height: 100%;
overflow: hidden;
pointer-events: none;
}
.mk-color-wrapper.mk-color-wrapper-type1{
position: absolute;
top: 0;
inset-inline-end: 0;
z-index: -1;
}
.mk-color-type1{
content: '';
border-radius: 1462px;
background: #7A7FF41C;
filter: blur(300px);
width: 1462px;
height: 1462px;
transform: translate(-294px, -423px);
pointer-events: none;
}
.mk-color-wrapper.mk-color-wrapper-type2{
position: absolute;
top: 0;
inset-inline-start: 0;
z-index: -1;
}
.mk-color-type2{
content: '';
border-radius: 1840px;
background: #6FB4B030;
filter: blur(150px);
width: 1840px;
height: 1840px;
transform: translate(310px, 458px);
pointer-events: none;
}
body.woocommerce-page .mk-post-body{
background: inherit;
padding: 0;
border-radius: 0;
}
.mk-wc-myaccount-navigation-wrapper{
float: inline-start;
border-radius: 24px;
background: #FFF;
width: 332px;
}
.woocommerce-account .woocommerce-MyAccount-navigation{
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
list-style: none;
padding: 24px;
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link{
padding: 8px 16px;
color: #262323;
/* fa/subtitle2/16-medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active{
border-radius: 8px;
background: var(--color-primary-1, #7A7FF4);
color: #FFF;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active a{
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a{
color: inherit;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a span.mk-wc-myaccount-navigation-item-text{
flex: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link .mk-wc-myaccount-navigation-item-icon svg{
vertical-align: middle;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link .mk-wc-myaccount-navigation-item-icon svg *[fill]{
fill: var(--color-primary-1, #7A7FF4);
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.is-active .mk-wc-myaccount-navigation-item-icon svg *[fill]{
fill: white;
}
.mk-wc-myaccount-navigation-header{
background: url('../images/bg2.png') var(--color-primary-1, #7A7FF4);
border-radius: 24px 24px 0 0;
overflow: hidden;
padding: 32px;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.mk-wc-myaccount-navigation-header .mk-user-avatar{
position: relative;
display: inline-flex;
overflow: hidden;
padding: 2px;
border-radius: 50%;
background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.02));
}
.mk-wc-myaccount-navigation-header .mk-user-avatar img{
border-radius: 50%;
}
.mk-wc-myaccount-navigation-header .mk-user-avatar label{
position: absolute;
top: 0;
inset-inline-start: 0;
width: 100%;
height: 100%;
display: none;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
border-radius: 50%;
background-color: #00000052;
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: #FFFFFF;
}
.mk-wc-myaccount-navigation-header .mk-user-avatar:hover label{
display: flex;
}
.mk-wc-myaccount-navigation-header .mk-user-avatar label input[type="file"]{
display: none;
}
.mk-wc-myaccount-navigation-header .mk-user-title{
color: #FFF;
/* fa/H5/20-bold */
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 200% */
}
.woocommerce-account .woocommerce-MyAccount-content{
border-radius: 24px;
background: #FFF;
padding: 24px;
align-self: stretch;
position: relative;
float: inline-end;
flex: 1;
}
.woocommerce-account .mk-post-content > .woocommerce{
display: flex;
flex-flow: row wrap;
align-items: flex-start;
gap: 24px;
}
.woocommerce-account.woocommerce-dashboard .woocommerce-MyAccount-content{
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
padding: 120px 20%;
}
.woocommerce-account .woocommerce-MyAccount-content p{
color: #505050;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
margin: 0;
}
.woocommerce-account .woocommerce-MyAccount-content a{
color: var(--color-primary-1, #7A7FF4);
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
.woocommerce-Addresses{
margin: 24px 0 0;
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 20px;
}
.woocommerce-Addresses .woocommerce-Address{
border-radius: 24px;
background: #F0F1FE;
padding: 20px 20px 88px;
}
.woocommerce-Address .woocommerce-Address-title{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
width: 100%;
border-bottom: 1px solid var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
}
.woocommerce-account .addresses .title::after,
.woocommerce-account .addresses .title::before{
content: unset;
display: none;
}
.woocommerce-Address .woocommerce-Address-title h2{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
position: relative;
align-self: stretch;
}
.woocommerce-Address .woocommerce-Address-title h2::after{
content: '';
position: absolute;
bottom: -14px;
inset-inline-start: 0;
background: var(--color-primary-1, #7A7FF4);
width: 100%;
height: 4px;
}
.woocommerce-Address .woocommerce-Address-title a{
color: #292D32;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
display: inline-flex;
align-items: center;
gap: 4px;
}
.woocommerce-Addresses .woocommerce-Address address{
color: #747474;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
padding: 16px 0 0;
}
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper{
display: flex;
flex-flow: row wrap;
gap: 16px 2%;
}
.woocommerce-account .woocommerce form .form-row input.input-text,
.woocommerce-checkout form .form-row input.input-text{
border-radius: 12px;
background: #F0F1FE;
border: none;
color: #2B2B2B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
padding: 9px 16px;
padding-inline-end: 40px;
outline: none;
}
.woocommerce-account .woocommerce form .form-row .select2-container .select2-dropdown,
.woocommerce-account .woocommerce form .form-row .select2-container .select2-selection,
.woocommerce-checkout form .form-row .select2-container .select2-dropdown,
.woocommerce-checkout form .form-row .select2-container .select2-selection{
border-radius: 12px;
background: #F0F1FE;
border: none;
padding: 9px 16px;
padding-inline-end: 40px;
outline: none;
}
.woocommerce-account .woocommerce form .form-row .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout form .form-row .select2-container .select2-selection--single .select2-selection__rendered{
color: #2B2B2B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
padding: 0;
}
.woocommerce-MyAccount-content form h2{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
border-bottom: 4px solid var(--color-primary-1, #7A7FF4);
padding-bottom: 12px;
margin: 0;
display: inline-block;
}
.woocommerce-MyAccount-content form .woocommerce-address-fields{
border-top: 1px solid var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
padding-top: 24px;
}
.woocommerce .woocommerce-MyAccount-content form .form-row{
width: 100%;
}
.woocommerce .woocommerce-MyAccount-content form .form-row-first,
.woocommerce .woocommerce-MyAccount-content form .form-row-last,
.woocommerce .woocommerce-MyAccount-content form .form-row#billing_state_field,
.woocommerce .woocommerce-MyAccount-content form .form-row#billing_country_field,
.woocommerce .woocommerce-MyAccount-content form .form-row#shipping_state_field,
.woocommerce .woocommerce-MyAccount-content form .form-row#shipping_country_field{
width: 49%;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .woocommerce-MyAccount-content form button.button{
border-radius: 200px;
background: var(--color-primary-1, #7A7FF4);
color: #FFF;
text-align: right;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px;
}
.woocommerce-account .woocommerce .mk-button-wrapper,
body.error404 .mk-button-wrapper{
position: relative;
float: inline-end;
margin: 35px 0 0;
}
.woocommerce-account .woocommerce .mk-button-wrapper,
body.error404 .mk-button-wrapper{
padding: 1.5px;
border-radius: 200px;
background: linear-gradient(307.93deg, rgba(0, 0, 0, 0.78) 17.96%, #7A7FF4 62.78%);
}
body.error404 .mk-button-wrapper::before{
background: linear-gradient(307.93deg, rgba(0, 0, 0, 0.78) 17.96%, rgba(0, 0, 0, 0) 62.78%);
z-index: -1;
}
.woocommerce-account .woocommerce .mk-button-wrapper button.button,
body.error404 .mk-button-wrapper a.button{
border-radius: 200px;
background: var(--color-primary-1, #7A7FF4);
margin: 0;
display: inline-flex;
padding: 8px 40px;
align-items: center;
gap: 10px;
color: #FFF;
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
}
.woocommerce-account .woocommerce .mk-button-wrapper button.button:disabled[disabled], body.error404 .mk-button-wrapper a.button:disabled[disabled]{
background: var(--color-primary-1, #7A7FF4);
opacity: 1;
color: #ffffffbd;
}
body.error404 .mk-button-wrapper a.button{
padding: 8px 16px;
}
.woocommerce-account p .woocommerce-input-wrapper,
.woocommerce-checkout p .woocommerce-input-wrapper{
position: relative;
}
.woocommerce-account p .woocommerce-input-wrapper svg,
.woocommerce-checkout p .woocommerce-input-wrapper svg{
width: 24px;
height: 24px;
position: absolute;
top: 13px;
inset-inline-end: 16px;
}
.woocommerce-account p .woocommerce-input-wrapper .select2-container .select2-selection--single .select2-selection__arrow b,
.woocommerce-checkout p .woocommerce-input-wrapper .select2-container .select2-selection--single .select2-selection__arrow b{
background-image: url("data:image/svg+xml;utf8,");
width: 24px;
height: 24px;
margin: -12px 0 0;
background-size: 24px;
}
.woocommerce-account p .woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow,
.woocommerce-checkout p .woocommerce-input-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
right: 24px;
}
.woocommerce-account p .woocommerce-input-wrapper .select2-container .select2-selection--single .select2-selection__arrow,
.woocommerce-checkout p .woocommerce-input-wrapper .select2-container .select2-selection--single .select2-selection__arrow{
width: 24px;
}
.woocommerce-account p .woocommerce-input-wrapper .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow,
.woocommerce-checkout p .woocommerce-input-wrapper .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{
left: 16px;
right: auto;
}
.mk-edit-account-fields{
display: flex;
flex-flow: row wrap;
align-items: flex-start;
justify-content: flex-start;
row-gap: 16px;
column-gap: 2%;
}
.woocommerce .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset{
margin-top: 40px;
border: none;
padding: 0;
}
.woocommerce .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset legend{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
padding-bottom: 12px;
border-bottom: 4px solid var(--color-primary-1, #7A7FF4);
}
.woocommerce .woocommerce-MyAccount-content form.woocommerce-EditAccountForm fieldset .mk-edit-account-fields{
padding-top: 32px;
border-top: 1px solid var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
}
.woocommerce .woocommerce-MyAccount-content form .form-row.mk-half-form-row{
width: 49%;
}
.woocommerce form .show-password-input::before,
.woocommerce-page form .show-password-input::before{
background-image: url("data:image/svg+xml;utf8,");
}
.woocommerce form .show-password-input.display-password::before,
.woocommerce-page form .show-password-input.display-password::before{
background-image: url("data:image/svg+xml;utf8,");
}
.woocommerce-password-strength{
margin-top: 8px;
border-radius: 16px;
}
.mk-wc-myaccount-empty-list{
display: flex;
flex-flow: column nowrap;
gap: 24px;
align-items: center;
justify-content: center;
height: 100%;
color: #505050;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .woocommerce-MyAccount-content .mk-wc-myaccount-empty-list a.button{
color: #FFF;
/* fa/subtitle2/16-medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
border-radius: 200px;
border: none;
background: var(--color-primary-1, #7A7FF4);
}
.woocommerce .woocommerce-MyAccount-content .mk-wc-myaccount-empty-list .mk-button-wrapper{
margin: 0;
}
.mk-wc-myaccount-auth{
border-radius: 24px;
background: #FFF;
padding: 34px 24px;
width: 450px;
max-width: 100%;
margin: 120px auto;
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
}
.mk-wc-myaccount-auth-links{
display: inline-flex;
padding: 8px;
justify-content: center;
align-items: center;
border-radius: 16px;
background: #F5F5F5;
gap: 8px;
margin: 0 auto 36px;
}
.mk-wc-myaccount-auth-links a.mk-wc-myaccount-auth-link{
display: flex;
padding: 10px 44px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 16px;
background: #FFF;
color: #454545;
/* fa/subtitle1/18-medium */
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 36px; /* 200% */
}
.mk-wc-myaccount-auth-links a.mk-wc-myaccount-auth-link.active{
background: var(--color-primary-1, #7A7FF4);
color: #FFF;
}
.mk-wc-myaccount-auth-content{
width: 100%;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
padding: 0;
margin: 0;
border: none;
}
.mk-wc-myaccount-auth .mk-wc-myaccount-auth-content h2{
color: #8B8B8B;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-wc-myaccount-auth .mk-wc-myaccount-auth-content .mk-button-wrapper{
margin: 20px auto 0;
float: none;
display: inline-block;
}
.mk-wc-myaccount-auth .mk-wc-myaccount-auth-content .woocommerce-form-login__rememberme{
color: #8B8B8B;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-wc-myaccount-auth .mk-wc-myaccount-auth-content .woocommerce-LostPassword{
color: #8B8B8B;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-wc-myaccount-auth .mk-wc-myaccount-auth-content .woocommerce-LostPassword a{
color: inherit;
}
.woocommerce-password-strength{
text-align: inherit;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
display: inline-flex;
align-items: center;
gap: 4px;
}
.woocommerce-password-strength::before{
content: '';
display: inline-block;
width: 18px;
height: 18px;
}
.woocommerce-password-strength.short{
color: #EA0F12;
background-color: inherit;
}
.woocommerce-password-strength.bad{
color: #EA0F12;
background-color: inherit;
}
.woocommerce-password-strength.good{
color: #14CBEC;
background-color: inherit;
}
.woocommerce-password-strength.strong{
color: #36B70E;
background-color: inherit;
}
.woocommerce-password-strength.short::before,
.woocommerce-password-strength.bad::before {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%3E%3Cpath%20opacity%3D%220.5%22%20d%3D%22M2.59835%2015.4017C3.6967%2016.5%205.46447%2016.5%209%2016.5C12.5355%2016.5%2014.3033%2016.5%2015.4017%2015.4017C16.5%2014.3033%2016.5%2012.5355%2016.5%209C16.5%205.46447%2016.5%203.6967%2015.4017%202.59835C14.3033%201.5%2012.5355%201.5%209%201.5C5.46447%201.5%203.6967%201.5%202.59835%202.59835C1.5%203.6967%201.5%205.46447%201.5%209C1.5%2012.5355%201.5%2014.3033%202.59835%2015.4017Z%22%20fill%3D%22%23EA0F12%22/%3E%3Cpath%20d%3D%22M6.29811%2013.085C6.4831%2013.3345%206.83538%2013.3869%207.08496%2013.2019C7.63121%2012.797%208.29058%2012.5625%209%2012.5625C9.70942%2012.5625%2010.3688%2012.797%2010.915%2013.2019C11.1646%2013.3869%2011.5169%2013.3345%2011.7019%2013.085C11.8869%2012.8354%2011.8345%2012.4831%2011.585%2012.2981C10.8557%2011.7575%209.96373%2011.4375%209%2011.4375C8.03627%2011.4375%207.14435%2011.7575%206.41504%2012.2981C6.16547%2012.4831%206.11311%2012.8354%206.29811%2013.085Z%22%20fill%3D%22%23EA0F12%22/%3E%3Cpath%20d%3D%22M11.25%209C11.6642%209%2012%208.49632%2012%207.875C12%207.25368%2011.6642%206.75%2011.25%206.75C10.8358%206.75%2010.5%207.25368%2010.5%207.875C10.5%208.49632%2010.8358%209%2011.25%209Z%22%20fill%3D%22%23EA0F12%22/%3E%3Cpath%20d%3D%22M6.75%209C7.16421%209%207.5%208.49632%207.5%207.875C7.5%207.25368%207.16421%206.75%206.75%206.75C6.33579%206.75%206%207.25368%206%207.875C6%208.49632%206.33579%209%206.75%209Z%22%20fill%3D%22%23EA0F12%22/%3E%3C/svg%3E");
}
.woocommerce-password-strength.good::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath opacity='0.5' d='M2.59835 15.4017C3.6967 16.5 5.46447 16.5 9 16.5C12.5355 16.5 14.3033 16.5 15.4017 15.4017C16.5 14.3033 16.5 12.5355 16.5 9C16.5 5.46447 16.5 3.6967 15.4017 2.59835C14.3033 1.5 12.5355 1.5 9 1.5C5.46447 1.5 3.6967 1.5 2.59835 2.59835C1.5 3.6967 1.5 5.46447 1.5 9C1.5 12.5355 1.5 14.3033 2.59835 15.4017Z' fill='%2314CBEC'/%3E%3Cpath d='M6.75 12.5625C6.43934 12.5625 6.1875 12.3107 6.1875 12C6.1875 11.6893 6.43934 11.4375 6.75 11.4375H11.25C11.5607 11.4375 11.8125 11.6893 11.8125 12C11.8125 12.3107 11.5607 12.5625 11.25 12.5625H6.75Z' fill='%2314CBEC'/%3E%3Cpath d='M11.25 9C11.6642 9 12 8.49632 12 7.875C12 7.25368 11.6642 6.75 11.25 6.75C10.8358 6.75 10.5 7.25368 10.5 7.875C10.5 8.49632 10.8358 9 11.25 9Z' fill='%2314CBEC'/%3E%3Cpath d='M6.75 9C7.16421 9 7.5 8.49632 7.5 7.875C7.5 7.25368 7.16421 6.75 6.75 6.75C6.33579 6.75 6 7.25368 6 7.875C6 8.49632 6.33579 9 6.75 9Z' fill='%2314CBEC'/%3E%3C/svg%3E");
}
.woocommerce-password-strength.strong::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath opacity='0.5' d='M2.59835 15.4017C3.6967 16.5 5.46447 16.5 9 16.5C12.5355 16.5 14.3033 16.5 15.4017 15.4017C16.5 14.3033 16.5 12.5355 16.5 9C16.5 5.46447 16.5 3.6967 15.4017 2.59835C14.3033 1.5 12.5355 1.5 9 1.5C5.46447 1.5 3.6967 1.5 2.59835 2.59835C1.5 3.6967 1.5 5.46447 1.5 9C1.5 12.5355 1.5 14.3033 2.59835 15.4017Z' fill='%2336B70E'/%3E%3Cpath d='M7.08496 11.5481C6.83538 11.3631 6.4831 11.4155 6.29811 11.665C6.11311 11.9146 6.16547 12.2669 6.41504 12.4519C7.14435 12.9925 8.03627 13.3125 9 13.3125C9.96373 13.3125 10.8557 12.9925 11.585 12.4519C11.8345 12.2669 11.8869 11.9146 11.7019 11.665C11.5169 11.4155 11.1646 11.3631 10.915 11.5481C10.3688 11.953 9.70942 12.1875 9 12.1875C8.29058 12.1875 7.63121 11.953 7.08496 11.5481Z' fill='%2336B70E'/%3E%3Cpath d='M12 7.875C12 8.49632 11.6642 9 11.25 9C10.8358 9 10.5 8.49632 10.5 7.875C10.5 7.25368 10.8358 6.75 11.25 6.75C11.6642 6.75 12 7.25368 12 7.875Z' fill='%2336B70E'/%3E%3Cpath d='M7.5 7.875C7.5 8.49632 7.16421 9 6.75 9C6.33579 9 6 8.49632 6 7.875C6 7.25368 6.33579 6.75 6.75 6.75C7.16421 6.75 7.5 7.25368 7.5 7.875Z' fill='%2336B70E'/%3E%3C/svg%3E");
}
.auth-top-flower{
position: fixed;
top: 0;
right: 0;
z-index: -1;
pointer-events: none;
}
.auth-bottom-flower{
position: fixed;
bottom: 0;
left: 0;
z-index: -1;
pointer-events: none;
}
body.error404::before{
content: '';
border-radius: 561px;
background: rgba(111, 180, 176, 0.24);
filter: blur(300px);
position: absolute;
top: 300px;
bottom: 10px;
inset-inline-end: 20%;
width: 561px;
height: 561px;
z-index: -1;
}
body.error404::after{
content: '';
border-radius: 740px;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
filter: blur(300px);
position: absolute;
top: 0;
bottom: 310px;
inset-inline-start: 20%;
width: 740px;
height: 740px;
z-index: -1;
}
body.woocommerce-page.woocommerce-account:not(.logged-in) .mk-post-content::after,
body.woocommerce-page.woocommerce-account:not(.logged-in) .mk-post-content::before{
content: unset;
}
body.woocommerce-page.woocommerce-account:not(.logged-in)::before{
content: '';
border-radius: 561px;
background: #6FB4B03D;
filter: blur(120px);
position: absolute;
top: 300px;
inset-inline-start: unset;
inset-inline-end: 469px;
width: 561px;
height: 561px;
z-index: -10;
pointer-events: none;
}
body.woocommerce-page.woocommerce-account:not(.logged-in)::after{
content: '';
border-radius: 740px;
background: #7A7FF426;
filter: blur(120px);
position: absolute;
top: 0;
inset-inline-end: 735px;
width: 740px;
height: 740px;
z-index: -10;
pointer-events: none;
}
body.error404{
background: url('../images/404-bg.png');
background-repeat: no-repeat;
background-size: 1200px 1600px;
background-position: 32% 0;
}
.mk-404{
color: var(--color-secondary-1, #1A2125);
font-size: 128px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.mk-404-title{
color: #000;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.mk-404-subtitle{
color: #000;
text-align: center;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.mk-404-content{
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
margin: 190px auto 320px;
max-width: 540px;
}
.mk-404-buttons{
margin-top: 30px;
}
.mk-404-subtitle,.mk-404-buttons{
padding: 0 110px;
}
.mk-cart-wrapper{
display: flex;
flex-flow: row nowrap;
gap: 24px;
}
.mk-cart-wrapper .woocommerce-cart-form{
flex: 1;
}
.mk-cart-wrapper .cart-collaterals{
width: 332px;
border-radius: 24px;
background: #FFF;
padding: 20px;
}
.mk-cart-wrapper .woocommerce-cart-form table,
.mk-cart-wrapper .woocommerce-cart-form tbody,
.mk-cart-wrapper .woocommerce-cart-form thead,
.mk-cart-wrapper .woocommerce-cart-form tfoot,
.mk-cart-wrapper .woocommerce-cart-form tr,
.mk-cart-wrapper .woocommerce-cart-form th,
.mk-cart-wrapper .woocommerce-cart-form td{
border: none!important;
}
.mk-cart-wrapper .woocommerce-cart-form table{
border-collapse: separate;
border-spacing: 0 16px;
border-radius: 24px;
background: #FFF;
padding: 32px 32px 20px;
}
.mk-cart-wrapper .woocommerce-cart-form thead tr,
.mk-cart-wrapper .woocommerce-cart-form tbody tr
{
background: #F6F6F6;
}
body:not(.rtl) .mk-cart-wrapper .woocommerce-cart-form thead tr th:last-child,
body.rtl .mk-cart-wrapper .woocommerce-cart-form thead tr th:first-child{
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
body:not(.rtl) .mk-cart-wrapper .woocommerce-cart-form thead tr th:first-child,
body.rtl .mk-cart-wrapper .woocommerce-cart-form thead tr th:last-child{
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
body:not(.rtl) .mk-cart-wrapper .woocommerce-cart-form tbody tr td:last-child,
body.rtl .mk-cart-wrapper .woocommerce-cart-form tbody tr td:first-child{
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
}
body:not(.rtl) .mk-cart-wrapper .woocommerce-cart-form tbody tr td:first-child,
body.rtl .mk-cart-wrapper .woocommerce-cart-form tbody tr td:last-child{
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
}
.mk-cart-wrapper .woocommerce-cart-form table thead th{
color: #000;
/* fa/body/14-medium */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 200% */
}
.mk-cart-wrapper .woocommerce-cart-form .mk-coupon_wrapper{
margin-top: 24px;
border-radius: 24px;
background: #FFF;
padding: 8px 18px 8px 10px;
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td a{
color: inherit;
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td .woocommerce-Price-currencySymbol{
color: #848484;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td::before{
color: #848484;
/* fa/body/14-medium */
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 28px; /* 200% */
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td.product-price::before,
.mk-cart-wrapper .woocommerce-cart-form tbody tr td.product-subtotal::before{
content: attr(data-title) ": ";
display: block;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .woocommerce-cart-form__contents td.actions .mk-button-wrapper{
position: relative;
float: inline-end;
margin: 35px 0 0;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .woocommerce-cart-form__contents td.actions .mk-button-wrapper::before{
content: '';
position: absolute;
top: -1.5px;
bottom: -1.5px;
left: -1.5px;
right: -1.5px;
border-radius: 200px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
/* z-index: -1; */
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .woocommerce-cart-form__contents td.actions .mk-button-wrapper button.button{
border-radius: 200px;
background: var(--color-primary-1, #7A7FF4);
margin: 0;
display: inline-flex;
padding: 8px 16px;
align-items: center;
gap: 10px;
color: #FFF;
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
}
.mk-add-to-cart-quantity{
padding: 8px;
border-radius: 200px;
background: #FFF;
display: flex;
align-items: center;
justify-content: center;
width: 96px;
box-sizing: border-box;
}
.mk-add-to-cart-quantity.lock{
display: none!important;
}
.mk-add-to-cart-quantity .qty{
flex: 1;
border: none;
outline: none;
background: inherit;
text-align: center;
margin: 0;
padding: 0;
-moz-appearance: textfield;
}
.mk-add-to-cart-quantity .qty:focus,
.mk-add-to-cart-quantity .qty:focus-visible{
border: none;
outline: none;
}
.mk-add-to-cart-quantity .qty::-webkit-outer-spin-button,
.mk-add-to-cart-quantity .qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.woocommerce .quantity .qty{
width: 32px;
}
.mk-add-to-cart-quantity .mk-change-quantity{
border: none;
background: none;
padding: 0;
display: inline-flex;
}
.mk-add-to-cart-quantity .qty{
flex: 1;
color: var(--color-secondary-1, #1A2125);
text-align: center;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.mk-add-to-cart-quantity .mk-change-quantity svg{
width: 24px;
height: 24px;
}
.mk-add-to-cart-quantity .mk-change-quantity svg path{
/* stroke: var(--color-primary300,#373254); */
}
.mk-coupon_wrapper .coupon{
display: flex;
flex-flow: row wrap;
align-items: center;
}
.mk-coupon_wrapper .coupon .mk-coupon-input-wrapper{
flex: 1;
}
.mk-coupon_wrapper .coupon .woocommerce-error,
.mk-coupon_wrapper .coupon .coupon-error-notice,
.mk-coupon_wrapper .coupon .woocommerce-message,
.mk-wc-checkout-coupon-wrapper .woocommerce-error,
.mk-wc-checkout-coupon-wrapper .coupon-error-notice,
.mk-wc-checkout-coupon-wrapper .woocommerce-message{
width: 100%;
color: var(--color-secondary-1, #1A2125);
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 200% */
margin: 0;
background: inherit;
border: none;
}
/**/
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-coupon_wrapper .coupon .mk-button-wrapper,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-wc-checkout-coupon-wrapper .mk-button-wrapper{
position: relative;
float: inline-end;
margin: 0;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-coupon_wrapper .coupon .mk-button-wrapper::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-wc-checkout-coupon-wrapper .mk-button-wrapper::before{
content: '';
position: absolute;
top: -1.5px;
bottom: -1.5px;
left: -1.5px;
right: -1.5px;
border-radius: 200px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
/* z-index: -1; */
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-coupon_wrapper .coupon .mk-button-wrapper button.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-wc-checkout-coupon-wrapper .mk-button-wrapper button.button{
border-radius: 200px;
background: var(--color-primary-1, #7A7FF4);
margin: 0;
display: inline-flex;
padding: 8px 16px;
align-items: center;
gap: 10px;
color: #FFF;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-coupon_wrapper .coupon input.input-text{
border: none;
color: #434343;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.mk-coupon_wrapper .coupon input.input-text:focus{
outline: none;
}
.woocommerce table.shop_table_responsive.woocommerce-cart-form__contents tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive.woocommerce-cart-form__contents tr:nth-child(2n) td{
background-color: inherit;
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr{
border-radius: 16px;
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr:not(:last-child){
margin-bottom: 12px;
}
.woocommerce-cart table.cart img{
width: 80px;
border-radius: 16px;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
width: 100%;
}
.woocommerce .cart-collaterals .cart_totals h2, .woocommerce-page .cart-collaterals .cart_totals h2{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
margin: 0 0 20px;
}
.woocommerce-cart .cart-collaterals .cart_totals table{
border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table th{
color: #666;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce-cart .cart-collaterals .cart_totals table td{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
}
.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td{
padding: 16px 0;
}
.woocommerce-cart .cart-collaterals .cart_totals table th:not(:first-child),
.woocommerce-cart .cart-collaterals .cart_totals table td:not(:first-child){
padding-inline-start: 16px;
}
.woocommerce-cart .cart-collaterals .cart_totals table th:first-child,
.woocommerce-cart .cart-collaterals .cart_totals table td:first-child{
flex: 1;
min-width: 72px;
}
.woocommerce-cart .cart-collaterals .cart_totals table td .woocommerce-Price-currencySymbol{
color: #606060;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce-cart .cart-collaterals .cart_totals table tbody{
display: flex!important;
flex-flow: column nowrap;
}
.woocommerce-cart .cart-collaterals .cart_totals table tbody tr{
width: 100%;
display: flex!important;
flex-flow: row nowrap;
}
.woocommerce-cart .cart-collaterals .cart_totals table tbody tr.shipping .woocommerce-shipping-destination{
margin: 0;
text-align: justify;
}
.woocommerce-cart .cart-collaterals .cart_totals table tbody tr.shipping td{
display: flex;
flex-flow: column nowrap;
align-items: flex-end;
gap: 8px;
justify-content: flex-start;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator{
display: flex;
flex-flow: column nowrap;
gap: 18px;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row input.input-text{
border-radius: 12px;
border: 1px solid #F0F1FE;
padding: 6px 8px;
color: #646464;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row label{
display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row input.input-text:focus{
outline: none;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row .select2-container .select2-selection{
border-radius: 12px;
border: 1px solid #F0F1FE;
padding: 6px 8px;
padding-inline-end: 26px;
outline: none;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row .select2-container .select2-selection--single .select2-selection__rendered{
color: #646464;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
padding: 0;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row .select2-container--default .select2-selection--single .select2-selection__arrow{
right: 8px;
left: auto;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{
left: 8px;
right: auto;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator .form-row .select2-container .select2-selection--single .select2-selection__arrow b{
background-image: url("data:image/svg+xml;utf8,");
width: 18px;
height: 18px;
margin: -9px 0 0;
background-size: 18px;
}
.woocommerce-cart .cart-collaterals .cart_totals .shipping-calculator-button::after{
background-image: url("data:image/svg+xml;utf8,");
display: inline-block;
width: 24px;
height: 24px;
content: '';
}
.woocommerce-cart .cart-collaterals .shipping-calculator-button{
color: var(--color-primary-1, #7A7FF4);
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
align-self: flex-end;
display: inline-flex;
align-items: center;
gap: 4px;
}
.woocommerce-cart .cart-collaterals .cart_totals form.woocommerce-shipping-calculator button.button{
border-radius: 200px;
border: 1.5px solid rgba(0, 0, 0, 0.78);
background: var(--color-primary-1, #7A7FF4);
/* width: 100%; */
padding: 6px 24px;
text-align: center;
color: #FFF;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount{
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
padding: 5px 10px;
border-radius: 12px;
margin-top: 22px;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount th,
.woocommerce-cart .cart-collaterals .cart_totals table tr.cart-discount td{
border: none;
padding: 0;
color: var(--color-primary-1, #7A7FF4);
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce-cart .cart-collaterals .cart_totals table tr th{
display: block!important;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr td::before{
display: none!important;
}
.woocommerce-cart .cart-collaterals .cart_totals table tr:nth-child(2n) td{
background-color: inherit!important;
}
/**/
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .cart-collaterals .wc-proceed-to-checkout .mk-button-wrapper{
position: relative;
float: inline-end;
margin: 0;
width: 100%;
margin-top: 25px;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .cart-collaterals .wc-proceed-to-checkout .mk-button-wrapper::before{
content: '';
position: absolute;
top: -1.5px;
bottom: -1.5px;
left: -1.5px;
right: -1.5px;
border-radius: 200px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
/* z-index: -1; */
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .cart-collaterals .wc-proceed-to-checkout .mk-button-wrapper a.button{
border-radius: 200px;
background: var(--color-primary-1, #7A7FF4);
margin: 0;
display: inline-flex;
padding: 8px 16px;
align-items: center;
gap: 10px;
color: #FFF;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
display: inline-block;
width: 100%;
text-align: center;
}
.woocommerce-checkout form.checkout #customer_details{
border-radius: 24px;
background: #FFF;
padding: 24px;
display: flex;
flex-flow: column nowrap;
}
.woocommerce-checkout form.checkout #customer_details .col-1,
.woocommerce-checkout form.checkout #customer_details .col-2{
width: 100%;
}
.mk-wc-checkout-wrapper{
display: flex;
flex-flow: row nowrap;
gap: 24px;
align-items: flex-start;
}
.mk-wc-checkout-wrapper .mk-wc-checkout-review-wrapper{
width: 332px;
}
.mk-wc-checkout-wrapper .mk-wc-checkout-customer-details{
flex: 1;
}
.mk-wc-checkout-review-wrapper{
border-radius: 24px;
background: #FFF;
padding: 20px 20px 32px;
}
.mk-wc-checkout-review-wrapper #order_review_heading{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
margin: 0 0 20px;
}
.woocommerce-checkout-review-order table,
.woocommerce-checkout-review-order table thead,
.woocommerce-checkout-review-order table tbody,
.woocommerce-checkout-review-order table tfoot,
.woocommerce-checkout-review-order table tbody tr:first-child td,
.woocommerce-checkout-review-order table tbody tr:first-child th{
border: none!important;
}
.woocommerce-checkout-review-order table{
display: flex;
flex-flow: column nowrap;
}
.woocommerce-checkout-review-order table thead{
display: none;
}
.woocommerce-checkout-review-order table tr td:first-child,
.woocommerce-checkout-review-order table tr th:first-child{
color: #666;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
flex: 1;
}
.woocommerce-checkout-review-order table tr th:last-child,
.woocommerce-checkout-review-order table tr td:last-child{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
}
.woocommerce-checkout-review-order table tr th:last-child .woocommerce-Price-currencySymbol,
.woocommerce-checkout-review-order table tr td:last-child .woocommerce-Price-currencySymbol{
color: #606060;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce-checkout-review-order table tr{
display: flex!important;
flex-flow: row nowrap;
align-items: stretch;
justify-content: space-between;
padding: 0;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td,
.woocommerce .woocommerce-checkout-review-order table.shop_table th{
padding: 16px 0;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table td strong,
.woocommerce .woocommerce-checkout-review-order table.shop_table th strong{
font: inherit;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table tr.cart-discount{
border-radius: 12px;
padding: 4px 10px;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
margin-top: 16px;
}
.woocommerce .woocommerce-checkout-review-order table.shop_table tr.cart-discount td,
.woocommerce .woocommerce-checkout-review-order table.shop_table tr.cart-discount th{
border: none;
padding: 0;
}
.mk-checkout-payment{
border-radius: 24px;
background: #FFF;
padding: 24px;
margin-top: 24px;
}
/**/
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-wc-checkout-review-wrapper .mk-button-wrapper{
position: relative;
float: inline-end;
margin: 30px 0 14px;
width: 100%;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-wc-checkout-review-wrapper .mk-button-wrapper::before{
content: '';
position: absolute;
top: -1.5px;
bottom: -1.5px;
left: -1.5px;
right: -1.5px;
border-radius: 200px;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0));
/* z-index: -1; */
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .mk-wc-checkout-review-wrapper .mk-button-wrapper button.button.alt{
border-radius: 200px;
background: var(--color-primary-1, #7A7FF4);
margin: 0;
display: inline-flex;
padding: 8px 16px;
align-items: center;
justify-content: center;
gap: 10px;
color: #FFF;
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
width: 100%;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
border-radius: 12px;
background: #F0F1FE;
border: none;
color: #2B2B2B;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px;
}
/**/
.mgs-checkout-payment h3{
color: var(--color-secondary-700, #2D2D2D);
/* H2/18-semibold */
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 120%; /* 21.6px */
margin-bottom: 34px;
}
#payment ul.wc_payment_methods li.wc_payment_method:not(:last-child){
margin-bottom: 22px;
}
#payment ul.wc_payment_methods li.wc_payment_method label{
display: flex;
flex-flow: row nowrap;
align-items: center;
}
#payment ul.wc_payment_methods li.wc_payment_method .mgs_pzyment_method_title{
margin-inline-start: 34px;
color: var(--color-secondary-700, #2D2D2D);
/* P/16-semibold */
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 32px; /* 200% */
}
#payment ul.wc_payment_methods li.wc_payment_method .payment_box{
width: auto;
margin: 0;
margin-inline-start: 120px;
padding: 0;
color: var(--color-secondary-600, #585858);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 175.5%;
background: none;
}
#payment ul.wc_payment_methods li.wc_payment_method .payment_box::before{
display: none;
}
#payment ul.wc_payment_methods li.wc_payment_method input{
display: none;
}
#payment ul.wc_payment_methods li.wc_payment_method input[name=payment_method] + .mgs_pzyment_method_input + svg{
width: 32px;
height: 32px;
margin-inline-start: 18px;
}
#payment ul.wc_payment_methods li.wc_payment_method input[name=payment_method] + .mgs_pzyment_method_input + svg path{
stroke: var(--color-primary-1, #7A7FF4);
stroke-opacity: 0.4;
}
#payment ul.wc_payment_methods li.wc_payment_method input[name=payment_method]:checked + .mgs_pzyment_method_input + svg path{
stroke-opacity: 1;
}
#payment ul.wc_payment_methods li.wc_payment_method input[name=payment_method]:not(:checked) + .mgs_pzyment_method_input{
border: 1px solid var(--color-primary-1, #7A7FF4);
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
#payment ul.wc_payment_methods li.wc_payment_method input[name=payment_method]:not(:checked) + .mgs_pzyment_method_input svg{
display: none;
}
.woocommerce-checkout #payment{
background: none;
}
.woocommerce-checkout #payment ul.payment_methods{
padding: 0;
border: none;
}
.woocommerce-checkout #payment ul.payment_methods::after{
display: none;
}
section.mk-wc-checkout-coupon-wrapper{
border-radius: 24px;
background: #FFF;
padding: 8px 18px 8px 10px;
margin-bottom: 24px;
}
section.mk-wc-checkout-coupon-wrapper .woocommerce-info{
background: inherit;
padding: 0;
border: none;
margin: 0;
}
section.mk-wc-checkout-coupon-wrapper .woocommerce-info::before{
display: none;
}
section.mk-wc-checkout-coupon-wrapper .woocommerce-info a{
color: var(--color-primary-1, #7A7FF4);
}
section.mk-wc-checkout-coupon-wrapper form.checkout_coupon{
margin-top: 16px;
}
.woocommerce-checkout section.mk-wc-checkout-coupon-wrapper form .form-row input.input-text{
background: inherit;
color: #434343;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
padding: 0;
}
.woocommerce form .mk-wc-checkout-customer-details .form-row{
width: 100%;
}
.woocommerce form .mk-wc-checkout-customer-details .form-row-first,
.woocommerce form .mk-wc-checkout-customer-details .form-row-last{
width: 49%;
margin: 0;
}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{
display: flex;
flex-flow: row wrap;
width: 100%;
padding: 0;
gap: 16px 2%;
}
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper{
margin-bottom: 32px;
}
.woocommerce-checkout #ship-to-different-address{
margin: 32px 0;
float: unset!important;
}
.mk-wc-checkout-first-section{
flex: 1;
}
.wc_payment_methods .woocommerce-info{
border: none;
background: var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
border-radius: 16px;
color: #2B2B2B;
}
.woocommerce .woocommerce-order{
border-radius: 24px;
background: #FFF;
padding: 40px;
margin-top: 12px;
}
.woocommerce ul.order_details{
margin-top: 15px;
padding: 0;
}
.woocommerce ul.order_details li{
list-style-type: disc;
list-style-position: inside;
border: none;
float: none;
padding: 0;
margin: 0;
color: #626262;
/* fa/subtitle2/16-medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 200% */
}
.woocommerce ul.order_details li strong{
display: inline-block;
color: #1A1A1A;
/* fa/subtitle2/16-medium */
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 32px;
}
.woocommerce .woocommerce-order .woocommerce-notice{
color: #626262;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
}
.woocommerce .woocommerce-order-details__title{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 32px; /* 200% */
border-bottom: 4px solid var(--color-primary-1, #7A7FF4);
padding-bottom: 12px;
padding-inline-end: 10px;
display: inline-block;
margin: 0;
}
.woocommerce table.order_details{
border: none;
border-radius: 0;
border-top: 1px solid var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
border-collapse: separate;
border-spacing: 0 16px;
}
.woocommerce table.order_details tbody th,
.woocommerce table.order_details tbody td,
.woocommerce table.order_details tfoot th,
.woocommerce table.order_details tfoot td{
background:var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
padding: 4px 12px;
color: #000;
/* fa/body/16-regular */
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
border: none;
}
.woocommerce table.order_details thead th,
.woocommerce table.order_details thead td{
color: var(--color-secondary-1, #1A2125);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 32px; /* 213.333% */
}
.woocommerce table.order_details tbody th a,
.woocommerce table.order_details tbody td a,
.woocommerce table.order_details tfoot th a,
.woocommerce table.order_details tfoot td a{
color: inherit;
}
.woocommerce table.order_details tbody th:first-child,
.woocommerce table.order_details tbody td:first-child,
.woocommerce table.order_details tfoot th:first-child,
.woocommerce table.order_details tfoot td:first-child{
border-radius: 12px 0 0 12px;
}
body.rtl .woocommerce table.order_details tbody th:first-child,
body.rtl .woocommerce table.order_details tbody td:first-child,
body.rtl .woocommerce table.order_details tfoot th:first-child,
body.rtl .woocommerce table.order_details tfoot td:first-child{
border-radius: 0 12px 12px 0;
}
.woocommerce table.order_details tbody th:last-child,
.woocommerce table.order_details tbody td:last-child,
.woocommerce table.order_details tfoot th:last-child,
.woocommerce table.order_details tfoot td:last-child{
border-radius: 0 12px 12px 0;
}
body.rtl .woocommerce table.order_details tbody th:last-child,
body.rtl .woocommerce table.order_details tbody td:last-child,
body.rtl .woocommerce table.order_details tfoot th:last-child,
body.rtl .woocommerce table.order_details tfoot td:last-child{
border-radius: 12px 0 0 12px;
}
.woocommerce-order .addresses h2.woocommerce-column__title,
.woocommerce-view-order .addresses h2.woocommerce-column__title{
color: var(--color-secondary-1, #1A2125);
/* fa/subtitle2/16-bold */
font-size: 16px;
font-style: normal;
font-weight: 800;
line-height: 32px; /* 200% */
border-bottom: 4px solid var(--color-primary-1, #7A7FF4);
padding-bottom: 12px;
display: inline-block;
margin: 0;
}
.woocommerce-order .addresses address,
.woocommerce-view-order .addresses address{
border: none;
border-radius: 0;
border-top: 1px solid var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
padding-top: 24px;
color: #000;
/* fa/body/14-regular */
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 200% */
}
.woocommerce ul#shipping_method{
float: inline-end;
}
.woocommerce table.shop_table.woocommerce-orders-table thead,
.woocommerce table.shop_table.woocommerce-table--order-downloads thead{
display: none;
}
.woocommerce table.shop_table.woocommerce-orders-table tr,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr{
background: rgba(235, 236, 254, 1);
border: none;
}
.woocommerce table.shop_table.woocommerce-orders-table,
.woocommerce table.shop_table.woocommerce-table--order-downloads{
border-collapse: separate;
border-spacing: 0 16px;
border: none;
table-layout: fixed;
}
.woocommerce table.shop_table.woocommerce-orders-table tr td,
.woocommerce table.shop_table.woocommerce-orders-table tr th,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr th{
font-weight: 600;
font-size: 16px;
line-height: 32px;
letter-spacing: 0%;
text-align: center;
border: none;
padding: 16px 0;
background: inherit;
}
.woocommerce table.shop_table.woocommerce-orders-table tr td.woocommerce-orders-table__cell-order-number a,
.woocommerce table.shop_table.woocommerce-orders-table tr th.woocommerce-orders-table__cell-order-number a{
color: inherit;
}
.woocommerce table.shop_table.woocommerce-orders-table tr td::before,
.woocommerce table.shop_table.woocommerce-orders-table tr th::before,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td::before{
content: attr(data-title) ": ";
display: block;
width: 100%;
font-weight: 400;
font-size: 16px;
line-height: 32px;
letter-spacing: 0%;
margin: 0 0 4px;
}
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td.download-product{
padding: 0 16px
}
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td.download-product a{
font-weight: 700;
font-size: 16px;
line-height: 32px;
letter-spacing: 0%;
}
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td.download-product a{
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
}
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td.download-product::before{
display: none;
}
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td.download-product img{
height: 80px;
width: 143px;
object-fit: cover;
object-position: center;
border-radius: 16px;
margin-inline-end: 8px;
}
/**/
body:not(.rtl) table.shop_table.woocommerce-orders-table tr th:last-child,
body.rtl table.shop_table.woocommerce-orders-table tr th:first-child,
body:not(.rtl) table.shop_table.woocommerce-table--order-downloads tr th:last-child,
body.rtl table.shop_table.woocommerce-table--order-downloads tr th:first-child{
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
body:not(.rtl) table.shop_table.woocommerce-orders-table tr th:first-child,
body.rtl table.shop_table.woocommerce-orders-table tr th:last-child,
body:not(.rtl) table.shop_table.woocommerce-table--order-downloads tr th:first-child,
body.rtl table.shop_table.woocommerce-table--order-downloads tr th:last-child{
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
body:not(.rtl) table.shop_table.woocommerce-orders-table tr td:last-child,
body.rtl table.shop_table.woocommerce-orders-table tr td:first-child,
body:not(.rtl) table.shop_table.woocommerce-table--order-downloads tr td:last-child,
body.rtl table.shop_table.woocommerce-table--order-downloads tr td:first-child{
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
body:not(.rtl) table.shop_table.woocommerce-orders-table tr td:first-child,
body.rtl table.shop_table.woocommerce-orders-table tr td:last-child,
body:not(.rtl) table.shop_table.woocommerce-table--order-downloads tr td:first-child,
body.rtl table.shop_table.woocommerce-table--order-downloads tr td:last-child{
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
/**/
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce table.shop_table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce table.shop_table.woocommerce-table--order-downloads td.download-file a.button{
background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
border-radius: 24px;
border-width: 1.5px;
padding-top: 2px;
padding-right: 24px;
padding-bottom: 2px;
padding-left: 24px;
font-weight: 600;
font-size: 16px;
line-height: 32px;
color: rgba(255, 255, 255, 1);
position: relative;
z-index: 1;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce table.shop_table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions a.button::before,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce table.shop_table.woocommerce-table--order-downloads td.download-file a.button::before{
content: '';
position: absolute;
top: 1.5px;
left: 1.5px;
bottom: 1.5px;
right: 1.5px;
background: var(--color-primary-1, #7A7FF4);
border-radius: 24px;
z-index: -1;
}
button.mk-wc-toggle-account-navigation{
position: absolute;
top: 50%;
inset-inline-end: 0;
transform: translate(-50%, -50%);
display: none;
}
.mk-product-archive-before-row{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
gap: 32px;
margin-bottom: 38px;
}
.woocommerce ul.products li.product{
background: var(--color-product-bg, rgba(18, 23, 26, 1));
border-radius: 32px;
padding: 16px;
position: relative;
z-index: 1;
}
ul.products li.product .woocommerce-LoopProduct-link,
ul.products li.product a.woocommerce-LoopProduct-link{
font-family: Kalameh;
font-weight: 700;
font-size: 20px;
line-height: 40px;
color: rgba(255, 255, 255, 1);
}
ul.products li.product .woocommerce-LoopProduct-link img{
border-radius: 24px;
}
.woocommerce ul.products li.product .onsale{
margin: 0;
top: 32px;
left: 32px;
right: auto;
border-radius: 8px;
padding-top: 2px;
padding-right: 12px;
padding-bottom: 2px;
padding-left: 12px;
font-weight: 500;
font-size: 14px;
line-height: 32px;
background: linear-gradient(180deg, #558989 0%, #86D9D2 100%);
}
.woocommerce ul.products li.product .button{
margin: 0;
}
.woocommerce .products li.product a.button.add_to_cart_button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) ul.products li.product a.button.add_to_cart_button{
background: var(--color-secondary-1, #1A2125);
padding: 8px 24px;
font-weight: 800;
font-size: 16px;
line-height: 32px;
color: rgba(255, 255, 255, 1);
border-radius: 24px;
transition: background 0.8s;
}
.woocommerce .products li.product a.button.add_to_cart_button::before,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) ul.products li.product a.button.add_to_cart_button::before{
content: '';
background: linear-gradient(307.93deg, rgba(255, 255, 255, 0.52) 17.96%, rgba(255, 255, 255, 0) 62.78%);
position: absolute;
top: -1.5px;
bottom: -1.5px;
left: -1.5px;
right: -1.5px;
z-index: -1;
border-radius: 24px;
}
.woocommerce .products li.product:hover a.button.add_to_cart_button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) ul.products li.product:hover a.button.add_to_cart_button{
background: var(--color-primary-1, #7A7FF4);
}
ul.products li.product .woocommerce-Price-amount,
.woocommerce ul.products li.product .price-wrapper .price{
font-weight: 600;
font-size: 22px;
line-height: 40px;
color: rgba(255, 255, 255, 1);
text-align: center;
text-decoration: none;
}
.woocommerce ul.products li.product .price-wrapper .price.range-price{
font-size: 18px;
}
.woocommerce ul.products li.product .price-wrapper{
display: flex;
flex-flow: column nowrap;
align-items: center;
justify-content: center;
flex: 1;
}
ul.products li.product del{
text-decoration: none;
}
ul.products li.product del .woocommerce-Price-amount,
.woocommerce ul.products li.product .price-wrapper .price.regular-price{
font-weight: 500;
font-size: 16px;
line-height: 16px;
text-align: center;
text-decoration: none;
color: rgba(255, 255, 255, 0.7);
}
.woocommerce ul.products li.product .mk-sell-info{
display: flex;
flex-flow: row nowrap;
align-items: center;
justify-content: space-between;
gap: 24px;
margin-top: 16px;
}
.summary.entry-summary{
background: rgba(255, 255, 255, 1);
border-radius: 32px;
padding: 24px;
}
h1.product_title.entry-title{
font-weight: 700;
font-size: 24px;
line-height: 48px;
color: rgba(28, 26, 26, 1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
display: inline-flex;
flex-flow: row wrap;
justify-content: center;
background: var(--color-secondary-1, #1A2125);
gap: 28px;
padding: 14px 20px;
margin: 56px auto 0;
border-radius: 18px;
position: relative;
overflow: visible;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
position: absolute;
top: 8px;
bottom: 8px;
right: -16px;
left: -16px;
background-color: var(--color-secondary-2-rgba,rgba(26, 33, 37, 0.1));
border-radius: 12px;
display: block;
z-index: -1;
width: auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::after{
display: none;
}
.woocommerce div.product .woocommerce-tabs{
display: flex;
flex-flow: column;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: rgba(255, 255, 255, 0.78);
border: none;
border-radius: 0;
background: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding: 10px 20px;
}
html[dir="rtl"] .woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child){
border-left: 1px solid rgba(255, 255, 255, 1);
padding-left: 28px;
}
html[dir="ltr"] .woocommerce div.product .woocommerce-tabs ul.tabs li:not(:last-child){
border-right: 1px solid rgba(255, 255, 255, 1);
padding-right: 28px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
color: rgba(255, 255, 255, 1);
background: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color: inherit;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
background: var(--color-primary-1, #7A7FF4);
border-radius: 500px;
position: relative;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a::before{
content: '';
position: absolute;
top: -1.5px;
left: -1.5px;
bottom: -1.5px;
right: -1.5px;
width: auto;
background: linear-gradient(99.65deg, rgba(255, 255, 255, 0) 15.4%, #FFFFFF 87.61%);
border-radius: 500px;
z-index: -1;
}
.woocommerce div.product .woocommerce-tabs .panel{
background: rgba(255, 255, 255, 1);
padding: 24px;
margin: 19px 0 0;
border-radius: 32px;
display: block!important;
}
.woocommerce-product-details__short-description{
background: rgba(235, 236, 254, 1);
padding: 8px 16px;
border-radius: 16px;
font-weight: 400;
font-size: 16px;
line-height: 32px;
letter-spacing: 0%;
text-align: justify;
vertical-align: middle;
color: rgba(62, 62, 62, 1);
}
.mk-wc-product-specs{
font-weight: 500;
font-size: 16px;
line-height: 40px;
color: rgba(62, 62, 62, 1);
display: grid;
grid-template-columns: repeat(2, minmax(min-content, auto));
gap: 4px 24px;
list-style: none;
padding: 0;
}
.mk-wc-product-specs li {
position: relative;
list-style: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
.mk-wc-product-specs li::before {
content: '';
width: 18px;
height: 18px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
}
.mk-wc-single-rate-text{
float: inline-start;
}
.woocommerce-product-rating .mk-wc-single-rate-text
{
float: inline-start;
font-weight: 700;
font-size: 16px;
line-height: 32px;
color: var(--color-primary-1, #7A7FF4);
margin-inline-end: 8px;
}
.mk-inline-box-icon.elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper,
.mk-inline-box-icon.elementor-widget-icon-box.elementor-position-right .elementor-icon-box-wrapper{
display: inline-flex!important;
}
button.mk-dropdown-button.mk-share-article-dropdown-button {
display: inline-flex;
justify-content: center;
gap: 8px;
padding: 6px;
background-color: rgba(240, 241, 254, 1);
border-radius: 8px;
font-size: 20px;
border: none;
outline: none;
}
.mk-share-article-dropdown-box
{
position: relative;
display: inline-block;
}
.mk-dropdown.mk-share-article-dropdown{
position: absolute;
inset-inline-end: 0;
top: calc(100% + 6px);
border-radius: 16px;
background: #FFFFFF;
padding: 12px;
z-index: 100;
max-width: 70vw;
}
.mk-share-article-dropdown-box .mk-share-article-dropdown .mk-share-article-copy-box .mk-share-article-copy-url {
direction: ltr;
color: #2B2B2B;
text-align: justify;
text-wrap: nowrap;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
text-transform: capitalize;
overflow: hidden;
width: 212px;
margin: 0;
display: inline-flex;
align-items: center;
gap: 8px;
}
.mk-share-article-copy-url-icon{
display: inline-flex;
align-items: center;
justify-content: center;
background: #FFFFFF;
border-radius: 8px;
padding: 4px;
}
.mk-share-article-copy-url-icon.copied{
border: 1px solid #b5b8f9;
background: #f9f9f9;
}
.mk-share-article-dropdown-box .mk-share-article-dropdown .mk-share-article-copy-box {
display: flex;
flex-flow: row-reverse nowrap;
gap: 21px;
align-items: center;
padding: 4px;
padding-right: 12px;
border-radius: 8px;
background: #F0F1FE;
cursor: pointer;
margin-top: 8px;
}
html[dir="rtl"] .mk-share-article-dropdown-box .mk-share-article-dropdown .mk-share-article-copy-box{
flex-flow: row nowrap;
}
.mk-share-article-dropdown-box .mk-share-article-dropdown .mk-share-article-copy-box .mk-share-article-copy-button
{
color: #617081;
text-align: justify;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 14px;
letter-spacing: -0.3px;
text-transform: capitalize;
opacity: 0;
visibility: hidden;
transition: all 500ms;
margin: 0;
}
.mk-share-article-networks {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 8px;
background: #F0F1FE;
padding: 4px;
border-radius: 8px;
}
.mk-share-article-dropdown-title{
color: #2B2B2B80;
font-weight: 400;
font-size: 14px;
line-height: 24px;
}
.mk-dropdown-button.mk-share-article-dropdown-button svg{
width: 20px;
height: 20px;
}
.mk-share-article-networks .mk-share-article-link{
}
.mk-share-article-networks .mk-share-article-link svg *[fill]{
fill: var(--color-primary-1, #7A7FF4);
}
.mk-share-article-networks a.mk-share-article-link:hover svg *[fill]{
fill: #FFF;
}
.mk-share-article-networks a.mk-share-article-link {
display: inline-flex;
border-radius: 10px;
padding: 4px;
}
.mk-share-article-networks a.mk-share-article-link:hover{
background-color: var(--color-primary-1, #7A7FF4);
}
.mk-star-rating{
width: 96px;
height: 16px;
background: url('../images//star-group-2.png');
margin-inline-end: 10px;
}
.mk-star-rating span{
display: block;
height: 100%;
background: url('../images//star-group-1.png');
float: left;
}
.summary.entry-summary .woocommerce-product-rating{
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: center;
}
.summary.entry-summary a.woocommerce-review-link{
font-weight: 400;
font-size: 14px;
line-height: 28px;
color: rgba(148, 148, 148, 1);
}
.woocommerce div.product .woocommerce-product-rating{
margin: 0;
}
.mk-product-info-divider{
display: block;
border: 1px dashed var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
margin: 18px 0;
}
.woocommerce div.product form.cart .variations select{
border: 1px solid var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
font-weight: 600;
font-size: 14px;
line-height: 40px;
padding: 2px 12px;
font-family: inherit;
border-radius: 12px;
}
.woocommerce div.product form.cart .variations select:focus{
outline: none;
}
.mk-product-single-sell-info{
margin: 32px 0 0;
}
.single_variation_wrap,
.product.product-type-simple .summary.entry-summary .mk-product-single-sell-info{
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: center;
margin: 32px 0 0;
gap: 24px;
}
.single_variation_wrap{
flex-flow: row-reverse;
}
.single_variation_wrap .woocommerce-variation-add-to-cart,
.product.product-type-simple .summary.entry-summary .mk-product-single-sell-info form.cart{
flex: 1;
}
.single_variation_wrap .woocommerce-variation-add-to-cart button,
.product.product-type-simple .summary.entry-summary .mk-product-single-sell-info form.cart button{
width: 100%;
font-weight: 800;
font-size: 18px!important;
line-height: 36px!important;
border-radius: 200px!important;
padding: 8px 24px!important;
color: #FFF!important;
background: var(--color-primary-1, #7A7FF4)!important;
text-align: center;
}
.woocommerce div.product form.cart .variations th{
vertical-align: middle;
}
.woocommerce div.product form.cart .variations label{
font-weight: 700;
font-size: 14px;
color: #000;
}
.woocommerce div.product form.cart .reset_variations{
display: none!important;
}
.woocommerce div.product form.cart .variations{
border-spacing: 0 16px;
}
.woocommerce div.product form.cart{
margin-bottom: 0;
}
.mk-product-copyright{
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 8px;
margin-top: 24px;
padding-top: 24px;
border-top: 1px dashed var(--color-primary-5-rgba, rgba(122, 127, 244, 0.13));
font-weight: 400;
font-size: 14px;
line-height: 28px;
}
.mk-product-single-sell-info .price-wrapper .price{
font-weight: 500!important;
font-size: 24px!important;
line-height: 40px!important;
color: #000!important;
text-decoration: none;
}
.mk-product-single-sell-info .price-wrapper .price.regular-price{
font-size: 18px !important;
color: #000000ab !important;
}
ul.woocommerce-product-attributes{
display: grid;
grid-template-columns: 1fr 1fr;
padding: 0;
}
ul.woocommerce-product-attributes li{
position: relative;
list-style: none;
display: inline-flex;
align-items: center;
gap: 8px;
font-weight: 500;
font-size: 16px;
line-height: 40px;
}
ul.woocommerce-product-attributes li::before{
content: '';
width: 18px;
height: 18px;
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
}
.woocommerce div.product .woocommerce-tabs .panel h2{
font-weight: 700;
font-size: 20px;
line-height: 40px;
color: rgba(50, 50, 50, 1);
margin: 0;
padding: 0;
}
span.woocommerce-Tabs-panel-icon{
background: var(--color-primary-1, #7A7FF4);
padding: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 12px;
margin-bottom: 24px;
}
.mk-product-footer{
padding-top: 16px;
margin-top: 16px;
border-top: 1px dashed var(--color-primary-4-rgba, rgba(122, 127, 244, 0.32));
}
.mk-product-categories-title{
font-weight: 500;
font-size: 14px;
line-height: 28px;
color: rgba(50, 50, 50, 1);
}
.mk-product-taxonomies{
display: flex;
flex-flow: row nowrap;
gap: 9px;
align-items: center;
}
.mk-product-categories-list{
display: flex;
gap: 9px;
}
.mk-product-categories-list a{
background: rgba(235, 236, 254, 1);
padding: 4px 12px;
border-radius: 12px;
color: var(--color-primary-1, #7A7FF4);
font-weight: 500;
font-size: 14px;
line-height: 28px;
}
.mk-product-image-gallery{
float: inline-start;
width: 49%;
}
.woocommerce-page div.product div.summary{
width: 49%;
}
.mk-product-image-gallery .main-slider .swiper-slide img{
width: 100%;
height: 100%;
border-radius: 16px;
object-fit: cover;
object-position: center;
}
.mk-product-image-gallery .thumb-slider .swiper-slide img{
width: 100%;
height: 100%;
border-radius: 16px;
object-fit: cover;
object-position: center;
}
.mk-product-image-gallery .thumb-slider .swiper-slide{
display: inline-flex;
}
.mk-product-image-gallery .thumb-slider .swiper-slide:not(.swiper-slide-thumb-active)::after{
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 16px;
background-color: rgba(122, 127, 244, 0.47);
}
.swiper-container.thumb-slider-container{
position: relative;
padding: 0 20px;
margin: 16px 0 0;
}
.swiper-container.thumb-slider-container .swiper-button-next,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-prev,
.swiper-container.thumb-slider-container .swiper-button-prev,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-next{
padding: 8px;
background: var(--color-primary-1, #7A7FF4);
border-radius: 200px;
width: auto;
}
.swiper-container.thumb-slider-container .swiper-button-next svg,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-prev svg,
.swiper-container.thumb-slider-container .swiper-button-prev svg,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-next svg{
width: 24px;
height: 24px;
}
.swiper-container.thumb-slider-container .swiper-button-next:after,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-prev:after,
.swiper-container.thumb-slider-container .swiper-button-prev:after,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-next:after{
display: none;
}
.swiper-container.thumb-slider-container .swiper-button-next,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-prev{
right: 0;
left: auto;
}
.swiper-container.thumb-slider-container .swiper-button-prev,
.swiper-container.thumb-slider-container .swiper-rtl .swiper-button-next {
left: 0;
right: auto;
}
.woocommerce-tabs.wc-tabs-wrapper .mk-reviews-section{
margin-top: 16px;
}
.mk-wc-comment-form-rating{
display: flex;
align-items: center;
gap: 8px;
margin-top: -24px;
}
.woocommerce p.stars a{
width: 16px;
height: 15px;
}
.woocommerce #respond p.stars a::before{
content: ''!important;
display: inline-block;
width: 16px;
height: 15px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='%23CFCFCF'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
.woocommerce #respond p.stars:hover a::before{
content: ''!important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='%237A7FF4'/%3E%3C/svg%3E");
}
.woocommerce #respond p.stars a:hover~a::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='%23CFCFCF'/%3E%3C/svg%3E");
}
.woocommerce #respond p.stars a:has(~ .active)::before,
.woocommerce #respond p.stars a.active::before{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15' viewBox='0 0 16 15' fill='none'%3E%3Cpath d='M7.04894 0.92705C7.3483 0.00573921 8.6517 0.00573969 8.95106 0.92705L10.0206 4.21885C10.1545 4.63087 10.5385 4.90983 10.9717 4.90983H14.4329C15.4016 4.90983 15.8044 6.14945 15.0207 6.71885L12.2205 8.75329C11.87 9.00793 11.7234 9.4593 11.8572 9.87132L12.9268 13.1631C13.2261 14.0844 12.1717 14.8506 11.388 14.2812L8.58778 12.2467C8.2373 11.9921 7.7627 11.9921 7.41221 12.2467L4.61204 14.2812C3.82833 14.8506 2.77385 14.0844 3.0732 13.1631L4.14277 9.87132C4.27665 9.4593 4.12999 9.00793 3.7795 8.75329L0.979333 6.71885C0.195619 6.14945 0.598395 4.90983 1.56712 4.90983H5.02832C5.46154 4.90983 5.8455 4.63087 5.97937 4.21885L7.04894 0.92705Z' fill='%237A7FF4'/%3E%3C/svg%3E");
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{
right: auto;
inset-inline-end: 16px;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
text-align: inherit;
}
.woocommerce-page div.product div.summary{
float: inline-end;
}
.comments-area .woocommerce-noreviews{
display: none;
}
.swiper.mk-related-products-swiper .swiper-slide li.product{
width: 100%!important;
}
.related.products{
margin: 45px 0 0;
}
.related.products .mk-related-products-heading h2{
font-weight: 700;
font-size: 32px;
line-height: 64px;
color: #262626;
}
.mk-related-products-heading{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
background: url('../images/Group-36683.png') no-repeat center center;
}
.mk-wc-product-tabs{
display: flex;
flex-flow: row nowrap;
align-items: flex-start;
gap: 24px;
}
.mk-wc-product-tabs .mk-blog-aside{
width: 332px;
position: sticky;
top: 40px;
}
.mk-wc-product-tabs .mk-blog-aside .mk-widget{
padding: 0;
background-color: inherit;
}
.mk-wc-product-tabs .mk-wc-product-tabs-content{
flex: 1;
}
.mk-single-el-template-container{
width: 100%;
/* overflow: hidden; */
margin: 92px auto 110px;
}
h3.elementor-icon-box-title{
margin-top: 0;
}
.woocommerce table.shop_table{
text-align: inherit;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first{
float: inline-start;
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
float: inline-end;
}
.woocommerce .woocommerce-customer-details address{
text-align: inherit!important;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{
margin: 0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before{
display: none;
}
.woocommerce a.added_to_cart,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.added::after{
display: none;
}
.woocommerce a.remove:hover{
background: inherit;
}
.mk-quote{
border-radius: 10px;
background: var(--color-primary-200, #7A7FF426);
padding: 12px 24px;
display: flex;
flex-flow: row nowrap;
gap: 16px;
position: relative;
margin: 0 auto;
}
.mk-quote .mk-quote-content{
color: var(--color-primary-600, #7A7FF4);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 200% */
flex: 1;
}
.mk-quote .mk-after-quote{
align-self: flex-end;
}
/* .mk-quote svg.mk-before-quote,
.mk-quote svg.mk-after-quote{
width: 25px;
height: 25px;
} */
.mk-quote svg.mk-before-quote path,
.mk-quote svg.mk-after-quote path{
fill: var(--color-primary-700,#7A7FF4);
}
.mk-quote svg.mk-before-quote{
position: absolute;
top: -22px;
left: 24px;
}
.mk-quote svg.mk-after-quote{
position: absolute;
bottom: -15px;
right: 24px;
}
/*newsletter default styles*/
.newsletter-form {
display: flex;
flex-flow: column nowrap;
gap: 8px;
}
.mk-content-area {
background-color: #FFFFFF17;
gap: 13px;
padding: 8px 13px;
border-style: none;
border-radius: 500px;
display: flex;
flex-flow: row nowrap;
align-items: center;
flex: 1;
width: 100%;
}
.mk-content-area input {
font-size: 14px;
font-weight: 400;
line-height: 24px;
color: #FFFFFF82;
background-color: transparent;
border-style: none;
width: 100%;
outline: none;
}
.mk-content-area input:focus{
color: #B0B0B0;
}
.mk-newsletter-form-divider {
width: 1px;
height: 20px;
background-color: #454061;
}
.mk-content-area button {
font-size: 14px;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.56px;
color: #B0B0B0;
background-color: #02010100;
border-style: none;
padding: 0px 0px 0px 0px;
gap: 0px;
display: inline-flex;
align-items: center;
cursor: pointer;
}
body.woocommerce-page.woocommerce-account.logged-in .woocommerce{
display: flex;
flex-flow: row nowrap;
gap: 24px;
}
.woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before{
display: none;
}
ul.products li.product .woocommerce-loop-product__title
{
overflow: hidden;
display: -webkit-box !important;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
body:not(.rtl).woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a > svg,
body:not(.rtl) .woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link a > svg{
transform: rotate(180deg);
}
.mk-wc-comment-form-rating span[aria-labelledby="comment-form-rating-label"]{
display: block;
margin-top: 18px;
}
.woocommerce-checkout #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods li{
text-align: inherit;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce .woocommerce-cart-form__contents td.actions .mk-button-wrapper button.button:disabled[disabled]{
opacity: 1;
background: #7a7ff4d1;
color: #ffffffb5;
}
#lang-comments-link{
display: none;
}
@media screen and (max-width: 1600px) {
.mk-cnt-back-top {
height: 40px;
top: -40px;
}
/* .mk-cnt-back-bottom {
height: 40px;
bottom: -40px;
} */
}
@media screen and (max-width: 992px) {
.mk-cnt-back-top {
height: 50px;
top: -50px;
}
/* .mk-cnt-back-bottom {
height: 50px;
bottom: -50px;
} */
.box-with-symmetry::before{
background-position: center;
}
.box-with-symmetry::after{
display: none;
}
.mk-single-post-wrapper{
flex-flow: column nowrap;
align-items: stretch;
}
.mk-single-post-wrapper .mk-post-aside{
width: 100%;
}
.mk-reviews-section{
flex-flow: column nowrap;
}
.mk-reviews-section .mk-blog-aside{
width: 100%;
}
.mk-archive-page.mk-portfolio-archive-page,
.mk-archive-page.mk-product-archive-page{
flex-flow: column nowrap;
}
.mk-archive-page.mk-portfolio-archive-page .mk-portfolio-archive-aside,
.mk-archive-page.mk-product-archive-page .mk-wc-shop-aside{
max-width: 100%;
order: 2;
}
.mk-archive-page.mk-portfolio-archive-page .mk-portfolio-archive-aside,
.mk-archive-page.mk-product-archive-page .mk-wc-shop-aside,
.mk-archive-page.mk-portfolio-archive-page .mk-archive-main{
width: 100%;
}
body.error404{
background-position: 18% 0;
}
.mk-cart-wrapper{
flex-flow: column nowrap;
}
.mk-cart-wrapper .cart-collaterals{
width: 100%;
}
.mk-wc-checkout-wrapper{
flex-flow: column nowrap;
}
.mk-wc-checkout-wrapper .mk-wc-checkout-review-wrapper{
width: 100%;
}
.mk-wc-myaccount-navigation-wrapper{
position: fixed;
top: 0;
inset-inline-start: 0;
height: 100vh;
overflow-y: auto;
border-radius: 0;
z-index: 100000;
}
.mk-wc-myaccount-navigation-wrapper{
transform: translateX(0);
}
.mk-wc-myaccount-navigation-wrapper:not(.mk-wc-show-account-navigation){
transform: translateX(100%);
}
body:not(.rtl) .mk-wc-myaccount-navigation-wrapper:not(.mk-wc-show-account-navigation){
transform: translateX(-100%);
}
button.mk-wc-toggle-account-navigation{
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
border-radius: 50%;
background: var(--color-primary-1, #7A7FF4);
padding: 8px;
border: none;
cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content{
width: 100%;
}
.mk-wc-product-tabs .mk-blog-aside{
display: none;
}
body.single.single-mk_portfolio .mk-reviews-section::after,
body.single.single-product .mk-reviews-section::after{
bottom: 800px;
}
body.single.single-mk_portfolio .mk-post-content::before{
bottom: 40px;
}
.mk-single-post-wrapper .mk-post-aside{
position: relative;
}
.mk-single-post-wrapper .mk-post-aside:before{
content: ''!important;
display: block!important;
width: 636px;
height: 636px;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
background: #7A7FF41C;
filter: blur(300px);
z-index: -1;
}
.mk-archive-list {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 1024px){
.mk-mobile-menu{
display: flex;
}
.mk-toggle-mobile-menu{
display: block;
}
.woocommerce-page div.product div.summary,.mk-product-image-gallery{
width: 100%;
}
.mk-product-image-gallery{
margin-bottom: 24px;
}
}
@media screen and (max-width: 768px) {
.mk-single-post-wrapper .mk-post-metas{
flex-flow: column nowrap;
align-items: flex-start;
}
.mk-single-post-wrapper .mk-post-metas .mk-post-meta-divider{
display: none;
}
body.error404{
background-position: 12% 0;
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td.product-quantity{
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
align-items: center;
}
.mk-cart-wrapper .woocommerce-cart-form tbody tr td.product-remove{
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
}
/* woocommerce-table--order-downloads */
.woocommerce table.shop_table.woocommerce-orders-table tr,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr{
margin-bottom: 16px;
}
.woocommerce table.shop_table.woocommerce-orders-table tr,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr{
padding: 16px;
border-radius: 24px;
}
.woocommerce table.shop_table.woocommerce-orders-table tr td::before,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr th::before,
.woocommerce table.shop_table.woocommerce-orders-table tr td::before,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td::before,
.woocommerce table.shop_table.woocommerce-orders-table tr th::before,
.woocommerce table.shop_table.woocommerce-table--order-downloads tr th::before{
width: auto;
}
.woocommerce table.shop_table_responsive.woocommerce-orders-table tr:nth-child(2n) td,
.woocommerce table.shop_table_responsive.woocommerce-table--order-downloads tr:nth-child(2n) td{
background: inherit;
}
.woocommerce table.shop_table.woocommerce-orders-table tr th{
display: flex;
justify-content: space-between;
}
.woocommerce table.shop_table.woocommerce-table--order-downloads tr td.download-product a{
justify-content: flex-start;
}
.mk-archive-list {
grid-template-columns: repeat(2, 1fr);
}
.mk-archive-page.mk-portfolio-archive-page .mk-archive-list, .mk-archive-page.mk-product-archive-page .mk-archive-list{
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px){
.swiper.mk-related-products-swiper{
padding: 30px 0 0;
}
.swiper.mk-related-products-swiper .swiper-slide:hover{
transform: translateY(-30px);
transition: transform 0.5s ease-in-out;
}
.swiper.mk-related-products-swiper .swiper-slide:hover li.product{
border: 2px dashed var(--color-primary-1, #7A7FF4);
}
}
@media screen and (max-width: 500px){
.mk-reviews-section-content .commentlist > li.comment ul.children:before{
display:none;
}
.mk-reviews-section-content .commentlist > li.comment ul.children{
padding-inline-start: 12px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-image img{
width: 32px;
height: 32px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-text{
font-size: 13px;
}
.mk-reviews-section-content .commentlist{
padding: 18px;
}
.mk-reviews-section{
margin-top: 24px;
}
.mk-breadcrumb-list > ul{
gap: 6px;
}
.mk-breadcrumb-list > ul > li.mk-breadcrumb-list-item{
font-size: 14px;
}
.mk-single-post-title{
font-size: 18px;
}
.mk-dropdown-button.mk-share-article-dropdown-button svg{
width: 16px;
height: 16px;
}
.mk-fav-btn{
padding: 5px;
}
.mk-fav-btn svg{
width: 16px;
height: 16px;
}
body.single-post .mk-post-body, body.single-mk_portfolio .mk-post-body{
padding: 10px;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-info-second-item{
display: none;
}
.mk-reviews-section-content .commentlist li.comment .comment-body .mk-comment-info .comment-author-info-second{
gap: 8px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 12px 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
padding: 3px 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
font-size: 14px;
}
.mk_form_fields_wrapper{
grid-template-columns: 1fr;
}
.mk-wc-product-specs{
grid-template-columns: 1fr;
}
}