/*
Theme Name: Flatsome Child
Description: این قالب نسخه چایلد از قالب فلتسام می باشد. توجه داشته باشید این نسخه از قالب به ندرت آپدیت می شود و بر روی سایت تان تنها کافی است نسخه اصلی قالب را بروزرسانی کنید.
Author: ایران
Template: flatsome
Version: 1.0
*/

/* اضافه کردن Tailwind CSS کامپایل‌شده */
@import url("tailwind.min.css");

.font-yekanbakh{
    font-family: yekanbakh !important;
}

@font-face {
    font-family: 'yekanbakh';
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/woff/YekanBakhFaNum-Regular.woff') format('woff'),
    url('./fonts/woff2/YekanBakhFaNum-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'yekanbakh';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/woff/YekanBakhFaNum-SemiBold.woff') format('woff'),
    url('./fonts/woff2/YekanBakhFaNum-SemiBold.woff2') format('woff2');
}
body {
    font-family: 'yekanbakh', sans-serif;
}

html,body{
    overflow-x:hidden !important;
}

*,
*:before,
*:after {
    box-sizing: border-box !important;
}

.margin-top-header-fixed {
    margin-top: 140px;
}

.swiper-container{
    max-width: 100%;
    overflow: hidden;
}

.seo_box_home,.seo_box_home p {
    font-size: 14px !important;
    line-height: 2.6;
    text-align: justify;
}
/* جلوگیری از مشکل فول‌اسکرین شدن */
.home-swiper-container {
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.home-swiper-container .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    font-size: 15px !important;
    color: white !important;
}


.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrowbk_next {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #7f7f7f87;
    z-index: 10;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.arrowbk_prev {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 50px;
    height: 50px;
    background-color: #7f7f7f87;
    z-index: 10;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.arrowbk_next svg,.arrowbk_prev svg{
    width: 47px;
    height: 47px;
}




.products-home-bk .product-card{
    border-radius: 10px;
    background-color: white;
    box-shadow: 0 0px 13px 0 rgb(0 0 0 / 21%);
}


.product-pricing {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    height: 82px;
}

/* موقعیت‌دهی درست دکمه‌های ناوبری */
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-button-next {
    right: 10px;
}

.swiper-button-prev {
    left: 10px;
}

/* جلوگیری از پایین رفتن بولت‌ها */
.swiper-pagination {
    position: absolute !important;
    bottom: 15px !important;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 100% !important;
    display: flex !important;
}



/*  Menu hamberger  */

#main-menu {
    min-height: 50px;
}

.menu-transition {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, background-color 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
}

.menu-open {
    transform: translateX(0);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 999;
}

.menu-closed {
    transform: translateX(105%);
    opacity: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 999;
}



/*  Menu hamberger  */

.menu-transition {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out, background-color 0.5s ease-in-out, backdrop-filter 0.5s ease-in-out;
}

.menu-open {
    transform: translateX(0);
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(5px);
    z-index: 999;
}

.menu-closed {
    transform: translateX(105%);
    opacity: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 999;
}


/* Custom CSS for line clamp */


.nav-bottom-karimian {
    display: none;
}

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.readmorehome p {
    color: #2e2e2e;
    font-size: 13px;
    line-height: 2.2;
}


.seo_box_home p {
    font-size: 14px;
    line-height: 2.1;
    font-family: 'yekanbakh';
    text-align: justify;
    color: black;
}
.seo_box_home a {
    color: #1236c3;
}
.seo_box_home h2 {
    font-size: 17px;
    font-weight: bold;
    line-height: 1.8;
}

.seo_box_home h3 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
}

div#megaMenuBox {
    margin-right:0px;
    width: 81.5%;
}

@media (max-width: 768px) {



    .form_search_box{
        position: fixed !important;
        left: 0 !important;
        width: 100% !important;
        top:82px !important;
        background-color: white;
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: solid 1px #d3d3d3;
    }



    .mega_menu_main{
        width: 15%;
    }
    .mob_grid1 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 25px !important;
    }
    .margin-top-header-fixed{
        margin-top: 160px !important;
        padding-left: 4%;
        padding-right: 4%;

    }
    .hidemobilebk {
        display: none !important;
    }

    .hidden {
        display: none;
    }



    .container_mobk {
        padding-right: 6% !important;
        padding-left: 6% !important;
    }

    .container-p0bk {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .border-none-mob{
        border:none !important;
    }
    .item_mega_menubk {
        padding-right: 12px;
        border-bottom: solid 1px #e9e9e978;
        font-weight: 300;
        font-size: 11px;
        padding-top: 8px;
        padding-bottom: 8px;
    }







}


@media (max-width:1024px) and (orientation: landscape) {
    .form_search_box{
        position: fixed !important;
        left: 0 !important;
        width: 100% !important;
        top:82px !important;
        background-color: white;
        padding-top: 4px;
        padding-bottom: 4px;
        border-bottom: solid 1px #d3d3d3;
        padding-right: 3%;
        padding-left: 3%;
    }

}