/*
Theme Name: Classor — کلاسور
Theme URI: https://jaygah.top
Author: Jaygah Team
Author URI: https://jaygah.top
Description: Classor by Jaygah is a modern RTL WordPress theme for online courses, digital products, content publishing, Elementor and WooCommerce.
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.2
Version: 5.17.1-rc.1
License: All Rights Reserved
Text Domain: jaygah
Domain Path: /languages
Tags: blog, woocommerce, education, shop, rtl-language-support, jaygah
*/

:root {
    --shkrn-var-font-family: 'Abar', Roboto, sans-serif;
    --shkrn-var-main-color: #008a90;
    --shkrn-var-main-color-rgb: 0, 138, 144;
    --shkrn-var-main-gradient: linear-gradient(135deg,var(--shkrn-var-main-color),var(--jaygah-secondary,var(--shkrn-var-main-color)));
    --shkrn-var-main-color-shadow: rgba(var(--shkrn-var-main-color-rgb), 0.07);
    --shkrn-var-main-bg-box-middle: color-mix(in srgb,var(--shkrn-var-main-color) 11%,transparent);
    --shkrn-var-container-width: 1220px;
    --shkrn-hide-in-dark: inherit;
    --shkrn-hide-in-light: inherit;
    --jaygah-radius-sm: 12px;
    --jaygah-radius-md: 20px;
    --jaygah-radius-lg: 32px;
    --jaygah-space-xs: 6px;
    --jaygah-space-sm: 10px;
    --jaygah-space-md: 16px;
    --jaygah-space-lg: 24px;
    --jaygah-space-xl: 32px;
    --jaygah-status-success: #1f9d68;
    --jaygah-status-warning: #d88a18;
    --jaygah-status-danger: #d04c4c;
}

/* Course reviews and pre-enrolment questions */
.jaygah-course-discussions{width:100%;color:var(--shkrn-var-color-light-dark-text)}
.jaygah-discussion-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-bottom:20px;padding:24px;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:24px;background:linear-gradient(135deg,rgba(var(--shkrn-var-main-color-rgb),.07),var(--shkrn-var-color-light-dark-middle))}
.jaygah-discussion-heading>div>span{color:var(--shkrn-var-main-color);font-size:12px;font-weight:800}.jaygah-discussion-heading h2{margin:3px 0;font-size:clamp(22px,3vw,32px)}.jaygah-discussion-heading p,.jaygah-review-toolbar p,.jaygah-question-intro p{color:var(--shkrn-var-color-light-dark-opacity-text)}
.jaygah-discussion-heading nav{display:flex;gap:7px;padding:5px;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:15px;background:var(--shkrn-var-color-light-dark-high)}
.jaygah-discussion-heading nav a{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;color:inherit;font-size:13px;font-weight:800}.jaygah-discussion-heading nav a.is-active{background:var(--shkrn-var-main-color);color:#fff;box-shadow:0 7px 18px var(--shkrn-var-main-color-shadow)}.jaygah-discussion-heading nav b{display:grid;min-width:24px;height:24px;place-items:center;border-radius:8px;background:rgba(255,255,255,.18);font-size:11px}
.jaygah-discussion-panel{display:grid;gap:18px}.jaygah-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:4px 2px}.jaygah-review-toolbar h3,.jaygah-question-intro h3{margin:0 0 2px;font-size:20px}.jaygah-review-sort{display:flex;flex-wrap:wrap;gap:6px}.jaygah-review-sort a{padding:7px 11px;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:999px;color:var(--shkrn-var-color-light-dark-opacity-text);font-size:11px;font-weight:700}.jaygah-review-sort a.is-active,.jaygah-review-sort a:hover{border-color:var(--shkrn-var-main-color);background:rgba(var(--shkrn-var-main-color-rgb),.08);color:var(--shkrn-var-main-color)}
.jaygah-discussion-list{display:grid;gap:12px;margin:0}.jaygah-discussion-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:13px 20px;margin:0!important;padding:22px 6px;border:0;border-bottom:1px solid var(--shkrn-var-color-light-dark-border);background:transparent;color:inherit}.jaygah-discussion-card.is-reply{margin-inline-start:38px!important;padding:16px 18px;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:17px;background:var(--shkrn-var-color-light-dark-opacity-bg)}
.jaygah-discussion-author{display:flex;align-items:center;gap:11px;min-width:0}.jaygah-discussion-author img{width:52px;height:52px;border:2px solid var(--shkrn-var-color-light-dark-high);border-radius:50%;box-shadow:0 4px 14px rgba(21,45,55,.12)}.jaygah-discussion-author>div{display:grid;gap:4px}.jaygah-discussion-author strong{font-size:15px}.jaygah-discussion-author time{margin-inline-start:auto;color:var(--shkrn-var-color-light-dark-opacity-text);font-size:11px;white-space:nowrap}.jaygah-discussion-labels{display:flex;flex-wrap:wrap;gap:5px}.jaygah-discussion-labels b{padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800}.jaygah-discussion-labels .is-student{background:#e8f7eb;color:#25833b}.jaygah-discussion-labels .is-instructor{background:#e8f5ff;color:#087bb4}.jaygah-discussion-labels .is-question{background:#fff4d8;color:#9b6810}
.jaygah-growth-result{display:flex;align-items:center;align-self:center;gap:7px;padding:7px 10px;border:1px solid #d9ead9;border-radius:13px;background:#f5fbf5;color:#287941}.jaygah-growth-result>span{font-size:24px}.jaygah-growth-result strong{font-size:12px}.jaygah-growth-result small{color:#5e7864;font-size:10px}.jaygah-discussion-text{grid-column:1/-1;font-size:14px;line-height:2}.jaygah-discussion-text p{margin:0}.jaygah-discussion-card>footer{display:flex;grid-column:1/-1;align-items:center;gap:9px;min-height:34px}.jaygah-review-helpful-label{margin-inline-start:auto;color:var(--shkrn-var-color-light-dark-opacity-text);font-size:11px}.jaygah-review-votes{display:flex;gap:5px}.jaygah-review-votes button{display:flex;align-items:center;gap:5px;min-width:45px;padding:5px 9px;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:9px;background:var(--shkrn-var-color-light-dark-high);color:var(--shkrn-var-color-light-dark-opacity-text);cursor:pointer}.jaygah-review-votes button[aria-pressed=true]{border-color:var(--shkrn-var-main-color);background:rgba(var(--shkrn-var-main-color-rgb),.09);color:var(--shkrn-var-main-color)}.jaygah-review-votes button:disabled{cursor:wait;opacity:.6}.jaygah-review-votes svg{width:17px;height:17px;fill:currentColor}.jaygah-review-votes span{font-size:11px;font-weight:800}.jaygah-discussion-actions{display:flex;gap:6px}.jaygah-discussion-actions a{padding:5px 9px;border-radius:8px;background:var(--shkrn-var-color-light-dark-opacity-bg);color:inherit;font-size:11px;font-weight:700}
.jaygah-question-intro{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid #f1dfad;border-radius:18px;background:#fffaf0}.jaygah-question-intro>span{display:grid;width:46px;height:46px;flex:0 0 46px;place-items:center;border-radius:14px;background:#ffeab4;color:#8f6010;font-size:25px;font-weight:900}.jaygah-discussion-empty{display:grid;justify-items:center;padding:34px;border:1px dashed var(--shkrn-var-color-light-dark-border);border-radius:20px;text-align:center}.jaygah-discussion-empty>span{font-size:38px}.jaygah-discussion-empty h3{margin:5px 0}.jaygah-discussion-empty p{color:var(--shkrn-var-color-light-dark-opacity-text)}
.jaygah-discussion-form-card{padding:22px;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:var(--jaygah-form-radius,24px);background:var(--shkrn-var-color-light-dark-opacity-bg)}.jaygah-discussion-form-card .comment-reply-title{margin-bottom:14px;font-size:20px}.jaygah-discussion-form-card #commentform{display:grid;gap:14px}.jaygah-discussion-form-card .comment-form-author,.jaygah-discussion-form-card .comment-form-email{display:grid;gap:5px}.jaygah-discussion-form-card input[type=text],.jaygah-discussion-form-card input[type=email],.jaygah-discussion-form-card textarea{width:100%;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:var(--jaygah-control-radius,12px);background:var(--shkrn-var-color-light-dark-high);color:inherit}.jaygah-discussion-form-card textarea{padding:13px;resize:vertical}.jaygah-discussion-submit{justify-self:start;margin:0!important;padding:9px 20px!important}.jaygah-form-notice{display:grid;gap:6px;justify-items:start}.jaygah-form-notice strong{font-size:18px}.jaygah-form-notice p{color:var(--shkrn-var-color-light-dark-opacity-text)}.jaygah-form-notice a{padding:7px 13px;border-radius:10px;background:var(--shkrn-var-main-color);color:#fff!important;font-weight:800}.jaygah-form-notice.is-success{padding:14px;border-radius:14px;background:#edf9f1;color:#26713c}
.jaygah-growth-rating{display:grid;gap:11px;margin:0;padding:0;border:0}.jaygah-growth-rating legend{display:grid;gap:2px;font-size:15px;font-weight:900}.jaygah-growth-rating legend>span{color:#d63638}.jaygah-growth-rating legend small{color:var(--shkrn-var-color-light-dark-opacity-text);font-size:11px;font-weight:500}.jaygah-growth-rating>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.jaygah-growth-rating label{position:relative;display:grid!important;min-height:104px;align-content:center;justify-items:center;gap:2px;padding:10px 5px!important;border:1px solid var(--shkrn-var-color-light-dark-border);border-radius:15px;background:var(--shkrn-var-color-light-dark-high);cursor:pointer;transition:.18s ease}.jaygah-growth-rating label:hover{transform:translateY(-2px);border-color:#6ab77c}.jaygah-growth-rating label:has(input:checked){border-color:#3b9b54;background:#edf9f1;box-shadow:0 0 0 3px rgba(59,155,84,.11)}.jaygah-growth-rating input{position:absolute;opacity:0;pointer-events:none}.jaygah-growth-rating label>span{font-size:clamp(24px,4vw,38px);line-height:1.2}.jaygah-growth-rating label>b{display:grid;position:absolute;top:7px;right:7px;width:20px;height:20px;place-items:center;border-radius:7px;background:var(--shkrn-var-color-light-dark-opacity-bg);font-size:10px}.jaygah-growth-rating label>small{font-size:10px;font-weight:700}.jaygah-growth-rating label:focus-within{outline:2px solid var(--shkrn-var-main-color);outline-offset:2px}
@media(max-width:760px){.jaygah-discussion-heading{grid-template-columns:1fr;padding:17px}.jaygah-discussion-heading nav{display:grid;grid-template-columns:1fr 1fr}.jaygah-discussion-heading nav a{justify-content:center;padding:8px}.jaygah-review-toolbar{align-items:flex-start;flex-direction:column}.jaygah-review-sort{width:100%;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.jaygah-review-sort a{white-space:nowrap}.jaygah-discussion-card{grid-template-columns:1fr;padding:17px 0}.jaygah-growth-result{justify-self:start}.jaygah-discussion-author{display:grid;grid-template-columns:44px 1fr}.jaygah-discussion-author img{grid-row:1/3;width:44px;height:44px}.jaygah-discussion-author time{grid-column:2;margin:0}.jaygah-discussion-card>footer{align-items:flex-start;flex-wrap:wrap}.jaygah-review-helpful-label{width:100%;margin:0}.jaygah-discussion-actions{margin-inline-start:auto}.jaygah-growth-rating>div{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto;padding:3px}.jaygah-growth-rating label{min-height:94px}.jaygah-discussion-card.is-reply{margin-inline-start:16px!important}}
/* start darkmode styles */
body.dark-mode-shkrn .sun-icon-shkrn,body.dark-mode-shkrn .system-icon-shkrn {
    display: none;
}
body.light-mode-shkrn .moon-icon-shkrn,body.light-mode-shkrn .system-icon-shkrn {
    display: none;
}
body.system-mode-shkrn .sun-icon-shkrn,body.system-mode-shkrn .moon-icon-shkrn {
    display: none;
}
@media (prefers-color-scheme: dark) {
    body.system-mode-shkrn {
        --shkrn-hide-in-dark: none;
        --shkrn-hide-in-light: inherit;
        --shkrn-var-color-light-dark-high: #121212;
        --shkrn-var-color-light-dark-middle: #373737;
        --shkrn-var-color-light-dark-text: #fff;
        --shkrn-var-color-light-dark-opacity-bg: rgba(255, 255, 255, 0.23);
        --shkrn-var-color-light-dark-opacity-text: #fff;
        --shkrn-var-color-light-dark-border: transparent;
    }
    body.system-mode-shkrn #shkrn-popup-form-search button:hover svg :not(path) {
        stroke: #fff;
        transition: 0.2s;
    }
    body.system-mode-shkrn .shkrn-circle-blur {
        visibility: hidden;
    }
}
@media (prefers-color-scheme: light) {
    body.system-mode-shkrn {
        --shkrn-hide-in-dark: inherit;
        --shkrn-hide-in-light: none;
        --shkrn-var-color-light-dark-high: #fff;
        --shkrn-var-color-light-dark-middle: #fff;
        --shkrn-var-color-light-dark-opacity-bg: rgba(0, 0, 0, 0.06);
        --shkrn-var-color-light-dark-opacity-text: #707070;
        --shkrn-var-color-light-dark-border: #eaeaea;
        --shkrn-var-color-light-dark-text: #4a4a4a;
    }
    body.system-mode-shkrn #shkrn-popup-form-search button:hover svg :not(path) {
        stroke: #4a4a4a;
        transition: 0.2s;
    }
}
body.dark-mode-shkrn {
    --shkrn-hide-in-dark: none;
    --shkrn-hide-in-light: inherit;
    --shkrn-var-color-light-dark-high: #121212;
    --shkrn-var-color-light-dark-middle: #373737;
    --shkrn-var-color-light-dark-text: #fff;
    --shkrn-var-color-light-dark-opacity-bg: rgba(255, 255, 255, 0.23);
    --shkrn-var-color-light-dark-opacity-text: #fff;
    --shkrn-var-color-light-dark-border: transparent;
}
body.light-mode-shkrn {
    --shkrn-hide-in-dark: inherit;
    --shkrn-hide-in-light: none;
    --shkrn-var-color-light-dark-high: #fff;
    --shkrn-var-color-light-dark-middle: #fff;
    --shkrn-var-color-light-dark-opacity-bg: rgba(0, 0, 0, 0.06);
    --shkrn-var-color-light-dark-opacity-text: #707070;
    --shkrn-var-color-light-dark-text: #4a4a4a;
    --shkrn-var-color-light-dark-border: #eaeaea;
}
body.dark-mode-shkrn #shkrn-popup-form-search button:hover svg :not(path) {
    stroke: #fff;
    transition: 0.2s;
}
body.light-mode-shkrn #shkrn-popup-form-search button:hover svg :not(path) {
    stroke: #4a4a4a;
    transition: 0.2s;
}
body.dark-mode-shkrn .shkrn-circle-blur {
    visibility: hidden;
}
body.dark-mode-shkrn .shkrn-darkmode-btn-text::before {
    content: 'حالت روشن';
}
body.light-mode-shkrn .shkrn-darkmode-btn-text::before {
    content: 'حالت خودکار';
}
body.system-mode-shkrn .shkrn-darkmode-btn-text::before {
    content: 'حالت تاریک';
}
/* end darkmode styles */
/* start unset default css */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    border: 0;
}
*:focus {
    outline:none;
}
*:focus-visible {
    outline: 2px solid var(--shkrn-var-main-color);
    outline-offset: 3px;
}
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.screen-reader-text:focus {
    width: auto;
    height: auto;
    margin: 8px;
    padding: 10px 14px;
    clip: auto;
    background: var(--shkrn-var-color-light-dark-middle);
    color: var(--shkrn-var-color-light-dark-text);
    z-index: 100000;
}
html {
    scroll-behavior: smooth;
}
p {
    line-height: 2em;
}
a {
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-text);
}
a:hover {
    color: var(--shkrn-var-main-color);
}
li {
    list-style: none;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
article img {
    max-width: 100%;
    height: auto;
    border-radius: 7px;
}
input , button , form {
    font-family: var(--shkrn-var-font-family);
}
video {
    border-radius: 20px;
    max-width: 100%;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
    border-radius:0
}
::-webkit-scrollbar-thumb {
    background:#dfdfdf
}
::-webkit-scrollbar {
    width:10px
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
input[type="password"]:focus {
    border-color: var(--shkrn-var-main-color);
}
textarea,
input[type="text"],
input[type="email"],
select,
input[type="password"] {
    font-family: var(--shkrn-var-font-family);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin:0;
    padding:0;
    font-weight:700
}
h1,
h1 a,
h1 span,
h1 span strong {
    font-size:28px
}
h2,
h2 a,
h2 span,
h2 span strong {
    font-size:1.4em
}
h3,
h3 a,
h3 span,
h3 span strong {
    font-size:1.25em
}
h4,
h4 a,
h4 span,
h4 span strong {
    font-size:1em
}
h5,
h5 a,
h6,
h6 a,
h5 span,
h6 span,
h5 span strong,
h6 span strong {
    font-size:0.85em
}
/* end unset default css */
/* start main styles */
.container {
    max-width: var(--shkrn-var-container-width);
    margin: auto;
}
.header-footer-container-shkrn {
    max-width: var(--shkrn-var-container-width);
    margin: auto;
}
.shkrn-only-desktop {
    display: inherit;
}
.shkrn-except-desktop {
    display: none !important;
}
@media only screen and (max-width: 1240px) {
    .container {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media only screen and (max-width: 1040px) {
    .shkrn-only-desktop {
        display: none !important;
    }
    .shkrn-except-desktop {
        display: inherit !important;
    }
}
/* end main styles */
/************ Default CSS ************/
body {
    direction: rtl;
    font-size: 14px;
    text-align: right;
    line-height: 30px;
    font-family: var(--shkrn-var-font-family) !important;
    background-color: var(--shkrn-var-color-light-dark-high) !important;
    color: var(--shkrn-var-color-light-dark-text) !important;
    font-weight: 500;
    overflow-x: hidden;
}
.full-width {
    width: 100% !important;
}
.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.grid {
    display: -ms-grid;
    display: grid;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.flex-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.flex-center-in-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.relative {
    position: relative;
}
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/************ Default CSS ************/
/************ Menu Header ************/
.main-menu {
    display: flex;
    flex: 1;
}
.main-menu .menu ul {
    display: flex;
    flex-wrap: wrap;
}
.main-menu .menu-item i {
    margin-right: -14px;
    margin-left: 20px;
}
.main-menu > .menu-item-has-children > a {
    display: flex;
    align-items: center;
    column-gap: 2px;
    padding-left: 17px;
}
.main-menu .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
    transition: 0.2s all ease-in-out;
}
.main-menu > ul > li {
    float: right;
    list-style: none;
    position: relative;
}
.main-menu ul li a {
    padding: 15px 7px 15px 18px;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-text);
    font-weight: 500;
}
.main-menu .menu ul li {
    display: block;
    width: 100%;
}
.main-menu ul li a:hover , .main-menu .menu-arrow.fa-angle-up {
    color: var(--shkrn-var-main-color);
}
.main-menu ul li a:active {
    color: var(--shkrn-var-main-color);
}
.main-menu > ul > li > ul > li > a {
    padding: 30px 0px 30px 22px;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-middle);
    font-weight: 600;
}
.main-menu ul li a i {
    margin-right: 5px;
}
.main-menu ul li ul {
    position: absolute;
    width: 250px;
    padding: 10px;
    background: var(--shkrn-var-main-color);
    top: calc(100% + 6px);
    right: 0;
    box-shadow: 0 8px 40px var(--shkrn-var-main-color-shadow);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    z-index: 999;
    border-radius: 20px;
}
.main-menu ul > li > ul > li > ul {
    width: 250px;
    right: 250px;
    color: var(--shkrn-var-color-light-dark-middle) !important;
    opacity: 0 !important;
    visibility: hidden;
    top: -10px;
}
.main-menu ul > li > ul > li > ul a {
    color: var(--shkrn-var-color-light-dark-middle) !important;
}
.main-menu ul > li > ul > li > i {
    display: none;
}
.main-menu > ul > li > ul > li:hover > ul, .main-menu ul > li:hover > ul {
    opacity: 1 !important;
    visibility: visible;
}
.nav-mobile > ul > li > ul > li.menu-item-has-children > a {
    background: var(--shkrn-var-color-light-dark-text) !important;
    color: var(--shkrn-var-color-light-dark-middle) !important;
}
.main-menu ul li ul li {
    list-style: none;
    position: relative;
}
.main-menu ul li ul li a {
    padding: 9px 15px;
    display: block;
    font-weight: normal;
}
.main-menu ul li ul li a:hover {
    color: var(--shkrn-var-color-light-dark-text);
}
.main-menu > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 6px);
}
.bottom-header-two .main-menu > ul > li:hover > ul {
    opacity: 1;
    visibility: visible;
    top: calc(100% + 6px);
}
.main-menu ul > li.ul a i {
    display: inline;
}
.main-menu ul > li a i {
    display: none;
}
.main-menu > .menu-item-has-children > a::after {
    background-image: url('assets/img/arrow-up.svg');
    display: inline-flex;
    content: '';
    background-size: 18px;
    width: 18px;
    height: 18px;
    margin-top: -4px;
    margin-right: 2px;
}
.footer-menu ul li a:active, .submenu-logged-in-header li a:hover, .footer-menu ul li:hover a, .main-menu ul li:not(.main-menu > .menu-item) a:hover, .active-current-menu-on-shkrn > a {
    color: var(--shkrn-var-color-light-dark-text) !important;
    background-color: var(--shkrn-var-color-light-dark-middle) !important;
    border-radius: 12px;
}
/************ Menu Header ************/
/************ Header Styles **********/
.header-one-shkrn {
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 50px;
    box-shadow: 0 4px 20px 5px var(--shkrn-var-main-color-shadow);
    margin: 30px auto 0;
    min-height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 10000;
    padding: 5px 20px;
}
.header-two-shkrn {
    margin: 0 auto;
    min-height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0 0;
}
.header-two-shkrn-bottom {
    margin: 0 auto -3px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
}
.header-three-shkrn {
    margin: 0 auto;
    min-height: 74px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 0;
}
.header-fullwidth-background {
    position: relative;
    z-index: 10000;
    padding: 5px 20px;
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: 0 4px 20px 5px var(--shkrn-var-main-color-shadow);
    border-radius: 0 0 30px 30px;
}
.shkrn-header-logo, .nav-logo-site-shkrn {
    padding: 7px 0 7px 7px;
    width: max-content;
}
.shkrn-header-logo > img , .nav-logo-site-shkrn > img {
    max-height: 60px;
    max-width: 160px;
}
@media only screen and (max-width: 1040px) {
    .header-one-shkrn {
        margin: 15px 15px 0;
    }
    .shkrn-header-logo {
        flex: 1;
        margin: 0 3px;
        width: max-content;
        max-height: 58px;
        padding: 0;
    }
    .header-two-search-container-shkrn, .header-two-shkrn-bottom {
        display: none;
    }
}
.header-menu-shkrn {
    flex: 1;
    min-width: 0;
}
.header-shkrn :is(.header-icons-shkrn,.shkrn-mobile-menu-btn,.shkrn-header-logo){flex-shrink:0}
.header-shkrn :is(.header-one-shkrn,.header-two-shkrn,.header-two-shkrn-bottom,.header-three-shkrn),.header-one-shkrn{gap:12px;box-sizing:border-box;min-width:0}
.header-shkrn .header-menu-shkrn>ul{display:flex;flex-wrap:wrap;align-items:center;min-width:0;max-width:100%;margin:0;padding:0}
.header-shkrn .header-menu-shkrn>ul>li{float:none;min-width:0;max-width:100%}
.header-shkrn .header-menu-shkrn a{overflow-wrap:anywhere;white-space:normal}
.header-shkrn .header-menu-shkrn>ul>li>a{min-height:44px;box-sizing:border-box}
.header-shkrn .header-menu-shkrn>ul>li>ul{top:100%;max-width:calc(100vw - 32px);max-height:65vh;overflow-y:auto;overscroll-behavior:contain}
.header-shkrn .header-menu-shkrn>ul>li:last-child>ul{right:auto;left:0}
.header-shkrn .header-menu-shkrn li:focus-within>ul{opacity:1!important;visibility:visible}
/* Nested menus expand inside the dropdown, so arbitrary depth cannot leave the viewport. */
.header-shkrn .header-menu-shkrn ul ul ul{position:static;display:none;width:auto;max-width:100%;padding:0 12px 0 0;box-shadow:none;border-radius:0;transition:none}
.header-shkrn .header-menu-shkrn ul ul li:is(:hover,:focus-within)>ul{display:block;opacity:1!important;visibility:visible}
.header-menu-shkrn li.active-current-menu-on-shkrn > a {
    color: var(--shkrn-var-main-color) !important;
}
.header-icons-shkrn {
    column-gap: 1px;
}
.shkrn-mode-changer-btn {
    margin-left: -3px;
    background: transparent;
    cursor: pointer;
}
.header-icon-shkrn {
    padding: 10px;
}
.search-icon-shkrn {
    -webkit-appearance: none;
    appearance: none;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}
