.c-shadow,.sub-menu{box-shadow:0 0 3px rgba(0,0,0,.15)}


.sub-menu,button.relative ul{top:50px;transition:.3s;opacity:0;visibility:hidden}




.cats {
    margin-bottom: 24px;
}


.image-wrapper {
    flex-shrink: 0; /* جلوگیری از تغییر اندازه تصویر */
    width: 64px;
    height: 64px;
}

.image-fixed {
    width: 100%;
    height: 100%;
    object-fit: cover; /* اطمینان از نمایش مناسب تصویر */
    border-radius: 0.5rem; /* معادل کلاس rounded-lg */
}

.text-content {
    flex-grow: 1; /* متن فضای باقی‌مانده را پر می‌کند */
}



.img-size {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 0.5rem;
}




.main-color a {
    color: #283841; /* رنگ متن سفید */
    text-decoration: none; /* حذف خط زیر لینک */
    padding: 5px 10px; /* فضای داخلی لینک */
}
    .main-color a:hover {
        background-color: #283841;
        color: white; /* رنگ برای حالت هاور */

    }




    @font-face{font-family:IRANSansX;font-style:normal;font-weight:200;src:url('../fonts/woff/IRANSansX-Regular.woff') format('woff'),url('../fonts/woff2/IRANSansX-Regular.woff2') format('woff2')}@font-face{font-family:IRANSansX;font-style:normal;font-weight:700;src:url('../fonts/woff/IRANSansX-Bold.woff') format('woff'),url('../fonts/woff2/IRANSansX-Bold.woff2') format('woff2')}:root{--main-color:#283841}body{font-family:IRANSansX!important}.awesome::after,.awesome::before{font-family:"Font Awesome 5 pro";margin:0 5px}.sub-menu{display:flex;flex-direction:column;background:#fff;width:200px;padding:12px 20px;position:absolute;right:0}.box-shadow,.custom-shadow{box-shadow:0 20px 32px #0d183417}.sub-menu li{margin-bottom:16px;color:#838383;font-size:15px;font-weight:400}.sub-menu li:last-child{margin-bottom:0!important}.menu li:hover>.sub-menu{top:35px;display:flex;opacity:1;visibility:visible}.menu li:has(.sub-menu)>a::after{content:"\f078"!important;font-family:"Font Awesome 5 pro";font-size:10px;color:#838383}button.relative:hover ul{visibility:visible;opacity:1;top:2.5rem}#box_three,#box_two,#mobile_menu,.accordion-item div:last-child,.mobile-submenu,.open_menu .fa-chevron-down,.open_menu_three .fa-chevron-down,.open_menu_two .fa-chevron-down,.sub-cat>div{display:none}.mobile-menu li:has(.mobile-submenu)>a:after{content:"\f104"!important;font-family:"Font Awesome 5 pro";font-size:17px;color:#838383}.mobile-menu a{width:100%;display:flex;justify-content:space-between}.owl-dot span{width:30px!important;height:3px!important}.owl-dot.active span{color:var(--main-color)}.box-shadow:hover h6,.box-shadow:hover i,.box-shadow:hover p,.percent{color:#fff}.box-shadow{transition:.2s}.box-shadow:hover{background:var(--main-color);transform:rotate(3deg)}footer{--tw-shadow:0 4px 6px 5px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.courses-carousel div div.rounded-lg,.rel_product div div.rounded-lg{box-shadow:0 -5px 20px #0d183417}.progress{padding:0;width:100%;height:30px;overflow:hidden;background:#e5e5e5;border-radius:6px}.bar{position:relative;float:left;min-width:1%;height:100%;background:var(--main-color)}.percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-family:tahoma,arial,helvetica;font-size:12px}.min-show::after{content:"\f068"!important}.product_content h2,.product_content h3,.product_content h4,.product_content h5{padding:23px 0 8px}