.elementor-916 .elementor-element.elementor-element-22dd2a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-916 .elementor-element.elementor-element-dbb10d2{--display:flex;}.elementor-916 .elementor-element.elementor-element-97d386b{text-align:start;}.elementor-916 .elementor-element.elementor-element-70d2945{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-916 .elementor-element.elementor-element-6dff9e1 .cart button, .elementor-916 .elementor-element.elementor-element-6dff9e1 .cart .button{border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;background-color:var( --e-global-color-d0b87f4 );transition:all 0.2s;}.elementor-916 .elementor-element.elementor-element-6dff9e1{--view-cart-spacing:0px;}.elementor-916 .elementor-element.elementor-element-6dff9e1 .quantity .qty{border-radius:10px 10px 10px 10px;transition:all 0.2s;}.elementor-916 .elementor-element.elementor-element-0cab41f{--display:flex;--min-height:0px;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-916 .elementor-element.elementor-element-0cab41f:not(.elementor-motion-effects-element-type-background), .elementor-916 .elementor-element.elementor-element-0cab41f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-916 .elementor-element.elementor-element-1df9ef9 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-916 .elementor-element.elementor-element-1df9ef9 img{width:100%;height:500px;border-radius:40px 40px 40px 40px;}.elementor-916 .elementor-element.elementor-element-1541165{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-916 .elementor-element.elementor-element-c7a189f{--display:flex;--min-height:0px;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-916 .elementor-element.elementor-element-c7a189f:not(.elementor-motion-effects-element-type-background), .elementor-916 .elementor-element.elementor-element-c7a189f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-916 .elementor-element.elementor-element-a980cc1 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-916 .elementor-element.elementor-element-a980cc1 img{width:100%;height:500px;border-radius:40px 40px 40px 40px;}.elementor-916 .elementor-element.elementor-element-51a70d3{--display:flex;}.elementor-916 .elementor-element.elementor-element-008dca3{text-align:start;}.elementor-916 .elementor-element.elementor-element-7aa1991{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-916 .elementor-element.elementor-element-8576027 .cart button, .elementor-916 .elementor-element.elementor-element-8576027 .cart .button{border-radius:10px 10px 10px 10px;padding:20px 20px 20px 20px;background-color:var( --e-global-color-d0b87f4 );transition:all 0.2s;}.elementor-916 .elementor-element.elementor-element-8576027{--view-cart-spacing:0px;}.elementor-916 .elementor-element.elementor-element-8576027 .quantity .qty{border-radius:10px 10px 10px 10px;transition:all 0.2s;}.elementor-916 .elementor-element.elementor-element-bdf5444{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-916 .elementor-element.elementor-element-821c049{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-916 .elementor-element.elementor-element-767f4da > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-916 .elementor-element.elementor-element-bb16cdd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-916 .elementor-element.elementor-element-f5cc463{--display:flex;}.elementor-916 .elementor-element.elementor-element-a238d6a{--display:flex;}/* Start custom CSS for html, class: .elementor-element-0327779 *//* کانتینر والد برای قرارگیری کنار هم */
/* کانتینر والد بَج‌ها (چیدمان از راست و ترازبندی عمودی در مرکز) */
.ms-course-badges-wrapper {
    display: flex;
    align-items: center;      /* ترازبندی عمودی در مرکز */
    justify-content: flex-start; /* چسبیدن به سمت راست (در محیط RTL) */
    gap: 10px;               /* فاصله بین دو بج */
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* استایل یکدست برای تمام بج‌ها */
.ms-course-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    padding: 8px 18px;
    background: #FFF3E8; /* تم نارنجی ملایم */
    color: #F78400; /* رنگ نارنجی اصلی */
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    border: 1px solid rgba(247, 132, 0, 0.15);
    box-shadow: 0 2px 8px rgba(247, 132, 0, 0.06);
}

/* نقطه چراغی/دایره داخل بج‌ها */
.ms-course-badge span {
    width: 8px;
    height: 8px;
    background-color: #F78400;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 3px rgba(247, 132, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-97d386b */.ms-course-title h1 {
    font-size: clamp(28px, 4vw, 48px); /* فونت هوشمند: در موبایل کوچک و در دسکتاپ بزرگ می‌شود */
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -0.03em;
    color: #0f172a; /* مشکی نیلی بسیار مدرن‌تر از مشکی خالص (#111) */
    margin: 0 0 16px 0;
    
    /* سایه متنی بسیار نرم برای ایجاد برجستگی ۳ بعدی */
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    
    /* افکت ترنزیشن نرم برای هاور احتمالی */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* اگر بخشی از عنوانت رو توی تگ <span> یا <mark> بذاری، این گرادینت فوق‌العاده میشه */
.ms-course-title h1 span {
    background: linear-gradient(135deg, #F78400 0%, #FFAC42 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9ced76c */.ms-course-desc{

    font-size:18px;

    line-height:2;

    color:#666;

    max-width:520px;

}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-332296e */.ms-course-price{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}


.ms-course-price .price{
    margin:0;
    display:flex;
    align-items:center;
    gap:8px;
}


.ms-course-price .woocommerce-Price-amount{

    font-size:42px;
    font-weight:900;
    color:#A38A00;
    line-height:1;

}


.ms-course-price .woocommerce-Price-currencySymbol{

    font-size:20px;
    font-weight:700;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-adf6c5c */.ms-guarantee{

    color:#666;

    font-size:14px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-70d2945 */.ms-course-action{

    margin-top:20px;

    padding:24px;

    background:#FAFAFA;

    border:1px solid #ECECEC;

    border-radius:24px;

    display:flex;

    flex-direction:column;

    gap:18px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cab41f */.ms-course-image-box {
    position: relative;
    background: #ffffff;
    padding: 0 !important; /* حذف پدینگ کانتینر */
    overflow: hidden; /* برش گوشه‌های اضافه عکس */
    border-radius: 35px;
    
    /* پر کردن کامل عرض و ارتفاع */
    width: 100% !important;
    height: 100%;
    margin: 0 !important; /* حذف مارجین‌های ناخواسته */
    
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.03),
        0 30px 60px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* هاله نور پس‌زمینه */
.ms-course-image-box::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: #F78400;
    opacity: 0.25; 
    filter: blur(70px); 
    border-radius: 50%; 
    right: -40px;
    bottom: -40px;
    z-index: 1;
    pointer-events: none; 
}

.ms-course-image-box img {
    position: relative;
    z-index: 2;
    border-radius: 0;
    
    /* پوشش کامل از چپ، راست، بالا و پایین */
    width: 100% !important;
    height: 100% !important;
    max-width: none !important; /* جلوگیری از محدودیت عرض عکس */
    object-fit: cover; /* پر کردن کادر بدون دفرمه شدن */
    display: block;
    
    transition: transform 0.4s ease;
}

/* افکت هاور */
.ms-course-image-box:hover {
    transform: translateY(-8px); 
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.05),
        0 40px 80px rgba(247, 132, 0, 0.12); 
}

.ms-course-image-box:hover img {
    transform: scale(1.01);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22dd2a6 */.ms-course-hero{

    position:relative;

    padding:10px 0;

    overflow:hidden;

    background:
    radial-gradient(
        circle at 10% 20%,
        rgba(247,132,0,.10),
        transparent 35%
    );

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7a189f */.ms-course-image-box {
    position: relative;
    background: #ffffff;
    padding: 0 !important; /* حذف پدینگ کانتینر */
    overflow: hidden; /* برش گوشه‌های اضافه عکس */
    border-radius: 35px;
    
    /* پر کردن کامل عرض و ارتفاع */
    width: 100% !important;
    height: 100%;
    margin: 0 !important; /* حذف مارجین‌های ناخواسته */
    
    display: flex;
    align-items: center;
    justify-content: center;

    box-shadow: 
        0 10px 30px rgba(0, 0, 0, 0.03),
        0 30px 60px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.03);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), 
                box-shadow 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* هاله نور پس‌زمینه */
.ms-course-image-box::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    background: #F78400;
    opacity: 0.25; 
    filter: blur(70px); 
    border-radius: 50%; 
    right: -40px;
    bottom: -40px;
    z-index: 1;
    pointer-events: none; 
}

.ms-course-image-box img {
    position: relative;
    z-index: 2;
    border-radius: 0;
    
    /* پوشش کامل از چپ، راست، بالا و پایین */
    width: 100% !important;
    height: 100% !important;
    max-width: none !important; /* جلوگیری از محدودیت عرض عکس */
    object-fit: cover; /* پر کردن کادر بدون دفرمه شدن */
    display: block;
    
    transition: transform 0.4s ease;
}

/* افکت هاور */
.ms-course-image-box:hover {
    transform: translateY(-8px); 
    box-shadow: 
        0 20px 40px rgba(0, 0, 0, 0.05),
        0 40px 80px rgba(247, 132, 0, 0.12); 
}

.ms-course-image-box:hover img {
    transform: scale(1.01);
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-008dca3 */.ms-course-title h1 {
    font-size: clamp(28px, 4vw, 48px); /* فونت هوشمند: در موبایل کوچک و در دسکتاپ بزرگ می‌شود */
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: -0.03em;
    color: #0f172a; /* مشکی نیلی بسیار مدرن‌تر از مشکی خالص (#111) */
    margin: 0 0 16px 0;
    
    /* سایه متنی بسیار نرم برای ایجاد برجستگی ۳ بعدی */
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    
    /* افکت ترنزیشن نرم برای هاور احتمالی */
    transition: color 0.3s ease, transform 0.3s ease;
}

/* اگر بخشی از عنوانت رو توی تگ <span> یا <mark> بذاری، این گرادینت فوق‌العاده میشه */
.ms-course-title h1 span {
    background: linear-gradient(135deg, #F78400 0%, #FFAC42 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6dd2a2 *//* کانتینر والد برای قرارگیری کنار هم */
/* کانتینر والد بَج‌ها (چیدمان از راست و ترازبندی عمودی در مرکز) */
.ms-course-badges-wrapper {
    display: flex;
    align-items: center;      /* ترازبندی عمودی در مرکز */
    justify-content: flex-start; /* چسبیدن به سمت راست (در محیط RTL) */
    gap: 10px;               /* فاصله بین دو بج */
    flex-wrap: wrap;
    margin-bottom: 16px;
}

/* استایل یکدست برای تمام بج‌ها */
.ms-course-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: max-content;
    padding: 8px 18px;
    background: #FFF3E8; /* تم نارنجی ملایم */
    color: #F78400; /* رنگ نارنجی اصلی */
    font-size: 14px;
    font-weight: 700;
    border-radius: 50px;
    border: 1px solid rgba(247, 132, 0, 0.15);
    box-shadow: 0 2px 8px rgba(247, 132, 0, 0.06);
}

/* نقطه چراغی/دایره داخل بج‌ها */
.ms-course-badge span {
    width: 8px;
    height: 8px;
    background-color: #F78400;
    border-radius: 50%;
    display: inline-block;
    box-shadow: 0 0 0 3px rgba(247, 132, 0, 0.2);
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-f750553 */.ms-course-desc{

    font-size:18px;

    line-height:2;

    color:#666;

    max-width:520px;

}/* End custom CSS */
/* Start custom CSS for woocommerce-product-price, class: .elementor-element-72947af */.ms-course-price{


    font-size:36px;

    font-weight:900;

    color:#111;


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-924ab13 */.ms-guarantee{

    color:#666;

    font-size:14px;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7aa1991 */.ms-course-action {
    margin-top: 20px;
    padding: 10px 14px; /* پدینگ ظریف‌تر */
    background: #FAFAFA; /* پس‌زمینه خیلی ملایم و مات */
    border-radius: 18px; /* انحنای مدرن و استاندارد */
    border: 1px solid #F0F0F0; /* خط دور بسیار کمرنگ */
    
    /* چیدمان مرتب در یک خط */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* بخش قیمت */
.ms-course-price {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.ms-course-price-amount {
    font-size: 17px;
    font-weight: 800;
    color: #1D1D1F; /* مشکی تمیز اپل */
    letter-spacing: -0.5px;
}

.ms-course-price-unit {
    font-size: 11px;
    color: #86868B;
    font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5fe5869 *//* =========================
 COURSE FEATURES SIMPLE PRO
========================= */


.ms-course-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

    margin:40px 0;

}



/* CARD */

.ms-feature{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px;

    background:#fff;

    border:1px solid #ECECEC;

    border-radius:18px;

    transition:.35s ease;

    position:relative;

    overflow:hidden;

}



.ms-feature:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(0,0,0,.08);

}



/* ICON */

.ms-feature .icon{

    width:48px;

    height:48px;

    min-width:48px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:14px;

    background:#FFF5EA;

    color:#F78400;

    font-size:20px;

}



.ms-feature .icon svg{

    width:24px;

    height:24px;

    fill:none;

    stroke:currentColor;

    stroke-width:2;

    stroke-linecap:round;

    stroke-linejoin:round;

}



/* CONTENT */

.ms-feature .content{

    display:flex;

    flex-direction:column;

    gap:3px;

}



.ms-feature strong{

    font-size:12px;

    font-weight:700;

    color:#888;

}



.ms-feature span{

    font-size:14px;

    font-weight:900;

    color:#171717;

}



/* MOBILE */

@media(max-width:767px){


.ms-course-features{

    grid-template-columns:1fr;

}


.ms-feature{

    padding:14px;

}


}

/* =========================
 FEATURE ICON COLORS
========================= */


/* کارت اول */

.ms-feature:nth-child(1) .icon{

    color:#3B82F6;

    background:#EEF5FF;

}



/* کارت دوم */

.ms-feature:nth-child(2) .icon{

    color:#10B981;

    background:#ECFDF5;

}



/* کارت سوم */

.ms-feature:nth-child(3) .icon{

    color:#8B5CF6;

    background:#F5F0FF;

}



/* اگر کارت چهارم داشتیم */

.ms-feature:nth-child(4) .icon{

    color:#F78400;

    background:#FFF5EA;

}



/* Glow داخل آیکن */

.ms-feature .icon{

    position:relative;

    overflow:hidden;

}



.ms-feature .icon::after{

    content:"";

    position:absolute;

    inset:7px;

    border-radius:50%;

    background:currentColor;

    opacity:.12;

    filter:blur(12px);

}



.ms-feature .icon svg{

    position:relative;

    z-index:2;

}



/* Hover آیکن */

.ms-feature:hover .icon{

    transform:scale(1.08) rotate(-6deg);

    transition:.3s ease;

}

@media(max-width:767px){

    .ms-feature .icon{

        display:flex !important;

        align-items:center;

        justify-content:center;

        visibility:visible !important;

        opacity:1 !important;

    }


    .ms-feature .icon svg{

        display:block !important;

        width:22px !important;

        height:22px !important;

        opacity:1 !important;

        visibility:visible !important;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1541165 */.ms-course-hero{

    position:relative;

    padding:10px 0;

    overflow:hidden;

    background:
    radial-gradient(
        circle at 10% 20%,
        rgba(247,132,0,.10),
        transparent 35%
    );

}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-5db95cf *//*====================================================
          TECHNICLAND - MINIMAL REVIEWS
====================================================*/

/* ---------- Wrapper ---------- */

.woocommerce-tabs{

    margin-top:70px;

}

/* ---------- Tabs ---------- */

.woocommerce-tabs ul.tabs{

    display:flex;

    justify-content:flex-start;

    border:none!important;

    margin:0 0 35px!important;

    padding:0!important;

    gap:18px;

}

.woocommerce-tabs ul.tabs::before{

    display:none!important;

}

.woocommerce-tabs ul.tabs li{

    background:transparent!important;

    border:none!important;

    margin:0!important;

    padding:0!important;

    border-radius:0!important;

}

.woocommerce-tabs ul.tabs li::before,
.woocommerce-tabs ul.tabs li::after{

    display:none!important;

}

.woocommerce-tabs ul.tabs li a{

    padding:0 0 12px!important;

    color:#999!important;

    font-size:15px;

    font-weight:600;

    transition:.3s;

}

.woocommerce-tabs ul.tabs li.active a{

    color:#111!important;

}

.woocommerce-tabs ul.tabs li.active{

    border-bottom:2px solid #F78400!important;

}

.woocommerce-tabs ul.tabs li:hover a{

    color:#111!important;

}

/* ---------- Panel ---------- */

.woocommerce-Tabs-panel{

    background:#fff;

    border:1px solid #ECECEC;

    border-radius:30px;

    padding:45px;

    box-shadow:0 10px 35px rgba(0,0,0,.04);

}

/* ---------- Title ---------- */

.woocommerce-Reviews-title{

    margin:0 0 35px;

    text-align:center;

    font-size:30px;

    font-weight:700;

    color:#111;

}

/* ---------- Empty ---------- */

.woocommerce-noreviews{

    text-align:center;

    color:#777;

    font-size:15px;

    padding:28px;

    border:1px solid #ECECEC;

    border-radius:18px;

    background:#FAFAFA;

    margin-bottom:35px;

}

/* ---------- Labels ---------- */

.comment-form label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

    color:#222;

}

/* ---------- Select ---------- */

.comment-form-rating select{

    width:100%;

    height:54px;

    border:1px solid #ECECEC;

    border-radius:16px;

    background:#fff;

    padding:0 16px;

    transition:.25s;
    
    margin-bottom: 20px;

}

.comment-form-rating select:focus{

    outline:none;

    border-color:#F78400;

}

/* ---------- Textarea ---------- */

.comment-form textarea{

    width:100%;

    min-height:180px;

    border:1px solid #ECECEC;

    border-radius:18px;

    padding:18px;

    background:#fff;

    resize:vertical;

    transition:.25s;

    font-family:inherit;

}

.comment-form textarea:focus{

    outline:none;

    border-color:#F78400;

}

/* ---------- Inputs ---------- */

.comment-form input[type=text],
.comment-form input[type=email]{

    width:100%;

    height:54px;

    border:1px solid #ECECEC;

    border-radius:16px;

    padding:0 16px;

    transition:.25s;

}

.comment-form input[type=text]:focus,
.comment-form input[type=email]:focus{

    outline:none;

    border-color:#F78400;

}

/* ---------- Submit ---------- */

.form-submit{

    margin-top:28px;

}

#submit{

    background:#F78400!important;

    color:#fff!important;

    border:none!important;

    border-radius:14px!important;

    padding:14px 34px!important;

    font-weight:600;

    transition:.25s;

}

#submit:hover{

    background:#EA7600!important;

    transform:translateY(-2px);

}

/* ---------- Reviews ---------- */

.woocommerce-Reviews ol.commentlist{

    list-style:none;

    margin:0 0 40px!important;

    padding:0!important;

}

.woocommerce-Reviews ol.commentlist li{

    margin-bottom:22px!important;

}

.woocommerce-Reviews .comment_container{

    background:#fff;

    border:1px solid #ECECEC;

    border-radius:22px;

    padding:24px!important;

    transition:.3s;

}

.woocommerce-Reviews .comment_container:hover{

    border-color:#E3E3E3;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

}

.woocommerce-Reviews img.avatar{

    width:54px!important;

    height:54px!important;

    border-radius:50%!important;

    border:none!important;

}

.woocommerce-review__author{

    color:#111;

    font-size:16px;

    font-weight:700;

}

.woocommerce-review__published-date{

    color:#999;

    font-size:13px;

}

.description{

    color:#666;

    line-height:2;

    margin-top:14px;

}

.star-rating{

    margin-top:8px;

}

.star-rating span::before{

    color:#F78400!important;

}

/* ---------- Mobile ---------- */

@media(max-width:767px){

.woocommerce-Tabs-panel{

padding:28px;

}

.woocommerce-tabs ul.tabs{

justify-content:center;

}

.woocommerce-Reviews-title{

font-size:24px;

}

}





/* Fix WooCommerce review overlay */

.woocommerce-tabs,
.woocommerce-Tabs-panel,
#reviews,
#review_form_wrapper,
#review_form,
.comment-respond,
.comment-form{

    position:relative;

    overflow:visible!important;

}


.comment-form-rating,
.comment-form-comment,
.form-submit{

    position:relative;

    z-index:2;

}/* End custom CSS */
/* Start custom CSS *//* =========================
   MOBILE HERO
========================= */


@media(max-width:768px){

    .ms-course-hero{

        flex-direction:column;

        gap:40px;

    }


    .ms-course-image-box,
    .ms-course-content-box{

        width:100%;

    }


    .ms-course-title h1{

        font-size:34px;

    }


    .ms-course-action{

        flex-direction:column;

        gap:20px;

    }

}




/* =========================
   COURSE ACTION
========================= */


.ms-course-action .variations{

    width:100%;

    margin:0;

}



.ms-course-action .variations tr{

    display:flex;

    flex-direction:column;

    gap:12px;

}



.ms-course-action .variations th.label{

    padding:0;

    text-align:right;

}



.ms-course-action .variations th.label label{

    font-size:15px;

    font-weight:800;

    color:#171717;

}



/* =========================
   SELECT WRAPPER
========================= */


.ms-course-action .variations td.value{

    position:relative;

    width:100%;

    padding:0;

    background:transparent!important;

}



/* =========================
   PREMIUM GLASS SELECT
========================= */


.ms-course-action select[data-attribute_name]{


    width:100% !important;


    height:62px !important;


    padding:0 24px !important;


    border-radius:24px !important;


    border:1px solid rgba(255,255,255,.8) !important;


    background:

    linear-gradient(
        135deg,
        rgba(255,255,255,.95),
        rgba(255,248,235,.75)
    ) !important;


    backdrop-filter:blur(16px);

    -webkit-backdrop-filter:blur(16px);


    color:#222 !important;


    font-size:15px !important;


    font-weight:700 !important;


    cursor:pointer;


    transition:.35s ease;


    box-shadow:

    0 12px 35px rgba(0,0,0,.06),

    inset 0 1px 0 rgba(255,255,255,.9);


}



/* حذف فلش سفارشی */

.ms-course-action .variations td.value:after{

    display:none!important;

    content:none!important;

}



/* Hover */


.ms-course-action select[data-attribute_name]:hover{


    border-color:#F78400 !important;


    background:

    linear-gradient(
        135deg,
        #ffffff,
        #fff4e5
    ) !important;


    box-shadow:

    0 15px 40px rgba(247,132,0,.18),

    inset 0 1px 0 rgba(255,255,255,.9);


}



/* Focus */


.ms-course-action select[data-attribute_name]:focus{


    outline:none!important;


    border-color:#F78400!important;


    background:

    linear-gradient(
        135deg,
        #ffffff,
        #fff6e8
    ) !important;


    box-shadow:

    0 0 0 5px rgba(247,132,0,.15),

    0 18px 45px rgba(247,132,0,.20);


}



/* Options */


.ms-course-action select[data-attribute_name] option{

    background:#fffaf2;

    color:#222;

    font-weight:700;

}



/* =========================
   HIDE VARIATION PRICE
========================= */


.ms-course-action .woocommerce-variation-price{

    display:none!important;

}



/* =========================
   REMOVE RESET
========================= */


.ms-course-action .variations .reset_variations{

    display:none!important;

    visibility:hidden!important;

}



/* =========================
   CART ROW
========================= */


.ms-course-action .woocommerce-variation-add-to-cart{


    display:flex;

    gap:14px;

    width:100%;

    align-items:center;


}



/* =========================
   QUANTITY
========================= */


.ms-course-action .quantity{

    width:110px;

}



.ms-course-action .quantity .qty{


    width:100%;


    height:62px;


    border-radius:20px;


    border:1px solid #E8E3D5;


    background:#fff;


    color:#222;


    text-align:center;


    font-size:18px;


    font-weight:800;


    transition:.3s;


}



.ms-course-action .quantity .qty:hover{

    border-color:#F78400;

}



.ms-course-action .quantity .qty:focus{


    outline:none;


    border-color:#F78400;


    box-shadow:

    0 0 0 5px rgba(247,132,0,.12);


}




/* =========================
   ADD TO CART
========================= */


.ms-course-action .single_add_to_cart_button{


    flex:1;


    height:62px;


    border-radius:20px;


    border:none;


    background:

    linear-gradient(
        135deg,
        #F78400,
        #D96500
    );


    color:#fff;


    font-size:16px;


    font-weight:900;


    transition:.35s;


    box-shadow:

    0 12px 25px rgba(247,132,0,.25);


}



.ms-course-action .single_add_to_cart_button:hover{


    transform:translateY(-4px);


    box-shadow:

    0 18px 35px rgba(247,132,0,.35);


}




/* =========================
   MOBILE CART
========================= */


@media(max-width:767px){


    .ms-course-action .woocommerce-variation-add-to-cart{

        gap:10px;

    }


    .ms-course-action .quantity{

        width:90px;

    }


    .ms-course-action .variations td.value select,
    .ms-course-action .quantity .qty,
    .ms-course-action .single_add_to_cart_button{

        height:56px;

    }

}


.woocommerce div.product form.cart .variations th {
    background-color: #7979790d;
    border: 1px solid #f784002e;
    border-radius: 20px;
    padding: 10px;
}/* End custom CSS */