.header-icons-shkrn .search-icon-shkrn:hover,
.header-icons-shkrn .search-icon-shkrn:focus,
.header-icons-shkrn .search-icon-shkrn:active {
    background: none !important;
    box-shadow: none !important;
}
.bag-icon {
    position: relative;
}
.shkrn-mobile-menu-item-btns .bag-icon > svg {
    padding-bottom: 2px;
}
.jaygah-cart-number {
    position: absolute;
    right: -5px;
    bottom: -8px;
    background: var(--shkrn-var-main-color);
    color: #ffffff !important;
    line-height: 12px;
    padding: 2.5px 5px 1.5px;
    border-radius: 10px;
    font-size: 15px;
    width: 15px !important;
    height: 15px !important;
    display: flex;
    justify-content: center;
}
.shkrn-header-btn-bg {
    border-radius: 13px;
    background: var(--shkrn-var-main-color);
    box-shadow: 2px 4px 8px 0px var(--shkrn-var-main-color-shadow);
    color: #fff !important;
    padding: 4px 11px 4px 14px;
    column-gap: 4px;
    font-weight: 600;
    font-size: 15px;
    margin: 0 10px;
}
.shkrn-menu-mobile-btn {
    border-radius: 13px;
    background: var(--shkrn-var-main-color);
    box-shadow: 2px 4px 8px 0px var(--shkrn-var-main-color-shadow);
    color: #fff !important;
    padding: 8px 7px 7px 8px;
    column-gap: 4px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}
#mobile-menu {
    background: transparent;
    color: inherit;
    cursor: pointer;
}
.userpanel-btn-box-mobile > img {
    border-radius: 13px;
    box-shadow: 2px 4px 8px 0px var(--shkrn-var-main-color-shadow);
}
.userpanel-btn-box.shkrn-only-desktop > a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.shkrn-header-search-box {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgba(0, 16, 19, 0.49);
    -webkit-backdrop-filter: blur(2.2px);
    backdrop-filter: blur(2.2px);
    z-index: 99999;
    transition-duration: .2s;
    opacity: 0;
    visibility: hidden;
}
.shkrn-header-search-box.is-open {
    opacity: 1;
    visibility: visible;
}
#shkrn-popup-form-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
}
#shkrn-popup-form-search input {
    background: var(--shkrn-var-color-light-dark-middle);
    border: none;
    height: 80px;
    width: 890px;
    border-radius:var(--jaygah-control-radius,12px);
    padding: 0 25px 0 0;
    font-size: 18px;
    color: var(--shkrn-var-color-light-dark-text);
    max-width: 95vw;
}
#shkrn-popup-form-search button {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 3px;
    height: 100%;
    width: 70px;
    cursor: pointer;
}
@media only screen and (max-width: 800px) {
    #shkrn-popup-form-search input {
        font-size: 12.5px;
        height: 60px;
        padding-right: 15px;
    }
    #shkrn-popup-form-search svg {
        height: 25px;
    }
    #shkrn-popup-form-search button {
        width: 50px !important;
    }
}
.header-user-panel-box-btn-left {
    display: flex;
    justify-content: space-between;
    width: max-content;
    column-gap: 12px;
    flex-direction: row;
    align-items: center;
    border-radius: 16px;
    position: relative;
    margin: 0 10px;
}
.header-user-panel-box-btn-left:hover .user-panel-avatar > img {
    transition: all .2s ease-in-out;
    filter: blur(1px);
}
.user-panel-avatar > img {
    max-height: 47px;
}
.user-panel-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
}
.user-panel-name-and-role {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    line-height: 16px;
    justify-content: center;
    text-align: right;
}
.user-panel-icon-chevron {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0 0 0 4px;
}
.user-panel-name-and-role .name-user {
    font-weight: 600;
}
.user-panel-name-and-role .role-user {
    width: 100%;
    font-size: 12px;
    margin-bottom: -4px;
}
.header-user-panel-box-btn-left:hover .user-panel-icon-chevron > svg {
    transform: rotate(180deg);
    transition: 0.2s all ease-in-out;
}
.header-menu-user-panel-box {
    position: absolute;
    width: 140%;
    top: calc(100% + 6px);
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    border-radius: 14px;
    color: #294559;
    list-style: none;
    padding: 25px 3px 7px;
    z-index: 999999;
    left: -30px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 5px;
    min-width: 210px;
}
.header-menu-user-panel-box .box-h-m-panel {
    box-shadow: 0 1px 9px 0px rgba(36, 64, 147, 0.07);
    border-radius: 14px;
    background: var(--shkrn-var-color-light-dark-middle);
    color: var(--shkrn-var-color-light-dark-text);
    padding: 7px 14px;
}
.header-menu-user-panel-box a {
    color: #294559;
    font-weight: 500;
}
.header-user-panel-box-btn-left:hover .header-menu-user-panel-box {
    opacity: 1;
    visibility: visible;
}
.header-user-panel-box-btn-left:focus-within .header-menu-user-panel-box {
    opacity: 1;
    visibility: visible;
}
.box-h-m-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 12px;
}
@media screen and (max-width: 999px) {
    .jaygah-userpanel {
        padding: 15px 0;
    }
    .header-user-panel {
        flex-wrap: wrap;
        column-gap: 10px;
    }
    .jaygah-userpanel-box .jaygah-myaccount-content {
        padding: 0;
    }
}
.shkrn-mobile-menu-box {
    background: transparent;
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99998;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    visibility: hidden;
}
.shkrn-mobile-menu-box.is-open {
    visibility: visible;
}
.shkrn-mobile-menu-box.is-open .shkrn-mobile-menu-inside {
    transform: translateX(0);
}
body.shkrn-overlay-open {
    overflow: hidden;
}
.shkrn-mobile-menu-outside {
    background-color: rgba(0, 16, 19, 0.49);
    -webkit-backdrop-filter: blur(2.2px);
    backdrop-filter: blur(2.2px);
    position: absolute;
    width: 100vw;
    top: 0;
    right: 0;
    height: 100vh;
}
.shkrn-mobile-menu-inside {
    background: var(--shkrn-var-color-light-dark-middle);
    width: 235px;
    position: relative;
    flex-direction: column;
    justify-content: flex-start;
    row-gap: 16px;
    padding: 45px 22px 0;
    margin-left: -15px;
    z-index: 1;
    border-radius: 15px 0 0 15px;
    transform: translateX(235px);
    transition-duration: .3s;
    overflow: auto;
}
.shkrn-mobile-menu-box-item {
    width: 100%;
}
#shkrn-menu-mobile-close-btn {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    margin: 10px;
    padding: 0;
    background: transparent;
}
.openner-nav-shkrn {
    background: transparent;
    cursor: pointer;
}
.openner-nav-shkrn .menu-arrow {
    transition: transform .2s ease-in-out;
}
.openner-nav-shkrn.is-open .menu-arrow {
    transform: rotate(180deg);
}
#shkrn-mobile-menu-form-search {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
#shkrn-mobile-menu-form-search input {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border: none;
    height: 32px;
    width: 100%;
    border-radius:var(--jaygah-control-radius,12px);
    padding: 0 15px 0 0;
    font-size: 11px;
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
#shkrn-mobile-menu-form-search button {
    border: none;
    background: transparent;
    position: absolute;
    left: 0;
    top: 3px;
    height: 100%;
    width: 37px;
    cursor: pointer;
}
.shkrn-darkmode-btn-text::before {
    font-size: 15px;
    font-weight: 600;
    color: var(--shkrn-var-color-light-dark-text);
    padding: 0 5px 0 3px;
}
.shkrn-mobile-menu-item-btns {
    justify-content: space-between;
}
.shkrn-mobile-menu-item-btns .shkrn-header-btn-bg {
    border-radius: 12px;
}
.shkrn-mobile-menu-list-li {
    justify-content: flex-start;
    margin-top: -10px;
}
.shkrn-mobile-menu-list-li ul {
    font-size: 15px;
    font-weight: 500;
    row-gap: 2px;
    display: flex;
    flex-direction: column;
}
.shkrn-mobile-menu-list-li ul, .shkrn-mobile-menu-list-li li {
    width: 100%;
}
.shkrn-mobile-menu-list-li ul li a {
    width: 100%;
    display: flex;
    padding: 7px 0;
}
.shkrn-mobile-menu .menu-item-has-children {
    position: relative;
}
.shkrn-mobile-menu .menu-item-has-children .sub-menu {
    display: none;
}
.openner-nav-shkrn {
    position: absolute;
    left: -10px;
    top: 2px;
    cursor: pointer;
    padding: 5px 12px;
    height: fit-content;
    display: flex;
    transition: 0.2s all ease-in-out;
}
.sub-menu {
    border: 2px solid var(--shkrn-var-main-color);
    padding: 0 8px;
    border-radius: 8px;
}
ul.sub-menu > li > ul.sub-menu {
    margin-bottom: 8px;
}
.header-two-search-container-shkrn {
    flex: 1;
    min-width: 0;
    max-width: 470px !important;
    border: 0.1px solid #c1c1c1;
    border-radius: 22px;
    margin: 16px 0;
    position: relative;
}
.header-two-search-container-shkrn > form {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.header-two-search-container-shkrn > form input[type="text"],
.header-two-search-container-shkrn > form input[type="search"] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    padding: 10px 18px 10px 18px;
    font-size: 17px;
    border: none;
    outline: none;
    background: transparent;
    font-family: var(--shkrn-var-font-family);
    border-radius:var(--jaygah-control-radius,12px);
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
.header-two-search-container-shkrn > form > label {
    width: 100%;
    min-width: 0;
    padding-inline-end: 48px;
}
.header-two-search-container-shkrn > form > button {
    position: absolute;
    left: 0;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
    height: 100%;
    background: transparent;
    top: 1px;
}
.header-two-search-container-shkrn > form > button:hover svg {
    fill: var(--shkrn-var-color-light-dark-text);
}
.header-two-shkrn .userpanel-btn-box {
    margin-right: auto;
}
/************ Header Styles **********/
/************ Footer Styles **********/
.footer-one-shkrn {
    background: var(--shkrn-var-color-light-dark-middle);
    margin: 30px auto 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 9998;
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    text-align: center;
    position: relative;
    border-radius: 35px;
    flex-direction: column;
    padding: 30px;
}
@media screen and (max-width: 768px) {
    .footer-widgets-container {
        flex-wrap: wrap;
        flex-direction: column;
        margin: auto;
    }
}
.footer-widgets-container {
    display: flex;
    row-gap: 20px;
}
.footer-widget-item {
    display: flex;
    flex: 1;
    flex-direction: column;
}
.footer-widget-item p {
    text-align:justify;
}
.footer-shkrn h3 {
    font-weight: 800;
    font-size: 20px;
    padding-bottom: 25px;
}
.footer-shkrn {
    text-align: center;
}
.contact-info-icon svg {
    fill: var(--shkrn-var-color-light-dark-text) !important;
}
.footer-three-shkrn .contact-info-icon svg {
    fill: #fff !important;
}
.footer-widget-item > ul > li {
    display: flex;
    justify-content: center;
}
.footer-shkrn .namadha {
    justify-content: space-around;
    padding: 10px;
}
.footer-shkrn .namadha > figure {
    float: right;
    width: 45%;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border-radius: 25px;
    padding: 11px;
    margin: 1%;
    margin-bottom: 0px;
}
.footer-three-shkrn .namadha > figure {
    background: transparent !important;
    margin-bottom: 0px;
    padding: 0 !important;
}
.wp-block-image img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 7px;
}
.wp-caption {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    gap: 4px;
    border-radius: 10px;
    font-size: 14px;
}
.wp-caption.aligncenter {
    margin: 10px auto;
}
.footer-shkrn .social-shkrn {
    display: flex;
    justify-content: center;
    margin: 12px auto 3px;
    column-gap: 6px;
    align-items: center;
.copyright-shkrn,
.copyright-footer-two-shkrn {
    margin: 32px 0 0;
    background: var(--jds-color-surface);
    border: 1px solid var(--jds-color-border);
    border-radius: var(--jds-radius-card);
    padding: 20px 24px;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    width: 100%;
    color: var(--jds-color-muted);
    box-shadow: var(--jds-shadow-sm);
    transition: background var(--jds-duration-fast) var(--jds-ease);
}
.footer-fullwidth-background {
    position: relative;
    z-index: 9999;
    padding: 30px 15px;
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: 0 4px 20px 5px var(--shkrn-var-main-color-shadow);
}
.copyright-shkrn > p > svg, .copyright-footer-two-shkrn > p > svg , .copyright-text > p > svg {
    margin: 0 5px;
}
.footer-three-shkrn .footer-wrapper {
    background: var(--shkrn-var-main-color);
    color: #fff;
    border-radius: 35px;
    padding: 30px;
}
.copyright-footer-three-shkrn {
    justify-content: space-between;
    margin: 8px 0;
}
.social-three {
    display: flex;
    column-gap: 7px;
}
.social-three a {
    display: inline-flex;
    margin: auto;
}
.footer-three-bottom-padding-shkrn {
    padding-bottom: 5px;
}
.footer-menu {
    display: inline-block;
    margin: 0px auto;
}
.footer-menu ul {
    display: flex;
    justify-content: space-between;
    padding: 5px;
}
.footer-menu > ul > li {
    float: right;
    list-style: none;
    position: relative;
    width: auto;
}
.footer-menu ul li a {
    font-size: 16px;
    display: inline-block;
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-text);
    font-weight: 500;
    padding: 0px 12px;
    margin: 3px;
}
@media only screen and (max-width: 1040px) {
    .footer-one-shkrn {
        margin: 0 15px 15px;
    }
    .copyright-footer-three-shkrn {
        justify-content: center;
        margin-right: auto;
        margin-left: auto;
        flex-wrap: wrap;
    }
}
/************ Footer Styles **********/
/************ Index Styles **********/
.title-default-theme-front-page-WC {
    display: flex;
    width: 100%;
    background: white;
    border-radius: 35px;
    border: 3px solid red;
    padding: 22px 40px;
    margin: 35px auto 0px;
    flex-wrap: wrap;
    flex-direction: column;
}
.title-default-theme-front-page-WC a {
    background: red;
    color: #fff;
    padding: 5px 15px;
    display: inline-block;
    margin: 8px auto 0;
    border-radius: 20px;
}
.title-default-theme-front-page {
    width: 100%;
    background: var(--shkrn-var-main-color);
    border-radius: 35px;
    padding: 22px 40px;
    margin: 35px auto 0px;
    color: white;
}
.posts-section-shkrn {
    width: 100%;
    background-color: var(--shkrn-var-color-light-dark-middle);
    border-radius: 35px;
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    padding: 22px 40px;
    margin: 25px auto;
    flex-wrap: wrap;
}
.posts-section-header {
    width: 100%;
    gap: var(--jds-space-4);
    min-width: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
.posts-title-shkrn {
    border-inline-start: 4px solid var(--jds-color-primary);
    padding: var(--jds-space-2) var(--jds-space-3);
    border-radius: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}
.posts-title-shkrn > h2 {
    font-size: var(--jds-type-section);
    line-height: var(--jds-leading-heading);
    font-family: var(--jds-font-heading);
    overflow-wrap: anywhere;
    font-weight: 800;
}
.posts-wrapper-slider-shkrn {
    padding: 20px 10px 35px !important;
    width: 100%;
}
.more-button-section-shkrn {
    border-radius: var(--jds-radius-control);
    background: var(--jds-action-background);
    color: var(--jds-action-text);
    min-height: var(--jds-touch-target);
    box-shadow: 2px 4px 8px 0px var(--shkrn-var-main-color-shadow);
    padding: 6px 18px;
    column-gap: 8px;
    font-weight: 600;
    font-size: 15px;
    color: #fff !important;
}
.box-post {
    border-radius: 25px;
    transition: all .15s ease-in-out;
    padding: 10px;
    text-decoration: none;
}
.box-post a {
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-text);
    display: block;
}
.box-post > a > img {
    border-radius: 20px;
    box-shadow: 0px 3px 36px -17px rgba(48.22826086956522, 176.78634215500952, 255, 0.5);
    display: block;
    margin-bottom: 8px;
}
.box-post-title {
    position: relative;
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: 0 4px 18px #bedbf14f;
    border-radius: 20px;
    padding: 15px 20px;
    margin: -15px 8px auto;
    color: var(--shkrn-var-color-light-dark-text);
}
.box-post .box-post-title h2 {
    font-size: 16px;
    text-align: center;
    margin: auto -18px;
}
.box-post .box-post-title .btn-more {
    font-size: 13px;
    font-weight: 500;
    color: var(--shkrn-var-color-light-dark-text);
}
.btn-more-box {
    display: flex;
    justify-content: right;
    flex-direction: row;
    align-items: center;
}
.posts-section-shkrn .box-post-title {
    background: var(--shkrn-var-color-light-dark-high);
}
.main-box-tile-posts-shkrn {
    row-gap: 24px;
    column-gap: 30px;
}
.main-box-tile-posts-shkrn figure {
    display: flex;
}
.main-box-tile-posts-shkrn img {
    width: 100%;
    border-radius: 30px !important;
    box-shadow: 0 12px 50px 10px rgba(61,130,179,.08) !important;
    margin: 0;
}
.first-post-tile-shkrn , .other-posts-tile-shkrn {
    width: 100%;
}
.col-left-tile-shkrn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    margin: 0;
    row-gap: 24px;
    align-items: center;
    height: 100% !important;
    align-self: stretch;
}
.other-posts-tile-shkrn , .first-post-tile-shkrn {
    position: relative;
}
.posts-table-inner-main-shkrn {
    position: absolute;
    z-index: 2;
    right: 5%;
    bottom: 8%;
    padding: 15px 25px;
    width: 62%;
    border-radius: 12px;
    box-shadow: 0 0 46px -5px rgba(44, 44, 44, 0.26);
    color: white;
    backdrop-filter: blur(5px);
    background-color: #ceefff2e;
    transition: all 0.1s ease-in-out;
}
.main-box-tile-posts-shkrn > div svg {
    position: absolute;
    top: 33%;
    right: 40%;
    box-shadow: none;
    border-radius: 50px;
    transition: all 0.1s ease-in-out;
    height: 38%;
    backdrop-filter: blur(3px);
}
.main-box-tile-posts-shkrn a:hover > figure > svg {
    transform: scale(1.1,1.1);
}
.main-box-tile-posts-shkrn a:hover .posts-table-inner-main-shkrn {
    margin: -5px auto 5px;
}
.col-left-tile-shkrn .posts-table-inner-main-shkrn {
    font-size: 11px;
    padding: 7px 14px;
}
@media screen and (max-width: 992px) {
    .main-box-tile-posts-shkrn {
        flex-wrap: wrap;
        flex-direction: column;
    }
    .main-box-tile-posts-shkrn > div {
        width: 100%;
    }
    .posts-table-inner-main-shkrn {
        font-size: 11px;
        padding: 7px 14px;
        width: 85%;
    }
}
.box-article {
    border-radius: var(--jds-radius-card);
    background-color: var(--shkrn-var-color-light-dark-high);
    transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
    padding: var(--jds-card-padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box-article > a {
    color: var(--shkrn-var-color-light-dark-text);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.box-article > a > img, .box-course > a > img {
    border-radius: var(--jds-radius-media);
    width: 100%;
    height: auto;
}
.box-article > a > h2 {
    font-size: var(--jds-type-card-title);
    line-height: var(--jds-leading-heading);
    font-family: var(--jds-font-heading);
    text-align: center;
    padding: 12px 5px;
}
.box-article p {
    padding: 0 12px 5px;
}
.box-article .btn-more {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    display: block;
    text-align: center;
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    padding: 4px;
    margin-top: auto;
    border-radius:var(--jaygah-control-radius,12px);
}
.box-article:hover .btn-more {
    background-color: var(--jds-color-primary);
    color: var(--jds-color-on-primary);
    box-shadow: none;
}
.box-article:hover , .box-course:hover {
    box-shadow: 0px 3px 20px 5px rgba(61, 130, 179, 0.1);
    transform: translateY(-2px);
}
.box-article.swiper-slide , .box-course.swiper-slide {
    height: auto;
}
.slider-item-shkrn {
    display: flex;
}
.image-wrapper-slider-shkrn {
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    border-radius: 35px;
}
.swiper-btn-style-shkrn:not(.swiper-button-disabled) {
    padding: 5px;
    border-radius: var(--jds-radius-control);
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: var(--jds-shadow-sm);
    visibility: visible;
    opacity: 1;
    transition: box-shadow var(--jds-duration-fast) var(--jds-ease);
    height: var(--jds-touch-target);
    min-width: var(--jds-touch-target);
    width: var(--jds-touch-target);
    color: var(--jds-color-text);
}
.posts-wrapper-slider-shkrn:hover .swiper-btn-style-shkrn:not(.swiper-button-disabled) {
    visibility: visible;
    opacity: 1;
}
.swiper-button-next.swiper-btn-style-shkrn {
    left: 5px;
}
.swiper-button-prev.swiper-btn-style-shkrn {
    right: 5px;
}
.swiper-btn-style-shkrn::after {
    font-size: 24px !important;
}
.posts-wrapper-slider-shkrn {
    padding: 20px 10px 35px !important;
}
.posts-wrapper-slider-shkrn .swiper-pagination {
    bottom: -12px !important;
}
@media screen and (max-width: 420px) {
    .posts-section-shkrn {
        padding: 22px 14px;
    }
    .posts-wrapper-slider-shkrn {
        padding: 20px 0px 35px !important;
    }
    .image-wrapper-slider-shkrn {
        border-radius: 20px;
    }
}
.swiper-pagination-bullet-active {
    background: var(--shkrn-var-main-color) !important;
}
/************ Index Styles **********/
/************ 404 Page ************/
.not-found {
    font-size: 15px;
    margin-right: 6%;
}
.bg-404 {
    width: 100%;
    padding: 35px;
}
.error-404 {
    float: right;
    display: flex;
    background-color: #42455E;
    width: 100%;
    padding: 50px 65px;
    border-radius: 35px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.row-404 {
    width: 48%;
    margin: auto;
}
.row-404 h5, .row-404 h2 {
    color: #ffffff;
}
.row-404 h2 {
    font-size: 27px;
    font-weight: 900;
    margin-bottom: 6px;
}
.row-404 h5 {
    font-size: 14px;
    font-weight: 100;
    margin-bottom: 20px;
}
.row-404 .login-button {
    float: right;
}
.error404-text {
    background: url('assets/img/shape.svg')  no-repeat center;
    margin: 13px;
    padding: 185px 0;
    display: flex;
    justify-content: center;
    opacity: 0.7;
    width: 48%;
}
.error404-text h2 {
    font-size: 240px;
    font-family: var(--shkrn-var-font-family);
    margin-right: -25px;
    margin-bottom: -40px;
    font-weight: 900;
    color: #83a5d2;
}
.back-to-home {
    margin: 12px 6px auto auto !important;
}
@media screen and (max-width: 992px) {
    .row-404 {
        width: 100%;
    }
    .error-404 {
        padding: 30px;
    }
    .row-404 .login-button {
        display: block !important;
    }
    .error404-text {
        width: 100%;
        background: none;
        margin: 0px !important;
        padding: 100px 0;
    }
    .error404-text h2 {
        font-size: 125px;
        color: #ffffff;
    }
}
/************ 404 Page ************/
/************ Archive Page ************/
.single-page-shkrn {
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}
.single-page-main-part {
    width: 100%;
}
.single-page-main-part header.woocommerce-products-header {
    display: none;
}
.woocommerce .shkrn-archive-title-desc {
    margin: 30px auto;
}
.breadcrumb-box-shkrn {
    width: 100%;
    background-color: var(--shkrn-var-color-light-dark-middle);
    margin: 25px auto;
    border-radius: 35px;
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    padding: 12px 24px;
    position: relative;
    overflow-x: auto;
    overflow-y: clip;
    justify-content: start;
}
.breadcrumb-box-shkrn > p {
    display: flex;
    justify-content: center;
    min-width: -webkit-max-content;
    min-width: max-content;
}
.breadcrumb-box-shkrn a {
    color: var(--shkrn-var-main-color) !important;
}
.sidebar-single-shkrn {
    flex: 1;
}
.sidebar-box-sticky-shkrn {
    position: sticky;
    z-index: 10;
    top: 20px;
    left: 0;
    list-style: none;
}
.sidebar-box-sticky-shkrn {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
    flex-wrap: nowrap;
}
.shkrn-course-product .sidebar-box-sticky-shkrn {
    display: inherit;
}
.shkrn-box-style-sidebar {
	background-color: var(--shkrn-var-color-light-dark-middle);
    border-radius: 15px;
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    overflow: hidden;
    padding: 0px;
}
.shkrn-box-style-sidebar figure {
    display: flex;
    flex-wrap: wrap;
}
.shkrn-archive-title-desc {
    flex-wrap: wrap;
    padding: 32px 40px;
    border-radius: 30px;
    margin-top: 30px;
    background-color: var(--shkrn-var-color-light-dark-opacity-bg);
    line-height: 2em;
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
.shkrn-archive-title-desc h1 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}
.archive-grid-posts-shkrn .box-article:hover {
    margin-top: 0;
    margin-bottom: 0;
}
.archive-grid-posts-shkrn .box-article {
    background-color: var(--shkrn-var-color-light-dark-middle);
    border: 1px solid var(--shkrn-var-color-light-dark-border);
}
.archive-grid-posts-shkrn {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 35px;
}
.archive-grid-posts-shkrn .product-category a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    border-radius: 25px;
    background-color: var(--shkrn-var-color-light-dark-middle);
    transition: all 0.15s ease-in-out;
    padding: 25px;
    box-shadow: 0px 5px 12px 10px rgba(61, 130, 179, 0.05);
    position: relative;
}
.archive-grid-posts-shkrn .product-category a > img {
    width: 100%;
    border-radius: 15px;
    margin-bottom: 15px;
}
.archive-grid-posts-shkrn .product-category .count {
    text-decoration: none;
    background: none;
    display: none;
}
.shkrn-grid-columns-5 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.shkrn-grid-columns-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
}
.shkrn-grid-columns-3 {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
}
.shkrn-grid-columns-4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}
.shkrn-grid-columns-5 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.shkrn-grid-columns-6 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1200px) {
    .archive-grid-posts-shkrn {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 576px) {
    .archive-grid-posts-shkrn {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 992px) {
    .sidebar-single-shkrn {
        width: 100%;
        margin: auto 15px;
        flex: unset;
    }
    .single-page-main-part {
        width: 100% !important;
    }
}
.pagination {
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px auto;
}
.pagination a {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-opacity-text);
    text-decoration: none;
    padding: 8px 16px;
    border-radius: 10px;
    margin: 0 3px;
}
.pagination a:hover {
    background: var(--shkrn-var-main-color);
    box-shadow: 0 4px 18px var(--shkrn-var-main-color-shadow);
    color: #fff;
}
.pagination span.current {
    background: var(--shkrn-var-main-color);
    box-shadow: 0 4px 18px var(--shkrn-var-main-color-shadow);
    padding: 8px 16px;
    border-radius: 10px;
    color: #fff;
    margin-left: 3px;
}
.woocommerce-pagination a.page-numbers, .woocommerce-pagination span.page-numbers {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-opacity-text);
    text-decoration: none !important;
    padding: 10px 14px !important;
    border-radius: 10px;
    margin: 0 3px !important;
}
.woocommerce-pagination span.page-numbers.current {
    background: var(--shkrn-var-main-color) !important;
    padding: 8px 16px;
    border-radius: 10px;
    color: #fff !important;
    margin-left: 3px;
}
.woocommerce nav.woocommerce-pagination ul li {
    border-left: none;
    padding: 5px;
}
.woocommerce nav.woocommerce-pagination ul {
    border: none;
}
/************ Archive Page ************/
/************ Single Page ************/
.content-single-shkrn {
    width: 100%;
    background-color: var(--shkrn-var-color-light-dark-middle);
    border-radius: 35px;
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    overflow: hidden;
    padding: 25px;
    position: relative;
    font-size: 17px;
    line-height: 1.8;
}
.wp-caption.aligncenter {
	margin: 10px auto;
	max-width: 100% !important;
}
blockquote {
	margin: 20px 30px;
	background: var(--shkrn-var-color-light-dark-opacity-bg);
	color: var(--shkrn-var-color-light-dark-opacity-text);
	padding: 10px 20px;
	border-radius: 15px;
	position: relative;
}
blockquote > p {
  display:inline;
}
blockquote::before {
	content: none !important;
	display: none !important;
}
blockquote::after {
	content: none !important;
	display: none !important;
}
.shkrn-course-lessons-anchor {
    scroll-margin-top: 140px;
}
.page-title-shkrn {
    text-align: center;
}
.post-tags-shkrn {
    gap: 10px;
    flex-wrap: wrap;
    padding: 8px;
}
.tag-item-shkrn {
    background-color: var(--shkrn-var-color-light-dark-opacity-bg);
    padding: 0 10px;
    border-radius: 8px;
    color: var(--shkrn-var-color-light-dark-opacity);
    display: flex;
}
.shkrn-downloady-product .posts-content-shkrn,
.shkrn-course-product .posts-content-shkrn {
	margin-top: 25px;
}
.woo-attrs-shkrn table.shop_attributes td {
	font-style: normal;
}
.post-title-heading1-shkrn {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
}
.post-author-shkrn {
    background-color: var(--shkrn-var-color-light-dark-opacity-bg);
    padding: 25px;
    border-radius: 30px;
    column-gap: 20px;
    flex-wrap: nowrap;
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
.post-author-shkrn .author-desc {
    flex-direction: column;
    align-items: start;
    row-gap: 5px;
}
.post-author-shkrn span {
    font-size: 22px;
    font-weight: 700;
}
.post-thumbnail-image img {
    width: 100%;
    margin-bottom: 15px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    margin-top: 20px;
    border-radius: 12px;
    box-shadow: 0px 0px 21px -20px var(--shkrn-var-main-bg-box-middle);
}
.post-meta-and-picture-box {
    display: flex;
    width: 100%;
    margin: 0 auto 20px;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 12px;
}
.post-meta-and-picture-box .post-meta-boxes {
    display: flex;
    width: 30%;
}
.post-meta-and-picture-box .post-thumbnail-image {
    display: flex;
}
.post-meta-and-picture-box .post-meta-boxes {
    display: flex;
    width: fit-content;
    min-width: 10%;
    background-color: var(--shkrn-var-main-color);
    color: #fff;
    border-radius: 12px;
    padding: 8px 8px;
    font-size: 16px;
    line-height: 1.5;
}
.post-meta-and-picture-box .post-meta-boxes a {
    color: #fff;
}
.post-meta-boxes .icon.icon-tabler.icon-tabler-calendar, .post-meta-boxes .icon.icon-tabler.icon-tabler-folders {
    margin-left: 4px;
    margin-top: -2px;
}
.toc-bound {
    background-color: var(--shkrn-var-color-light-dark-opacity-bg);
    padding: 12px 32px;
    border-radius: 25px;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    margin: 15px auto;
}
.toc-bound .toc {
    list-style: none;
}
.toc-ctr {
    color: var(--shkrn-var-color-light-dark-text);
    font-weight: 800;
    font-size: 19px;
}
ul.toc li a {
    color: var(--shkrn-var-color-light-dark-opacity-text) !important;
}
.posts-content-shkrn li {
    list-style: unset !important;
    margin-right: 15px;
    padding: 2px 0;
}
.video-post-shkrn [poster] {
    object-fit: cover;
}
.video-post-shkrn video {
    direction: ltr;
    margin: 10px auto;
    width: 100%;
    border-radius: 20px;
    max-width: 100%;
}
.audio-post-shkrn audio {
    direction: ltr;
    margin: 10px auto;
    width: 100%;
    border-radius: 20px;
    max-width: 100%;
}
.not-access-video-shkrn {
    height: 450px;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border-radius: 20px;
    flex-wrap: wrap;
    flex-direction: column;
}
.not-access-video-shkrn .title-not-access {
    font-size: 20px;
    font-weight: 700;
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
.go-login-page-not-access {
    background: #fff;
    padding: 4px 17px 5px;
    border-radius: 9px;
    font-weight: 600;
    margin-top: 8px;
    color: var(--shkrn-var-main-color);
}
.item-course-post-shkrn {
    flex-direction: column;
    border-radius: 35px;
    box-shadow: 0 4px 20px -1px var(--shkrn-var-main-color-shadow);
    padding: 15px 25px;
    min-width: 130px;
    font-size: 16px;
    background: var(--shkrn-var-color-light-dark-middle);
}
.name-course-item-shkrn {
    margin-top: 10px;
}
.col-items-course-shkrn {
    flex-wrap: wrap;
    column-gap: 18px;
    justify-content: space-between;
    margin-bottom: 20px;
}
@media only screen and (max-width: 992px){
    .col-items-course-shkrn {
        column-gap: 10px;
        justify-content: center;
        row-gap: 15px;
    }
    .item-course-post-shkrn {
        padding: 15px 15px;
    }
    .post-author-shkrn {
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
}
.before-after-shkrn-post {
    row-gap: 8px;
}
.name-course-item-shkrn {
    font-weight: 600;
}
.before-after-shkrn-post > a {
    padding: 6px 12px;
    border-radius: 9px;
    color: var(--shkrn-var-main-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 8px;
    position: relative;
}
.before-after-shkrn-post > a:before {
    content: '';
    background-color: var(--shkrn-var-main-color);
    width: 100%;
    position: absolute;
    height: 100%;
    border-radius: 9px;
    opacity: 0.1;
}
.not-access-video-shkrn {
    margin-bottom: 20px;
}
.download_btn_class {
    background-color: var(--shkrn-var-main-color);
    border-radius: 10px;
    box-shadow: 0 8px 35px 0 var(--shkrn-var-main-color-shadow);
    width: fit-content !important;
    margin: 25px auto 36px;
    color: #fff !important;
    padding: 5px 30px;
    font-size: 18px;
}
.overlay-set-video-shkrn img {
    margin: 10px auto;
    width: 100%;
    border-radius: 20px;
    max-width: 100%;
}
/************ Single Page ************/
/************ Comments ************/
.comments-box {
    width: 100%;
}
.commentlist.flex {
    flex-direction: column;
    row-gap: 20px;
    margin-top: 27px;
}
:is(#reply-title-shkrn,.comments-area #reply-title) {
    column-gap: 10px;
    line-height: 2em;
}
.comment-item-btns-shkrn a {
    padding: 3px 8px;
    font-size: 12px;
    font-weight: 700;
    color: #fff !important;
    border-radius: 6px;
    background: var(--shkrn-var-main-color);
    box-shadow: 3px 6px 14px var(--shkrn-var-main-color-shadow);
    margin-left: 5px;
}
.comments-box .comment-respond #commentform {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}
.log-out-shkrn-comment-form-btn {
    font-size: 12px;
    font-weight: 700;
    color: red !important;
    margin: 0 6px;
}
#commentform p.comment-form-comment {
    width: 100%;
}
.comments-box .comment-respond label {
    display: block;
    color: var(--shkrn-var-color-light-dark-text);
    padding-bottom: 3px;
}
.comments-box .comment-respond textarea {
    height: 184px;
    line-height: 26px;
    width: 100%;
    outline: 0;
    padding: 11px 10px;
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    -webkit-appearance: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-family: var(--shkrn-var-font-family);
    border-radius:var(--jaygah-control-radius,12px);
    background: var(--shkrn-var-color-light-dark-high);
    color: var(--shkrn-var-color-light-dark-text);
}
.comments-box .form-submit > input {
    width: fit-content;
    padding: 5px 16px;
    font-size: 15px;
    font-weight: 700 !important;
    color: #fff !important;
    border-radius:var(--jaygah-control-radius,12px)!important;
    background-color: var(--shkrn-var-main-color) !important;
    box-shadow: 3px 6px 14px var(--shkrn-var-main-color-shadow);
    border: none !important;
    margin-top: 8px;
    cursor: pointer;
}
#commentform p.comment-form-author, #commentform p.comment-form-email , #commentform p.comment-form-url {
    flex: 0 0 50%;
    padding: 0 15px;
}
#commentform p.comment-form-cookies-consent {
    display: inline-flex;
    flex: 100%;
    column-gap: 6px;
}
.comment-respond input[type="text"] {
    width: 100%;
    outline: 0;
    padding: 11px 10px;
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    border-radius:var(--jaygah-control-radius,12px);
    -webkit-appearance: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    font-family: var(--shkrn-var-font-family);
    background: var(--shkrn-var-color-light-dark-high);
    color: var(--shkrn-var-color-light-dark-text);
}
.comments-box .form-submit {
    width: 100%;
}
.comments-box .comment-notes {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    padding: 8px 15px 6px;
    border-radius: 7px;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    margin: 5px auto 15px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    column-gap: 12px;
    flex-wrap: wrap;
    width: 100%;
}
.comment-shkrn-body {
    flex-direction: row;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    width: 100%;
    border-radius: 22px;
    padding: 16px;
    column-gap: 25px;
    flex-wrap: wrap;
    row-gap: 20px;
    color: var(--shkrn-var-color-light-dark-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rating-start-comment-shkrn {
    position: absolute;
    top: 2px;
    left: 0;
}
.shkrn-product-rate-stars {
    padding: 0 5px 7px;
}
.shkrn-product-rate-stars .star-rating {
    margin: 0 !important;
    overflow: hidden;
}
.shkrn-product-rate-stars .star-rating {
    font-size: 20px;
}
.adminstrator-comment-label, .customer-comment-label {
    background: #43bf32;
    padding: 2px 5px;
    border-radius: 5px;
    margin-right: 4px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
}
.adminstrator-comment-label {
    background: #0096df;
}
.comment-author-shkrn {
    flex-direction: column;
}
.comment-author-shkrn > img {
    border-radius: 20px;
    box-shadow: 0 5px 7px rgba(28,76,156,.1);
    margin-bottom: 7px;
}
.comment-author-name-shkrn {
    font-size: 17px;
    font-weight: 700;
}
.comment-date-shkrn {
    background: var(--shkrn-var-color-light-dark-high);
    padding: 1px 10px;
    border-radius: 7px;
    color: var(--shkrn-var-color-light-dark-text);
    font-size: 12px;
}
.comment-shkrn-body .comment-details {
    flex-direction: column;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    row-gap: 5px;
    position: relative;
}
:not(.depth-1).comment-shkrn-body {
    margin-right: 30px;
}
:not(.depth-1).comment-shkrn-body.odd {
    background: var(--shkrn-var-color-light-dark-middle);
    color: var(--shkrn-var-color-light-dark-text);
}
@media only screen and (max-width: 992px) {
    .comment-item-btns-shkrn {
        display: flex;
        flex-wrap: wrap;
        row-gap: 5px;
    }
}
/************ Comments ************/
/************ Teachers ************/
.teacher-page-shkrn {
    margin-top: 25px;
}
.box-teacher-archive {
    border-radius: 25px;
    background-color: var(--shkrn-var-color-light-dark-middle);
    transition: all 0.15s ease-in-out;
    padding: 25px;
    box-shadow: 0px 5px 12px 10px rgba(61, 130, 179, 0.05);
    position: relative;
}
.box-teacher-archive:hover {
    box-shadow: 0px 12px 30px 5px rgba(61, 130, 179, 0.1);
}
.box-teacher-archive img {
    width: 100%;
    border-radius: 25px;
    height: auto;
}
.box-teacher-archive h2 {
    text-align: center;
    font-weight: 800;
    margin-bottom: -10px;
    color: var(--shkrn-var-color-light-dark-text);
}
.top-box-teacher {
    display: flex;
    width: 100%;
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    margin: 30px auto;
    padding: 35px;
    border-radius: 30px;
    flex-wrap: wrap;
    column-gap: 30px;
    align-items: center;
    justify-content: center;
    row-gap: 20px;
}
.top-box-teacher .teacher-profile > figure {
    display: flex;
}
.top-box-teacher .teacher-profile img {
    border-radius: 25px;
    max-width: 150px;
    height: auto;
    max-height: 150px;
}
.top-box-teacher .box-titles-teacher {
    display: flex;
    flex-direction: column;
}
.top-box-teacher.about-teacher {
    padding-top: 25px;
    flex-direction: column;
    align-items: start;
    row-gap: 7px;
}
.teachers-title {
    display: flex;
    justify-content: start;
    font-size: 19px;
    align-items: center;
    column-gap: 8px;
}
.box-other-teacher .box-socials-teacher {
    display: flex;
    justify-content: right;
    column-gap: 6px;
    margin: 2px auto 0;
}
.top-box-teacher .box-titles-teacher h1 {
    font-size: 30px;
    font-weight: 700;
    display: flex;
    column-gap: 5px;
}
@media only screen and (max-width: 992px) {
    .top-box-teacher.about-teacher {
        padding: 20px 15px;
    }
}
/************ Teachers ************/
/************ Woocommerce ************/
.box-course {
    border-radius: var(--jds-radius-card);
    background-color: var(--shkrn-var-color-light-dark-high);
    transition: box-shadow 0.15s ease-out, transform 0.15s ease-out;
    padding: var(--jds-card-padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 1px solid var(--jds-color-border);
    position: relative;
}
.archive-grid-posts-shkrn .box-course {
    background-color: var(--shkrn-var-color-light-dark-middle);
}
.box-course .course-openner-link-box-shkrn {
    color: var(--shkrn-var-color-light-dark-text);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}
.box-course .course-openner-link-box-shkrn > h2 {
    font-size: var(--jds-type-card-title);
    line-height: var(--jds-leading-heading);
    font-family: var(--jds-font-heading);
    text-align: center;
    padding: 12px 5px 0;
    margin-bottom: auto;
}
.badge-darsad {
    background: var(--shkrn-var-main-color);
    z-index: 5;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 16px;
    position: absolute;
    left: 22px;
    top: 21px;
    text-align: center;
    -webkit-transition: all 0.3s;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 6px 10px 4px;
    border-radius: 8px;
}
.course-item-row-detail .course-teacher-shkrn , .course-item-row-detail .buyers-of-course-shkrn {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.woocommerce > .content-single-shkrn {
    margin: 25px auto;
}
.woocommerce .star-rating {
    float: left;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1;
    font-size: 1em;
    width: 5.4em;
    font-family: star;
    padding: 0;
}
.woocommerce .star-rating,
.woocommerce .star-rating::before,
.woocommerce .star-rating span,
.woocommerce .star-rating span::before {
    font-family: star !important;
    font-style: normal;
    font-weight: normal;
    speak: never;
}
.woocommerce .star-rating span::before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    right: 0;
    color: #f9a134;
    box-shadow: 0 7px 15px #fbb03440;
}
.woocommerce .star-rating span {
    position: absolute;
    top: 0;
    right: 0;
    overflow: hidden;
    padding-top: 1em;
}
.course-item-row-detail {
    justify-content: space-between;
    margin-bottom: 5px;
}
.box-course .course-item-row-detail .price ins, .woo-product-inner .course-item-row-detail .price ins {
    font-size: 14px;
    font-weight: 600;
    border-radius: 9px;
    background-color: var(--shkrn-var-main-color);
    color: #fff;
    padding: 4px;
    text-decoration: none;
}
.box-course .course-item-row-detail .price del, .woo-product-inner .course-item-row-detail .price del {
    padding: 0 8px 0 0;
    text-decoration: none;
    position: relative;
    direction: rtl;
    color: var(--shkrn-var-color-light-dark-text);
    font-size: 15px;
}
.box-course .detail .price > ins > span > bdi {
    color: #fff !important;
}
.box-course .price > del > span > bdi:after, .woo-product-inner .price > del > span > bdi:after {
    width: 100%;
    height: 1px;
    background: #e60000;
    content: '';
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.woocommerce-free-course-list-amount {
    font-size: 14px;
    font-weight: 600;
    border-radius: 9px;
    background-color: var(--shkrn-var-main-color);
    color: #fff;
    padding: 4px 8px;
    text-decoration: none;
}
.btn-more-course-shkrn {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    text-align: center;
    text-decoration: none;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    padding: 4px;
    margin-top: 5px;
    border-radius:var(--jaygah-control-radius,12px);
    display: block;
}
.btn-more-course-shkrn:hover {
    color: #fff;
    background-image: linear-gradient(90deg,#2EB62C,#57C84D);
}
.row-shop-woocommerce-orderby {
    overflow-x: auto;
    padding: 20px 10px;
    margin: -20px auto 0;
}
.title-orderby-shkrn {
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: 0 4px 20px -1px rgba(177, 177, 177, 0.07);
    border-radius: 18px;
    padding: 10px 15px;
    margin-left: 15px;
    font-weight: 600;
    column-gap: 5px;
    white-space: nowrap;
}
.woocommerce-ordering.flex-center {
    column-gap: 10px;
}
.orderby-shkrn {
    background: var(--shkrn-var-color-light-dark-middle);
    box-shadow: 0 4px 20px -1px var(--shkrn-var-main-color-shadow);
    border-radius: 15px;
    padding: 10px 15px;
    border: none;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    color: var(--shkrn-var-color-light-dark-text);
    white-space: nowrap;
}
.orderby-shkrn.active {
    color: var(--shkrn-var-main-color);
}
/* Native commerce notices use the same JDS status contract as in-app notices. */
.woocommerce-error, .woocommerce-info, .woocommerce-message,
:is(.woocommerce-notices-wrapper,.woocommerce) :is(.woocommerce-error,.woocommerce-info,.woocommerce-message) {
    padding: var(--jds-space-4,16px) var(--jds-space-12,48px) var(--jds-space-4,16px) var(--jds-space-5,20px);
    margin: 0 0 var(--jds-space-6,24px);
    position: relative;
    background: color-mix(in srgb,var(--jds-notice-color,var(--shkrn-var-main-color)) 4%,var(--jds-color-surface,#fff));
    color: var(--jds-color-text,var(--shkrn-var-color-light-dark-text));
    border: 1px solid var(--jds-color-border,#dbe3e5);
    border-inline-start: 3px solid var(--jds-notice-color,var(--shkrn-var-main-color));
    list-style: none outside;
    width: auto;
    overflow-wrap: anywhere;
    border-radius: var(--jds-radius-control,12px);
    line-height: var(--jds-leading-body,1.9);
}
.woocommerce-message { --jds-notice-color: var(--jds-color-success,#087f5b); }
.woocommerce-message::before { color: var(--jds-color-success,#087f5b); }
.woocommerce-error { --jds-notice-color: var(--jds-color-danger,#b42338); }
.woocommerce-error::before { color: var(--jds-color-danger,#b42338); }
.woocommerce-info { --jds-notice-color: var(--jds-color-primary,var(--shkrn-var-main-color)); }
.woocommerce-info::before { color: var(--jds-color-accent-text,var(--shkrn-var-main-color)); }

.woocommerce .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--jds-touch-target,44px);
    padding-inline: var(--jds-space-4,16px);
    line-height: var(--jds-leading-heading,1.5);
    border-radius: var(--jds-radius-control,12px);
    background-color: var(--jds-action-start,var(--shkrn-var-main-color));
    color: var(--jds-action-text,#fff);
    margin-inline: var(--jds-space-2,8px);
}
.woocommerce .button:focus-visible { outline: var(--jds-focus-width,2px) solid var(--jds-focus-color,#18343d); outline-offset: var(--jds-focus-offset,3px); }
.woocommerce .button:disabled, .woocommerce .button[aria-disabled=true] { opacity: var(--jds-disabled-opacity,.55); cursor: not-allowed; }

.woocommerce-lost-password .woocommerce .button {
    border-radius: 10px !important;
    background-color: var(--shkrn-var-main-color) !important;
    color: #fff !important;
    margin: 0;
    padding: 10px 22px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
form.woocommerce-ResetPassword.lost_reset_password {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
}
.product-top-header-shkrn {
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 50px;
    box-shadow: 0 4px 20px -1px var(--shkrn-var-main-color-shadow);
    padding: 40px 50px;
    justify-content: space-between;
    column-gap: 30px;
}
.image-left-box-product-shkrn {
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    min-width: 55%;
}
.woocommerce div.product div.images {
    margin-bottom: 0;
    width: 100%;
    height: auto;
}
.product-title-shkrn {
    font-size: 30px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.product-short-desc-shkrn {
    text-align: justify;
    max-width: 465px;
}
.box-btns-price-rate-product-shkrn {
    margin-top: 20px;
}
.rate-seasons-box-row {
    justify-content: space-between;
    column-gap: 20px;
    flex-wrap: wrap;
    row-gap: 15px;
}
@media only screen and (max-width: 992px) {
    .product-top-header-shkrn {
        flex-direction: column;
        row-gap: 25px;
        padding: 25px;
    }
    .rate-seasons-box-row {
        justify-content: center;
    }
    .content-single-shkrn {
        padding: 25px 5px;
    }
}
.btn-show-seasons-shkrn {
    color: var(--shkrn-var-main-color);
    column-gap: 7px;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 8px;
}
.btn-show-seasons-shkrn {
    color: var(--shkrn-var-main-color);
    column-gap: 4px;
    font-size: 15px;
    font-weight: 600;
    padding: 6px 8px;
}
.shkrn-product-rate-stars .woocommerce-product-rating {
    margin-bottom: 5px !important;
}
.shkrn-product-rate-stars {
    padding: 0 5px 7px;
}
.rate-seasons-box-row form.cart {
    margin-bottom: 0 !important;
}
.title-desc-right-box-product-shkrn {
    margin: auto;
}
.addtocart-btn-shkrn {
    background: var(--shkrn-var-main-color);
    padding: 7px 25px;
    border-radius: 10px;
    column-gap: 10px;
    color: #fff !important;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
    margin: auto;
}
.addtocart-btn-shkrn svg {
    fill: #fff;
    height: 25px;
    margin-top: -1px;
}
.addtocart-btn-shkrn {
    background: var(--shkrn-var-main-color);
    padding: 7px 25px;
    border-radius: 10px;
    column-gap: 10px;
    color: #fff !important;
    font-weight: 600;
    font-size: 17px;
    cursor: pointer;
}
.rate-seasons-box-row .variations_form.cart {
    width: 100%;
    margin-top: 15px;
}
.rate-seasons-box-row .single_add_to_cart_button {
    width: 100%;
    float: unset !important;
    padding: 12px 5px !important;
    font-size: 16px !important;
}
.rate-seasons-box-row .variations .value , .rate-seasons-box-row .variations .value select {
    display: flex;
    flex: 1;
}
.rate-seasons-box-row .variations select {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-opacity-text);
    padding: 10px !important;
    border-radius:var(--jaygah-control-radius,12px);
    font-weight: 600;
}
.rate-seasons-box-row .reset_variations {
    margin: auto;
}
.rate-seasons-box-row .variations .label {
    padding: 7px 0 5px;
    text-align: center;
}
.price-product-shkrn .price {
    color: var(--shkrn-var-color-light-dark-text) !important;
    font-weight: 700;
}
.price-product-shkrn bdi , .woocommerce-variation-price bdi {
    font-size: 35px;
}
.price-product-shkrn .woocommerce-Price-currencySymbol , .woocommerce-variation-price .woocommerce-Price-currencySymbol {
    font-size: 14px;
    font-weight: 600;
}
.price-product-shkrn .woocommerce-Price-amount {
    display: flex;
    padding: 3px;
    align-items: center;
    justify-content: center;
}
.woocommerce-variation-price {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}
.rate-seasons-box-row .variations .woocommerce-Price-amount {
    padding: 9px;
    margin-bottom: 4px;
}
.price-product-shkrn {
    position: relative;
    margin: auto;
}
.price-product-shkrn .price del , .price-product-shkrn .price ins {
    text-decoration: none;
}
.price-product-shkrn .price del {
    position: relative;
    display: block;
    width: fit-content;
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
.price-product-shkrn .price del bdi,.price-product-shkrn .woocommerce-Price-currencySymbol {
    font-size: 20px;
}
.price-product-shkrn del::after {
    width: 100%;
    height: 1px;
    background: #e60000;
    content: '';
    position: absolute;
    right: 0;
    top: 46%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
.title-section-shkrn {
    display: flex;
    justify-content: start;
    align-items: center;
    column-gap: 8px;
}
.btn-list-on-product-shkrn {
    background:var(--shkrn-var-color-light-dark-middle);
    width:100%;
    margin:20px 0;
    padding:5px 20px;
    box-shadow:0 4px 20px -1px var(--shkrn-var-main-color-shadow);
    border-radius:50px;
    position:sticky;
    top:17px;
    z-index:999;
    overflow-x: auto;
    overflow-y: clip;
}
.btn-item-on-product-shkrn {
    padding:8px 14px;
    margin:3px
}
.btn-item-on-product-shkrn:is(.active, :hover) {
    color: var(--shkrn-var-main-color);
    border-radius: 10px;
}
.anchor-offset-shkrn {
    padding-top:75px;
    margin-top:-75px
}
.anchor-list-on-product-shkrn .archive-grid-posts-shkrn {
    padding-top: 20px;
}
.btn-item-on-product-shkrn {
    white-space: nowrap;
}
.woocommerce div.toc-bound {
    display: none !important;
}
.single-page-seperator-shkrn .content-shkrn {
    width: 100%;
}
.dig_billing_otp_signup {
    padding: 7px 10px;
    background: var(--shkrn-var-main-color);
    border-radius: 10px;
    color: #fff !important;
    font-weight: 800;
}
@media screen and (max-width: 992px) {
    .single-page-seperator-shkrn .content-shkrn {
        width: 100% !important;
    }
}
.single-page-seperator-shkrn {
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    column-gap: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
}
.single-page-seperator-shkrn .sidebar-box-sticky-shkrn {
    position: sticky;
    z-index: 10;
    top: 20px;
    left: 0;
    background-color: var(--shkrn-var-color-light-dark-middle);
    border-radius: 35px;
    box-shadow: 0px 12px 50px 10px var(--shkrn-var-main-color-shadow);
    overflow: hidden;
    padding: 20px;
    list-style: none;
    width: 100%;
    margin: 20px 0 0;
}
.customer-number-side-shkrn {
    text-align: center;
    width: 100%;
    font-size: 75px;
    font-weight: 600;
    padding-top: 27px;
    padding-bottom: 10px;
    display: block;
}
.customer-text-count-shkrn {
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 15px;
    margin-bottom: 3px;
    display: block;
}
.shkrn-item-feature-dore > svg {
    height: 24px;
    fill: var(--shkrn-var-main-color);
}
.shkrn-item-feature-dore {
    justify-content: space-between;
    padding: 5px 15px;
    margin: 12px auto;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-opacity-text);
    border-radius: 10px;
}
.course-teacher-list {
    display: flex;
    max-height: 175px;
    border-radius: 30px;
    padding: 18px;
    margin: 20px auto 0px;
    box-shadow: 0px 3px 20px -6px rgba(61, 130, 179, 0.1);
    justify-content: space-between;
    column-gap: 15px;
}
.teacher-pic img {
    height: auto;
    max-width: 138px;
    border-radius: 25px;
}
.teacher-about {
    background-color: var(--shkrn-var-color-light-dark-high);
    border-radius: 25px;
    padding: 7px 16px;
    flex: 1;
    align-items: revert;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.teacher-about h5 {
    font-size: 20px;
    font-weight: 800;
    max-height: 30px;
    overflow: hidden;
    margin-bottom: 5px;
}
.teacher-about p {
    max-height: 90px;
    overflow: hidden;
}
.course-teacher-list .teacher-about {
    color: var(--shkrn-var-color-light-dark-text);
}
.box-pishraft-dore {
    width: 100%;
    max-width: 100%;
    padding: 5px 15px 18px !important;
    border-radius: 20px;
    text-align: center;
    background: var(--shkrn-var-color-light-dark-high);
    box-shadow: 0px 8px 37px -13px rgba(61, 130, 179, 0.18);
    display: block;
    margin: 10px auto;
}
.navar-pishraft {
    height: 10px;
    position: relative;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    margin-top: 10px;
    border-radius: 25px;
    direction: ltr;
}
.navar-pishraft > div {
    display: block;
    height: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.navar-pishraft > div::after {
    content: "";
    overflow: hidden;
    background-color: var(--shkrn-var-main-color);
    border-radius: 20px 8px 8px 20px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.box-download-files {
    width: 100%;
    justify-content: space-evenly;
    row-gap: 15px;
    column-gap: 15px;
    padding-top: 10px;
    flex-wrap: wrap;
}
.item-btn-download-shkrn {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-text) !important;
    padding: 3px 15px;
    border-radius: 12px;
    column-gap: 6px;
    flex: 1;
    display: inline-flex;
    white-space: nowrap;
}
.comment-form-rating {
    width: 100%;
    justify-content: start;
    margin-top: 7px;
    margin-bottom: 2px;
}
.comments-box .comment-respond label {
    display: block;
    color: var(--shkrn-var-color-light-dark-text);
    padding-bottom: 3px;
}
.woocommerce #review_form #respond p {
    margin: 0;
}
.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    color: var(--shkrn-var-main-color);
    font-size: 25px;
}
.woocommerce p.stars a::before {
    font-family: WooCommerce !important;
    speak: never;
}
@media screen and (max-width: 620px) {
    .teacher-pic {
        display: none;
    }
}
@media only screen and (max-width: 560px) {
    .rating-start-comment-shkrn {
        position: unset;
        margin: 0 auto auto;
        flex-wrap: wrap;
        row-gap: 10px;
    }
}

/* Keep the course discussion form grid intact after the legacy comment styles. */
.comments-box .jaygah-discussion-form-card .comment-respond #commentform {
    display: grid;
    gap: 14px;
}
.comments-box .jaygah-discussion-form-card #commentform p,
.comments-box .jaygah-discussion-form-card #commentform p.comment-form-author,
.comments-box .jaygah-discussion-form-card #commentform p.comment-form-email,
.comments-box .jaygah-discussion-form-card #commentform p.comment-form-url {
    width: 100%;
    margin: 0;
    padding: 0;
}
.comments-box .jaygah-discussion-form-card #commentform .form-submit {
    width: auto;
    justify-self: start;
}
.comments-box .jaygah-discussion-form-card textarea {
    min-height: 150px;
    height: auto;
}
.top-downloady-box-shkrn {
    width: 100%;
    background-color: var(--shkrn-var-color-light-dark-opacity-bg);
    margin: 0 auto -40px;
    border-radius: 40px 40px 0 0;
    padding: 30px 24px 55px;
    overflow: hidden;
    flex-direction: column;
}
.top-downloady-box-shkrn > h1 {
    font-size: 35px;
    text-align: center;
    font-weight: 800;
    line-height: inherit;
}
.top-downloady-box-shkrn > h3 a {
    font-size: 18px;
    color: var(--shkrn-var-color-light-dark-opacity-text) !important;
    font-weight: 600;
}
.row-product-shkrn {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: var(--shkrn-var-color-light-dark-middle);
    margin: 0 auto 6px auto;
    border-radius: 35px;
    box-shadow: 0 12px 50px 10px rgba(61, 130, 179, .08);
    padding: 23px;
    position: relative;
    justify-content: space-between;
}
.downloady-product-image-shkrn {
    max-width: 65%;
    padding-bottom: 0;
    margin-bottom: 0;
    flex: 0 0 66.6666666667%;
    width: fit-content;
    position: relative;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 20px !important;
    flex-wrap: wrap;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
    max-width: 115px !important;
}
.woocommerce-product-gallery img {
    width: auto;
    height: 100%;
    display: block;
    margin: auto;
    border-radius: 15px;
    max-width: 100%;
}
.woocommerce-product-gallery img:not(.wp-post-image) {
    border: 2px solid var(--shkrn-var-color-light-dark-border);
    border-radius: 20px;
}
.downloady-product-side-shkrn {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    position: relative;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: center;
    display: flex;
    flex-direction: column;
}
.price-and-addtocart-box {
    display: flex;
    flex-wrap: wrap;
}
.price-align-box {
    margin: auto;
    width: 100%;
    padding: 15px 0;
    flex-direction: column;
    row-gap: 5px;
}
.addtocart-btn-product-shkrn {
    margin: auto;
    width: 100%;
}
.woocommerce-variation-add-to-cart {
    display: flex;
}
.addtocart-btn-product-shkrn div.quantity {
    display: none;
}
.addtocart-btn-product-shkrn .button {
    width: 100%;
    font-size: 18px !important;
    color: #fff !important;
    padding: 12px 0 !important;
}
.extra-btn-downloady {
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 17px;
    font-weight: 500;
}
.features-downloady-box-shkrn {
    border-top: 2px solid var(--shkrn-var-color-light-dark-opacity-bg);
}
.dwnldy-features {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    width: 100%;
    padding: 6px 11px;
    font-size: 15px;
    border-bottom: 2px solid var(--shkrn-var-color-light-dark-opacity-bg);
}
.info-box-notices li {
    list-style: disc;
    margin-right: 15px;
}
.product-description {
    line-height: 35px;
    position: relative;
    text-align: justify;
    width: 100%;
}
@media screen and (max-width: 992px) {
    .downloady-product-image-shkrn {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .downloady-product-side-shkrn {
        width: 100%;
        max-width: 100% !important;
        flex: 0 0 100%;
    }
    .row-product-shkrn {
        padding: 16px;
    }
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--shkrn-var-main-color);
}
.widget ol, .widget ul {
    list-style: none;
    margin: 0;
}
.wc-block-product-categories-list li {
    position: relative;
    margin: 0 0 9px;
    font-size: 14px;
    color: #8d8d8d;
    border: 2px solid #d6e0e2;
    border-width: 0 2px 0 0;
    padding: 9px 13px 9px 10px;
    border-radius: 0;
    font-size: 13px;
    line-height: 18px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.wc-block-product-categories-list li:hover {
    background: #f8f9fa;
    padding-right: 17px;
}
.wc-block-product-categories-list-item a {
    font-size: 15px;
}
.sale-counter-course-shkrn {
    margin: 10px auto 25px;
}
.fixed-cartbtn {
    background: #0DC100;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    width: 100% !important;
    right: 0;
    color: #fff !important;
    padding: 10px 15px 9px;
    margin: auto;
    border-radius: 15px 15px 0 0;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fixed-cartbtn svg {
    fill: #fff;
    height: 20px;
    margin-top: -3px;
}

/* Jaygah 5.4 mobile interaction and sticky coordination. */
body {
    overflow-x: clip;
    --jaygah-sticky-top: 0px;
    --jaygah-fixed-bottom: 0px;
}

.shkrn-mobile-menu-box,
.swiper,
.swiper-container {
    max-width: 100%;
}

.fixed-cartbtn {
    min-height: 52px;
    padding-bottom: max(9px, env(safe-area-inset-bottom));
    background: var(--shkrn-var-main-color);
}

body.single-product.has-jaygah-mobile-cta #btn-back-to-top-shkrn,
body.single-product:has(.fixed-cartbtn) #btn-back-to-top-shkrn,
body.has-jaygah-bottom-control #btn-back-to-top-shkrn {
    display: none !important;
}

.woocommerce p.stars {
    display: flex;
    align-items: center;
    min-height: 44px;
}

.woocommerce p.stars a {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-inline: 0;
    font-size: 25px;
    line-height: 44px;
}

.woocommerce #review_form #respond .form-submit input,
.comments-box .comment-reply-link {
    min-height: 44px;
    padding: 9px 16px;
}

@media screen and (max-width: 680px) {
    .btn-list-on-product-shkrn {
        display: flex;
        justify-content: flex-start !important;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        gap: 8px;
        margin-block: 16px;
        padding: 6px 8px;
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scroll-padding-inline: 12px;
        scroll-snap-type: inline proximity;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        top: calc(var(--jaygah-sticky-top) + 8px);
    }

    .btn-list-on-product-shkrn::-webkit-scrollbar {
        display: none;
    }

    .btn-item-on-product-shkrn {
        flex: 0 0 auto;
        min-width: max-content;
        min-height: 44px;
        margin: 0;
        padding: 11px 14px;
        scroll-snap-align: start;
        font-size: 14px;
        line-height: 1.55;
    }

    .btn-item-on-product-shkrn.active {
        background: rgba(var(--shkrn-var-main-color-rgb), .1);
    }

    .single-product:has(.fixed-cartbtn) {
        padding-bottom: calc(var(--jaygah-fixed-bottom,58px) + env(safe-area-inset-bottom));
    }

    .shkrn-menu-mobile-btn,
    .header-icon-shkrn,
    .openner-nav-shkrn {
        min-width: 44px;
        min-height: 44px;
    }
}

/* Jaygah 5.5.2: narrow viewport containment and reliable touch navigation. */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

.shkrn-mobile-menu-box {
    inset: 0;
    width: 100%;
    max-width: 100vw;
    contain: layout paint;
    pointer-events: none;
}

.shkrn-mobile-menu-box.is-open {
    pointer-events: auto;
}

.shkrn-mobile-menu-outside {
    position: absolute;
    inset: 0;
    width: auto;
    max-width: none;
}

.shkrn-mobile-menu-inside {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: min(82vw, 300px);
    max-width: calc(100vw - 44px);
    margin: 0;
    transform: translateX(102%);
}

.shkrn-mobile-menu-box.is-open .shkrn-mobile-menu-inside {
    transform: translateX(0);
}

.swiper,
.swiper-container,
.swiper-wrapper,
.elementor-widget-container {
    min-width: 0;
}

.fixed-cartbtn {
    transition: transform .2s ease, opacity .2s ease, visibility .2s ease;
}

.fixed-cartbtn.is-obscured {
    visibility: hidden;
    opacity: 0;
    transform: translateY(110%);
    pointer-events: none;
}

.woocommerce p.stars {
    flex-flow: row nowrap !important;
    justify-content: flex-start;
    width: max-content;
    max-width: 100%;
    direction: rtl;
}

.woocommerce p.stars a {
    flex: 0 0 44px;
    overflow: visible;
}

@media screen and (max-width: 680px) {
    .btn-list-on-product-shkrn {
        position: sticky;
        -webkit-mask-image: linear-gradient(to left, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
        mask-image: linear-gradient(to left, transparent 0, #000 18px, #000 calc(100% - 18px), transparent 100%);
    }

    .woocommerce .comment-form-rating {
        display: grid;
        gap: 6px;
        justify-items: start;
    }

    .woocommerce p.stars a {
        width: 44px !important;
        min-width: 44px;
        height: 44px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .box-course,.box-article {transition:none!important}
    .box-course:hover,.box-article:hover {transform:none}
    .fixed-cartbtn,
    .shkrn-mobile-menu-inside {
        transition: none !important;
    }
}

/* Jaygah 5.7: adaptive course hero, social proof and readable mobile reviews. */
.jaygah-course-hero{position:relative;overflow:hidden;border:1px solid rgba(var(--shkrn-var-main-color-rgb),.1);background:linear-gradient(145deg,rgba(var(--shkrn-var-main-color-rgb),.08),transparent 48%),var(--shkrn-var-color-light-dark-middle,#fff);box-shadow:0 18px 54px rgba(var(--shkrn-var-main-color-rgb),.09)}
.jaygah-course-hero.is-student{background:linear-gradient(145deg,rgba(var(--shkrn-var-main-color-rgb),.14),transparent 55%),var(--shkrn-var-color-light-dark-middle,#fff)}
.jaygah-course-hero-stats{display:flex;align-items:stretch;flex-wrap:wrap;gap:8px;margin:16px 0}.jaygah-course-hero-stats>span,.jaygah-course-hero-stats>a{display:grid;gap:2px;min-width:112px;padding:9px 12px;border:1px solid rgba(var(--shkrn-var-main-color-rgb),.12);border-radius:12px;background:rgba(255,255,255,.58);color:var(--shkrn-var-color-light-dark-text)}.jaygah-course-hero-stats strong{font-size:16px}.jaygah-course-hero-stats :is(span,a){font-size:12px}
.jaygah-course-hero-progress{display:grid;gap:8px;margin:14px 0;padding:15px;border-radius:16px;background:var(--shkrn-var-color-light-dark-opacity-bg)}.jaygah-course-hero-progress>div:first-child{display:flex;align-items:center;justify-content:space-between}.jaygah-course-hero-progress small{color:#6f7d84}.jaygah-course-hero-progress .jaygah-progress{height:9px;overflow:hidden;border-radius:999px;background:rgba(var(--shkrn-var-main-color-rgb),.15)}.jaygah-course-hero-progress .jaygah-progress span{display:block;height:100%;border-radius:inherit;background:var(--shkrn-var-main-color)}
.jaygah-course-social-proof{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.jaygah-course-social-proof>div:last-child{display:grid;text-align:start}.jaygah-course-social-proof>div:last-child>span{color:#6f7d84;font-size:12px}.jaygah-course-social-avatars{display:flex;direction:ltr}.jaygah-course-social-avatars img{width:36px;height:36px;margin-left:-9px;border:3px solid var(--shkrn-var-color-light-dark-middle);border-radius:50%;object-fit:cover}.jaygah-course-social-avatars img:first-child{margin-left:0}
@media(max-width:680px){.jaygah-course-hero{padding:14px!important;border-radius:22px!important}.jaygah-course-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.jaygah-course-hero-stats>span,.jaygah-course-hero-stats>a{min-width:0;padding:8px;font-size:11px}.jaygah-course-hero-stats strong{font-size:14px}.woocommerce #reviews .commentlist>li,.comments-box .comment{padding:14px!important;border:1px solid rgba(var(--shkrn-var-main-color-rgb),.1);border-radius:16px;background:var(--shkrn-var-color-light-dark-middle);box-shadow:0 8px 24px rgba(var(--shkrn-var-main-color-rgb),.06)}.comment-author-shkrn{display:grid!important;grid-template-columns:44px 1fr;gap:2px 10px!important}.comment-author-shkrn img{grid-row:1/3;width:44px!important;height:44px!important}.comment-author-name-shkrn{font-weight:800}.comment-date-shkrn{color:#6f7d84;font-size:12px}.comment-details{display:flex!important;align-items:stretch!important;flex-direction:column}.comment-details .comment-text{font-size:14px;line-height:1.9}.comment-item-btns-shkrn{order:3}.rating-start-comment-shkrn{order:2;justify-content:flex-start!important;min-height:44px}}
.video-product .wp-video {
    width: 100% !important;
}
.price_slider{
    margin-bottom: 1em;
}
.price_slider_amount {
    text-align: right;
    line-height: 2.4em;
    font-size: 0.8751em;
    display: flex;
    justify-content: space-around;
}
.price_slider_amount .button {
    font-size:1.15em;
}
.price_slider_amount .button {
    background: var(--shkrn-var-main-color);
    border: 0;
    color: var(--shkrn-var-color-light-dark-text);
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 17px;
    font-family: var(--shkrn-var-font-family);
    margin: 10px 0;
    display: block;
}
.price_slider_amount .price_label {
    font-size:14px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 15px;
    height: 15px;
    cursor: pointer;
    background: var(--shkrn-var-main-color);
    border-radius: 50%;
    top: -2px;
}
.ui-slider .ui-slider-handle:last-child {
    margin-left: -1em;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    border-radius: 1em;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
}
.price_slider_wrapper .ui-widget-content {
    border-radius: 1em;
}
.ui-slider-horizontal {
    height:.7em;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: -1px;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: -1px;
}
/************ Woocommerce ************/
/************ Woocommerce Checkout ************/
.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
    width: 100%;
}
.checkout-page-shkrn {
    margin-top: 25px;
}
.checkout-main-part-shkrn {
    width: 70%;
}
.cart-page-title-shkrn {
    margin-bottom: 25px;
    display: flex !important;
    justify-content: start;
    align-items: center;
    column-gap: 8px;
}
.checkout-sticky-sidebar {
    position: sticky;
    z-index: 10;
    top: 25px;
    left: 0;
    box-shadow: 0px 3px 20px 5px rgba(61, 130, 179, 0.1);
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 30px;
    padding: 15px;
    flex-direction: column;
}
.cart-items-checkout-shkrn {
    display: -ms-grid;
    display: grid;
    width: 100%;
    grid-column-gap: 15px;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}
.cart-item-wrapper-shkrn {
    box-shadow: 0px 3px 20px 5px rgba(61, 130, 179, 0.1);
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 30px;
    padding: 15px;
    justify-content: space-between;
    column-gap: 15px;
}
.cart-item-shkrn-url {
    flex: 1;
    justify-content: space-between;
    column-gap: 20px;
    row-gap: 12px;
    color: var(--shkrn-var-color-light-dark-text) !important;
}
.cart-item-shkrn-url span.woocommerce-Price-amount.amount {
    font-size: 27px;
    min-width: 160px;
}
.image-cart-item-shkrn > img {
    border-radius: 18px;
    max-width: 150px;
    height: auto;
}
.name-cart-item-shkrn {
    font-size: 18px;
    font-weight: 700;
}
.remove-item-cart-shkrn {
    display: flex;
    padding: 12px;
}
.price-cart-item-shkrn {
    margin: 0;
}
.woocommerce-checkout-review-order-shkrn .wc_payment_method label:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGNsYXNzPSdpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWNpcmNsZScgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHN0cm9rZS13aWR0aD0nMS41JyBzdHJva2U9JyMwMGIzNDEnIGZpbGw9J25vbmUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggc3Ryb2tlPSdub25lJyBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTEyIDEybS05IDBhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMSAwIC0xOCAwJyAvPjwvc3ZnPg==");
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    margin-bottom: -9px;
}
.woocommerce-checkout-review-order-shkrn .wc_payment_methods input[type="radio"]:checked ~ label::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGNsYXNzPSdpY29uIGljb24tdGFibGVyIGljb24tdGFibGVyLWNpcmNsZS1jaGVjay1maWxsZWQnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0JyBzdHJva2Utd2lkdGg9JzEuNScgc3Ryb2tlPSdjdXJyZW50Q29sb3InIGZpbGw9J25vbmUnIHN0cm9rZS1saW5lY2FwPSdyb3VuZCcgc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCc+PHBhdGggc3Ryb2tlPSdub25lJyBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJy8+PHBhdGggZD0nTTE3IDMuMzRhMTAgMTAgMCAxIDEgLTE0Ljk5NSA4Ljk4NGwtLjAwNSAtLjMyNGwuMDA1IC0uMzI0YTEwIDEwIDAgMCAxIDE0Ljk5NSAtOC4zMzZ6bS0xLjI5MyA1Ljk1M2ExIDEgMCAwIDAgLTEuMzIgLS4wODNsLS4wOTQgLjA4M2wtMy4yOTMgMy4yOTJsLTEuMjkzIC0xLjI5MmwtLjA5NCAtLjA4M2ExIDEgMCAwIDAgLTEuNDAzIDEuNDAzbC4wODMgLjA5NGwyIDJsLjA5NCAuMDgzYTEgMSAwIDAgMCAxLjIyNiAwbC4wOTQgLS4wODNsNCAtNGwuMDgzIC0uMDk0YTEgMSAwIDAgMCAtLjA4MyAtMS4zMnonIHN0cm9rZS13aWR0aD0nMCcgZmlsbD0nIzAwYjM0MScgLz48L3N2Zz4=");    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;
    content: "";
}
.woocommerce-checkout-review-order-shkrn #payment .place-order {
	padding: 0 !important;
	margin: 0 !important;
	flex-direction: column;
}
.swiper-btn-style-shkrn:not(.swiper-button-disabled) {
	padding: 5px;
	border-radius: var(--jds-radius-control);
	background: var(--jds-color-surface);
	box-shadow: var(--jds-shadow-sm);
	visibility: visible;
	opacity: 1;
	transition: box-shadow var(--jds-duration-fast) var(--jds-ease);
	height: var(--jds-touch-target);
	min-width: var(--jds-touch-target);
    width: var(--jds-touch-target);
	color: var(--jds-color-text);
}
.addtocart-btn-product-shkrn form.cart {
	width: 100%;
}
@media screen and (max-width: 992px) {
    .cart-item-shkrn-url {
        flex-wrap: wrap;
    }
    .image-cart-item-shkrn > img {
        border-radius: 12px;
        max-width: 115px;
    }
    .cart-item-shkrn-url {
        justify-content: center;
        text-align: center;
    }
}
.coupon-cart-item-shkrn > form {
	display: flex !important;
	margin: 0 !important;
	padding: 0 !important;
	flex-direction: column;
	border: none !important;
	width: 100%;
}
.coupon-cart-item-shkrn {
	flex-direction: column;
	padding: 15px;
	/* border-top: 1px solid var(--shkrn-var-color-light-dark-border); */
	width: 100%;
	/* border-bottom: 1px solid var(--shkrn-var-color-light-dark-border); */
	margin: 10px auto;
	box-shadow: 0px 3px 20px 5px rgba(61, 130, 179, 0.1);
	background: var(--shkrn-var-color-light-dark-middle);
	border-radius: 30px;
	padding: 15px;
}
.coupon-cart-item-shkrn > label {
    text-align: right;
    width: 100%;
    font-size: 15px;
}
.box-focus-coupon-shkrn {
    width: 100%;
    justify-content: space-between;
    position: relative;
}
.box-focus-coupon-shkrn input {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-opacity-text);
    padding: 16px 14px;
    flex: 1;
    border-radius:var(--jaygah-control-radius,12px);
    transition: 0.2s all ease-in-out;
}
.btn-submit-coupon-shkrn {
    position: absolute;
    left: 11px;
    padding: 7px 10px;
    background: var(--shkrn-var-main-color);
    border-radius:var(--jaygah-control-radius,12px);
    color: #fff !important;
    font-weight: 800;
    cursor: pointer;
}
.box-focus-coupon-shkrn input:focus {
    background: var(--shkrn-var-color-light-dark-high);
    box-shadow: 0px 3px 20px 5px rgba(61, 130, 179, 0.1);
    color: var(--shkrn-var-color-light-dark-text);
}
.active-coupons-box-shkrn {
    text-align: right;
    width: 100%;
    font-size: 15px;
}
.coupon-enable-cart-item-shkrn {
    flex-direction: column;
    width: 100%;
    margin-top: 6px;
}
.order-total-shkrn {
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid var(--shkrn-var-color-light-dark-border);
    padding-bottom: 5px;
}
.order-total-shkrn .woocommerce-Price-amount {
    font-size: 28px;
    font-weight: 800;
    margin: 5px auto;
    display: block;
}
.order-total-shkrn .woocommerce-Price-currencySymbol {
    font-size: 15px;
}
.woocommerce-checkout-review-order-shkrn {
    width: 100%;
    padding-top: 15px;
}
.woocommerce-checkout-review-order-shkrn #payment {
    background: transparent !important;
}
.woocommerce-checkout-review-order-shkrn #payment div.payment_box {
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-text);
    border-radius: 12px;
}
.woocommerce-checkout-review-order-shkrn #payment div.payment_box::before {
    display: none;
}
.woocommerce-checkout-review-order-shkrn .wc_payment_methods > li > label {
    width: 100%;
    display: block;
    text-align: start;
}
.woocommerce-checkout-review-order-shkrn #payment ul.payment_methods {
    border: none;
    padding: 5px;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.woocommerce-checkout #payment ul.payment_methods li {
    box-shadow: 0 0 10px -8px #000;
    border-radius: 15px;
    padding: 15px 15px;
    width: 100%;
}
.slider-product-shkrn .price del::after {
    display: none;
}
.woocommerce-checkout-review-order-shkrn .input-radio {
    display: none;
}
.woocommerce-checkout-review-order-shkrn #payment .place-order #place_order {
    padding: 15px 15px;
    float: unset;
    margin: 0;
    width: 100%;
    font-size: 16px;
    background: var(--shkrn-var-main-color);
    border-radius:var(--jaygah-control-radius,12px)!important;
}
.checkout-fields-checkout-shkrn {
    box-shadow: 0px 3px 20px 5px rgba(61, 130, 179, 0.1);
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 30px;
    padding: 20px;
    margin: 25px auto;
}
.checkout-fields-checkout-shkrn input[type="text"], .checkout-fields-checkout-shkrn input[type="textarea"], .checkout-fields-checkout-shkrn input[type="email"], .checkout-fields-checkout-shkrn input[type="tel"], .checkout-fields-checkout-shkrn input[type="password"], .woocommerce input.input-text:not(#coupon_code), .woocommerce-input-wrapper textarea {
    width: 100%;
    outline: 0;
    border: none;
    padding: 11px 10px;
    -webkit-appearance: none;
    -webkit-transition: all .2s;
    font-family: var(--shkrn-var-font-family);
    border-radius:var(--jaygah-control-radius,12px);
    transition: 0.2s all ease-in-out;
    background-color: var(--shkrn-var-color-light-dark-opacity-bg);
    color: var(--shkrn-var-color-light-dark-text);
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    margin: 1em 0 0 !important;
}
/************ Woocommerce Checkout ************/
/************ Elementor ************/
.search-el-jaygah {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin: auto;
}
.search-el-jaygah > form {
    display: flex;
    width: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    background: white;
    -webkit-box-shadow: 0 3px 10px -2px rgba(60, 95, 131, 0.22);
    box-shadow: 0 3px 10px -2px rgba(60, 95, 131, 0.22);
    border-radius: var(--jaygah-control-radius,12px);
}
.search-el-jaygah > form > button {
    margin: 0 !important;
    background: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0.4rem;
    width: 4rem;
    height: 4rem;
}
.search-el-jaygah > form > label {
    display: flex;
    flex: 1;
    height: 100%;
}
.search-el-jaygah > form > label > input {
    width: 100%;
    font-size: 17px;
    height: 100%;
    padding-right: 25px;
    border-radius:var(--jaygah-control-radius,12px);
    min-height: 60px;
}
.search-el-jaygah > form > label > input:focus-visible {
    -webkit-box-shadow: 0 2px 18px -15px var(--shkrn-var-main-color);
    box-shadow: 0 2px 18px -15px var(--shkrn-var-main-color);
    border-color: var(--shkrn-var-main-color);
}
.step-order-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 100px;
    margin: 10px;
}
.steps-order {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.step-order-item .icon-box-step {
    background: var(--shkrn-var-main-color);
    display: flex;
    width: 100px;
    justify-content: center;
    border-radius: 50%;
    font-size: 50px;
    color: #fff;
    height: 100px;
    margin: auto;
    position: relative;
}
.step-order-item .icon-box-step > i {
    margin: auto;
}
.icon-box-step img {
    width: 50px;
    height: auto;
}
.step-order-item h3 {
    font-weight: 500;
    text-align: center;
    margin-top: 6px;
}
.step-number-box {
    display: flex;
    position: absolute;
    font-family: var(--shkrn-var-font-family);
    font-size: 25px;
    right: 0;
    top: 0;
    background: #fff;
    color: var(--shkrn-var-main-color);
    border-radius: 50%;
    padding: 0px 10px;
}
.sarfasl-box-jaygah {
    position: relative;
    padding: 6px 10px;
    background-color: var(--shkrn-var-color-light-dark-high);
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(110, 134, 216, .1);
    display: flex;
    flex-direction: column;
    width: 100%;
}
.sarfasl-box-chevron-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
    transform: rotate(0deg);
}
.sarfasl-box-jaygah > input:checked ~ .sarfasl-content-box-doroos {
    display: flex;
}
.sarfasl-box-jaygah > input:checked + label .sarfasl-box-chevron-title {
    transform: rotate(180deg);
}
.sarfasl-top-section {
    margin: 0;
    padding: 7px 2px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 5px;
}
.sarfasl-box-subtitle-title {
    display: flex;
    flex: 1;
    flex-direction: column;
    line-height: 1.8;
}
.sarfasl-box-subtitle-title h4 {
    font-weight: 800;
}
.image-sarfasl-top img {
    max-height: 58px !important;
    width: auto;
}
.image-sarfasl-top {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5px 0 9px;
}
.sarfasl-content-box-doroos {
    display: none;
    flex-direction: column;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 6px;
}
.item-doroos-dore-contents {
    border-right: 2px solid var(--shkrn-var-color-light-dark-opacity-bg);
    margin-right: 10px;
    display: flex;
    padding: 12px 15px;
    cursor: pointer;
    transition: background-color .2s ease-out;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}
.item-dars-title-top {
    display: flex;
    flex: 1;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 10px;
}
.icon-item-dars {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.icon-item-dars > i {
    color: var(--shkrn-var-color-light-dark-text);
    font-size: 20px;
    transition: 0.2s all ease-out;
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.item-doroos-dore-contents:hover .icon-item-dars > i {
    padding-right: 15px;
    border-right: 3px solid var(--shkrn-var-main-color) !important;
    color: var(--shkrn-var-main-color) !important;
}
.titles-item-dars span {
    font-size: 16px;
    font-weight: bold;
    line-height: 2;
}
.titles-item-dars {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-right: 5px;
    justify-content: center;
    min-width: 160px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.buttons-item-dars {
    display: flex;
    flex-direction: row;
    column-gap: 5px;
    flex-wrap: wrap;
}
.download-dars-icon {
    background-color: #4ece3d;
    display: flex;
    margin: auto;
    padding: 7px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 38px;
    height: 38px;
}
.download-dars-icon svg {
    stroke: #fff;
    margin-top: -1px;
}
.box-private-public-shkrn {
    display: flex;
    margin: auto;
    padding: 6px 11px;
    height: fit-content;
    color: white;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    align-items: center;
    column-gap: 5px;
}
.box-private-public-shkrn.pubic-dats-item {
    background: var(--shkrn-var-main-color);
}
.box-private-public-shkrn.not-bought-dats-item {
    background: #ff4c4c;
}
.box-private-public-shkrn.bought-dats-item {
    background: #4ece3d;
}
.item-dars-content-bottom {
    border-radius: 15px !important;
    max-height: fit-content;
    overflow: hidden;
    background-color: var(--shkrn-var-main-bg-box-middle);
    flex-direction: column;
    width: 100%;
    padding: 5px 15px;
    font-size: 15px;
    text-align: justify;
    margin-top: 5px;
    display: none;
    transition: 0.3s all ease-in-out;
}
.download-button-course {
    background-color: #4ece3d;
    color: white;
    padding: 1px 15px;
    margin: 5px auto 0;
    display: inline-block;
    border-radius: 15px;
}
@media only screen and (max-width: 800px) {
    .item-doroos-dore-contents {
        margin-right: 2px;
        padding: 12px 5px;
    }
    .item-dars-title-top {
        overflow: hidden;
        flex-wrap: wrap;
    }
    .titles-item-dars {
        padding-right: 0;
        min-width: fit-content;
    }
    .item-doroos-dore-contents:hover .icon-item-dars > i {
        padding-right: 2px;
        border: none !important;
    }
    .box-private-public-shkrn > span {
        display: none;
    }
    .box-private-public-shkrn > i {
        padding: 10px 0;
    }
    .box-private-public-shkrn.pubic-dats-item {
        display: none;
    }
}
/************ Elementor ************/
/* Responsive fixes */
@font-face {
    font-display: swap;
    font-family: 'Abar';
    src: url('assets/css/fonts/Abar/AbarFaNum.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
}
/* Jaygah digital order receipt */
.jaygah-order-confirmation {
    width: min(1120px, calc(100% - 24px));
    margin: 32px auto 60px;
}
.jaygah-order-confirmation .woocommerce-order {
    width: 100%;
}
.jaygah-digital-receipt {
    position: relative;
    overflow: hidden;
    padding: 34px;
    color: var(--shkrn-var-color-light-dark-text);
    background: var(--shkrn-var-color-light-dark-middle);
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    border-radius: 30px;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.08);
    isolation: isolate;
}
.jaygah-digital-receipt::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -130px;
    right: -90px;
    width: 330px;
    height: 330px;
    border-radius: 50%;
    background: var(--shkrn-var-main-color);
    opacity: 0.1;
    filter: blur(3px);
}
.jaygah-receipt-hero {
    display: grid;
    justify-items: center;
    text-align: center;
    max-width: 720px;
    margin: 0 auto 28px;
}
.jaygah-receipt-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 12px;
    color: #fff;
    background: var(--shkrn-var-main-color);
    border-radius: 24px;
    box-shadow: 0 14px 34px color-mix(in srgb, var(--shkrn-var-main-color) 32%, transparent);
    transform: rotate(-4deg);
}
.jaygah-receipt-icon svg {
    transform: rotate(4deg);
}
.jaygah-order-status {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    margin-bottom: 7px;
    padding: 1px 13px;
    color: var(--shkrn-var-main-color);
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border: 1px solid var(--shkrn-var-main-color);
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
}
.jaygah-receipt-hero h1 {
    margin: 0 0 6px;
    color: var(--shkrn-var-color-light-dark-text);
    font-size: clamp(25px, 4vw, 38px);
    line-height: 1.5;
}
.jaygah-receipt-hero p {
    margin: 0;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    font-size: 15px;
}
.jaygah-receipt-meta {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
}
.jaygah-receipt-meta > div {
    min-width: 0;
    padding: 15px 16px;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    border-radius: 17px;
}
.jaygah-receipt-meta .jaygah-receipt-meta-wide {
    grid-column: span 4;
}
.jaygah-receipt-meta dt {
    margin-bottom: 3px;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    font-size: 12px;
}
.jaygah-receipt-meta dd {
    overflow-wrap: anywhere;
    margin: 0;
    color: var(--shkrn-var-color-light-dark-text);
    font-size: 16px;
    font-weight: 800;
}
.jaygah-receipt-meta .amount {
    color: var(--shkrn-var-main-color);
}
.jaygah-receipt-actions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}
.jaygah-order-confirmation .jaygah-receipt-actions .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 50px;
    margin: 0;
    padding: 8px 22px;
    border: 1px solid transparent;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.jaygah-order-confirmation .jaygah-receipt-actions .button:hover,
.jaygah-order-confirmation .jaygah-receipt-actions .button:focus-visible {
    transform: translateY(-2px);
}
.jaygah-order-confirmation .jaygah-receipt-primary,
.jaygah-order-confirmation .jaygah-receipt-primary:hover {
    color: #fff;
    background: var(--shkrn-var-main-color);
    box-shadow: 0 12px 28px color-mix(in srgb, var(--shkrn-var-main-color) 26%, transparent);
}
.jaygah-order-confirmation .jaygah-receipt-secondary,
.jaygah-order-confirmation .jaygah-receipt-secondary:hover {
    color: var(--shkrn-var-color-light-dark-text);
    background: transparent;
    border-color: var(--shkrn-var-color-light-dark-border);
}
.jaygah-receipt-perforation {
    height: 1px;
    margin: 30px -34px 16px;
    border-top: 2px dashed var(--shkrn-var-color-light-dark-border);
}
.jaygah-receipt-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    direction: ltr;
    font-size: 12px;
    letter-spacing: 0.08em;
}
.jaygah-receipt-brand span {
    color: var(--shkrn-var-main-color);
    font-size: 14px;
    font-weight: 900;
}
.jaygah-receipt-brand a {
    color: inherit;
}
.jaygah-digital-receipt.is-failed .jaygah-receipt-icon {
    background: #d94b4b;
    box-shadow: 0 14px 34px rgba(217, 75, 75, 0.24);
}
.jaygah-digital-receipt.is-failed .jaygah-order-status {
    color: #d94b4b;
    border-color: #d94b4b;
}
.jaygah-order-followup {
    display: grid;
    gap: 22px;
    margin-top: 24px;
}
.jaygah-order-confirmation .woocommerce-order-details,
.jaygah-order-confirmation .woocommerce-customer-details,
.jaygah-order-confirmation .woocommerce-order-downloads {
    margin: 0;
    padding: 26px;
    color: var(--shkrn-var-color-light-dark-text);
    background: var(--shkrn-var-color-light-dark-middle);
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    border-radius: 24px;
    box-shadow: 0 14px 45px rgba(0, 0, 0, 0.05);
}
.jaygah-order-confirmation .woocommerce-order-details__title,
.jaygah-order-confirmation .woocommerce-column__title,
.jaygah-order-confirmation .woocommerce-order-downloads__title {
    margin: 0 0 18px;
    color: var(--shkrn-var-color-light-dark-text);
    font-size: 22px;
}
.jaygah-order-confirmation .woocommerce-table--order-details {
    display: block;
    width: 100%;
    margin: 0;
    border: 0;
}
.jaygah-order-confirmation .woocommerce-table--order-details thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
}
.jaygah-order-confirmation .woocommerce-table--order-details tbody {
    display: grid;
    gap: 10px;
}
.jaygah-order-confirmation .woocommerce-table--order-details tbody tr.order_item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    border-radius: 17px;
}
.jaygah-order-confirmation .woocommerce-table--order-details td {
    border: 0;
}
.jaygah-order-confirmation .woocommerce-table--order-details td.product-name {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    padding: 0;
    color: var(--shkrn-var-color-light-dark-text);
}
.jaygah-order-confirmation .jaygah-order-item-thumb {
    grid-row: 1 / span 2;
    width: 68px;
    height: 68px;
    overflow: hidden;
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 13px;
}
.jaygah-order-confirmation .jaygah-order-item-image {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}
.jaygah-order-confirmation .woocommerce-table--order-details td.product-name > a {
    color: var(--shkrn-var-color-light-dark-text);
    font-weight: 800;
}
.jaygah-order-confirmation .woocommerce-table--order-details .product-quantity {
    padding: 1px 9px;
    color: var(--shkrn-var-main-color);
    background: var(--shkrn-var-color-light-dark-middle);
    border-radius: 999px;
    white-space: nowrap;
}
.jaygah-order-confirmation .woocommerce-table--order-details .wc-item-meta {
    grid-column: 2 / -1;
    margin: 0;
    color: var(--shkrn-var-color-light-dark-opacity-text);
    font-size: 12px;
}
.jaygah-order-confirmation .woocommerce-table--order-details td.product-total {
    padding: 0;
    color: var(--shkrn-var-main-color);
    font-weight: 900;
    white-space: nowrap;
}
.jaygah-order-confirmation .woocommerce-table--order-details tbody tr.product-purchase-note {
    display: block;
    margin: 0 10px 8px;
    color: var(--shkrn-var-color-light-dark-opacity-text);
}
.jaygah-order-confirmation .woocommerce-table--order-details tfoot {
    display: grid;
    gap: 3px;
    margin-top: 18px;
    padding-top: 15px;
    border-top: 2px dashed var(--shkrn-var-color-light-dark-border);
}
.jaygah-order-confirmation .woocommerce-table--order-details tfoot tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}
.jaygah-order-confirmation .woocommerce-table--order-details tfoot th,
.jaygah-order-confirmation .woocommerce-table--order-details tfoot td {
    padding: 7px 0;
    border: 0;
    color: var(--shkrn-var-color-light-dark-text);
}
.jaygah-order-confirmation .woocommerce-table--order-details tfoot tr:last-child {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 1px solid var(--shkrn-var-color-light-dark-border);
    font-size: 17px;
    font-weight: 900;
}
.jaygah-order-confirmation .woocommerce-customer-details address {
    margin: 0;
    padding: 18px;
    color: var(--shkrn-var-color-light-dark-text);
    background: var(--shkrn-var-color-light-dark-opacity-bg);
    border: 1px solid var(--shkrn-var-color-light-dark-border);
    border-radius: 17px;
    line-height: 2;
}
.jaygah-order-confirmation .woocommerce-columns--addresses {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}
.jaygah-order-confirmation .woocommerce-columns--addresses::before,
.jaygah-order-confirmation .woocommerce-columns--addresses::after {
    display: none;
}
.jaygah-order-confirmation .woocommerce-columns--addresses .woocommerce-column {
    float: none;
    width: auto;
}

@media only screen and (max-width: 800px) {
    .jaygah-receipt-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .jaygah-receipt-meta .jaygah-receipt-meta-wide {
        grid-column: span 2;
    }
    .jaygah-order-confirmation .woocommerce-columns--addresses {
        grid-template-columns: 1fr;
    }
}
@media only screen and (max-width: 560px) {
    .jaygah-order-confirmation {
        width: calc(100% - 18px);
        margin-top: 22px;
    }
    .jaygah-digital-receipt {
        padding: 24px 16px;
        border-radius: 24px;
    }
    .jaygah-receipt-icon {
        width: 64px;
        height: 64px;
        border-radius: 20px;
    }
    .jaygah-receipt-hero {
        margin-bottom: 20px;
    }
    .jaygah-receipt-hero h1 {
        font-size: 25px;
    }
    .jaygah-receipt-meta {
        gap: 8px;
    }
    .jaygah-receipt-meta > div {
        padding: 12px;
        border-radius: 14px;
    }
    .jaygah-receipt-meta dd {
        font-size: 14px;
    }
    .jaygah-receipt-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .jaygah-order-confirmation .jaygah-receipt-actions .button {
        width: 100%;
    }
    .jaygah-receipt-perforation {
        margin-right: -16px;
        margin-left: -16px;
    }
    .jaygah-order-confirmation .woocommerce-order-details,
    .jaygah-order-confirmation .woocommerce-customer-details,
    .jaygah-order-confirmation .woocommerce-order-downloads {
        padding: 18px 14px;
        border-radius: 20px;
    }
    .jaygah-order-confirmation .woocommerce-table--order-details tbody tr.order_item {
        grid-template-columns: 1fr;
    }
    .jaygah-order-confirmation .woocommerce-table--order-details td.product-name {
        grid-template-columns: 58px minmax(0, 1fr) auto;
    }
    .jaygah-order-confirmation .jaygah-order-item-thumb {
        width: 58px;
        height: 58px;
    }
    .jaygah-order-confirmation .woocommerce-table--order-details td.product-total {
        padding-right: 69px;
    }
}

/* Responsive course-discussion refinements. */
.jaygah-growth-icon {
    display: block;
    width: 38px;
    height: 38px;
    overflow: visible;
}
.jaygah-growth-result .jaygah-growth-icon {
    width: 28px;
    height: 28px;
}
.jaygah-growth-icon .stem,
.jaygah-growth-icon .ground {
    fill: none;
    stroke: #348b4c;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.jaygah-growth-icon .leaf,
.jaygah-growth-icon .crown,
.jaygah-growth-icon .pine {
    fill: #64b96f;
    stroke: #348b4c;
    stroke-width: 2;
    stroke-linejoin: round;
}
.jaygah-growth-icon .pot {
    fill: #d98b5f;
    stroke: #a85f3f;
    stroke-width: 2;
    stroke-linejoin: round;
}
.jaygah-growth-icon .trunk {
    fill: #9c663f;
    stroke: #75482f;
    stroke-width: 2;
    stroke-linejoin: round;
}
.jaygah-growth-icon.level-5 .pine {
    fill: #3d9856;
}
.jaygah-growth-result > span,
.jaygah-growth-rating label > span {
    font-family: "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
}
@media (max-width: 760px) {
    .jaygah-review-sort {
        flex-wrap: wrap;
        overflow: visible;
    }
    .jaygah-growth-rating > div {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 5px;
        overflow: visible;
        padding: 0;
    }
    .jaygah-growth-rating label {
        min-height: 88px;
        padding: 8px 2px !important;
    }
    .jaygah-growth-rating label > span {
        font-size: 22px;
    }
    .jaygah-growth-rating .jaygah-growth-icon {
        width: 27px;
        height: 27px;
    }
    .jaygah-growth-rating label > small {
        font-size: 8px;
    }
}