/*====================================================
GONBAD FIROUZE
Mobile Menu
====================================================*/

.fz-mobile-overlay{

    position:fixed;

    inset:0;

background: rgba(8, 20, 45, .15);

opacity:1;

    visibility:hidden;

    transition:.3s;

    z-index:9990;

}

.fz-mobile-overlay.active{

    opacity:1;

    visibility:visible;

}


/*=========================
Panel
=========================*/

/*=========================
Panel
=========================*/

.fz-mobile-panel{

    position:fixed;

    top:72px;

    right:0;

    width:86%;

    max-width:360px;

    height:calc(100vh - 72px);

    background:var(--color-white);

    overflow-y:auto;

    transform:translateX(100%);

    transition:transform .42s cubic-bezier(.22,.61,.36,1);

    z-index:9996;

    box-shadow:var(--shadow-lg);

    display:block !important;

    visibility:visible !important;

}

.fz-mobile-panel.active{

    transform:translateX(0);

}
.fz-mobile-scroll{

    padding-bottom:0;

}

/*==================================================
MENU LEVEL 1
==================================================*/

.fz-mobile-menu{
    margin:0;
    padding:0;
    list-style:none;
}

.fz-mobile-menu > li{
    border-bottom:1px solid rgba(0,0,0,.06);
}

.fz-mobile-menu > li > a{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:16px 20px;

    background:#fff;
    color:var(--color-secondary);

    text-decoration:none;

    font-size:15px;
    font-weight:600;

    transition:.25s;

}

.fz-mobile-menu > li > a:hover{

    background:var(--color-primary);
    color:#fff;

}


/*==================================================
LEVEL 2
==================================================*/

.fz-mobile-menu > li > .sub-menu{

    display:none;

    margin:0;
    padding:0;

    list-style:none;

    background:var(--color-primary);

}

.fz-mobile-menu > li > .sub-menu > li > a{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:14px 28px;

    color:#fff;
    background:transparent;

    text-decoration:none;

    transition:.25s;

}

.fz-mobile-menu > li > .sub-menu > li > a:hover{

    background:var(--color-orange);

}


/*==================================================
LEVEL 3
==================================================*/

.fz-mobile-menu > li > .sub-menu > li > .sub-menu{

    display:none;

    margin:0;
    padding:0;

    list-style:none;

    background:#fff;

}

.fz-mobile-menu > li > .sub-menu > li > .sub-menu > li > a{

    display:flex;
    align-items:center;
    justify-content:space-between;

    padding:13px 36px;

    color:var(--color-secondary);
    background:#fff;

    text-decoration:none;

    transition:.25s;

}

.fz-mobile-menu > li > .sub-menu > li > .sub-menu > li > a:hover{

    background:rgba(0,162,157,.10);
    color:var(--color-primary);

}

/*=========================
Arrow
=========================*/

.fz-mobile-menu .menu-item-has-children > a{

    position:relative;

    padding-left:40px;

}

.fz-mobile-menu .menu-item-has-children > a::after{

    content:"";

    width:8px;
    height:8px;

    border-left:2px solid var(--color-secondary);
    border-bottom:2px solid var(--color-secondary);

    position:absolute;

    left:18px;
    top:50%;

    transform:translateY(-50%) rotate(45deg);

    transition:all .30s ease;

}

/* هاور */

.fz-mobile-menu > li > a:hover::after{

    border-color:var(--color-white);

}

/* حالت باز */

.fz-mobile-menu .menu-item-has-children.open > a::after{

    transform:translateY(-70%) rotate(-45deg);

}

/* فلش زیرمنوی سطح اول */

.fz-mobile-menu .sub-menu .menu-item-has-children > a::after{

    border-left:2px solid var(--color-white);
    border-bottom:2px solid var(--color-white);

}

/* فلش زیرمنوی سطح دوم */

.fz-mobile-menu .sub-menu .sub-menu .menu-item-has-children > a::after{

    border-left:2px solid var(--color-secondary);
    border-bottom:2px solid var(--color-secondary);

}
/*=========================
Scroll
=========================*/

/*=========================
Custom Scroll
=========================*/

.fz-mobile-scroll{

    scrollbar-width:thin;
    scrollbar-color:var(--color-primary) transparent;

}

.fz-mobile-scroll::-webkit-scrollbar{

    width:5px;

}

.fz-mobile-scroll::-webkit-scrollbar-track{

    background:transparent;

}

.fz-mobile-scroll::-webkit-scrollbar-thumb{

    background:var(--color-primary);

    border-radius:20px;

}

.fz-mobile-scroll::-webkit-scrollbar-thumb:hover{

    background:var(--color-orange);

}
.fz-mobile-panel-inner{
    width:100%;
    height:100%;
}
/* زیرمنو */



/* فقط زیرمنوی سطح دوم سفید شود */

.fz-mobile-panel .sub-menu .sub-menu{

    background:var(--color-white);

}
/* Hover زیرمنوی سطح دوم */

.fz-mobile-panel .sub-menu .sub-menu li a:hover{

    background:rgba(0,162,157,.08);

}

/* خط جداکننده زیرمنوی دوم */

.fz-mobile-panel .sub-menu .sub-menu > li{

    border-bottom:1px solid rgba(0,162,157,.12);

}
.fz-mobile-bottom{

    margin-top:25px;

}
/* =========================
Toolbar Bottom
========================= */

.fz-mobile-panel-inner{



    height:100%;
    height:auto;

}




.fz-mobile-bottom{

    margin-top:0px;

    padding:4px 20px;

    background:var(--color-white);

    border-top:0px solid rgba(0,162,157,.12);

    flex-shrink:0;

}
.fz-mobile-bottom{

    margin-top:50px;

    padding:10px 20px 20px;

    display:flex;

    justify-content:center;

    gap:12px;

}
.fz-mobile-bottom .fz-btn{

    flex:1;

    max-width:145px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

}
/*=========================
Toolbar inside mobile menu
=========================*/



.fz-mobile-menu{

    flex:0 0 auto;

    overflow:visible;

}

.fz-mobile-panel .fz-mobile-toolbar{

    position:relative;

    margin-top:25px;

    display:flex;

    justify-content:center;

    gap:10px;

    padding:20px 16px;

    background:var(--color-white);

    border-top:1px solid rgba(0,162,157,.12);

}

.fz-mobile-panel .fz-mobile-toolbar .fz-btn{

    flex:1;

    max-width:145px;

}
/*=====================================
Sticky Mobile Header
=====================================*/

.fz-mobile-header{

    transition:
        height .35s ease,
        padding .35s ease,
        box-shadow .35s ease,
        background .35s ease;
box-shadow:none;
}

.fz-mobile-header.is-sticky{

    height:72px;

    background:var(--color-white);

    box-shadow:0 8px 25px rgba(0,162,157,.18);

}

/* لوگو */

.fz-mobile-header .fz-mobile-center img{

    transition:all .35s ease;

}

.fz-mobile-header.is-sticky .fz-mobile-center img{

    max-height:52px;

}

/* شعار */

.fz-mobile-header .fz-mobile-left img{

    transition:all .35s ease;

}

.fz-mobile-header.is-sticky .fz-mobile-left img{
    width:65px;
    height:auto;
    max-height:none;
}

/* همبرگری */

.fz-mobile-header .fz-mobile-toggle{

    transition:all .35s ease;

}

.fz-mobile-header.is-sticky .fz-mobile-toggle{

    transform:scale(.92);

}
.fz-mobile-toolbar{
    margin-top:auto;
    flex-shrink:0;
}
/*====================================================
ENGLISH MOBILE MENU
====================================================*/

@media (max-width: 991px) {

	/*
	 * پنل انگلیسی از سمت چپ باز می‌شود.
	 */
	body.english-body .fz-mobile-panel {
		right: auto;
		left: 0;

		transform: translateX(-100%);

		opacity: 0;
		visibility: hidden !important;
		pointer-events: none;
	}

	/*
	 * حالت باز پنل انگلیسی.
	 */
	body.english-body .fz-mobile-panel.active {
		transform: translateX(0);

		opacity: 1;
		visibility: visible !important;
		pointer-events: auto;
	}

	/*
	 * لایهٔ پشت منو در حالت بسته.
	 */
	body.english-body .fz-mobile-overlay {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	/*
	 * لایهٔ پشت منو در حالت باز.
	 */
	body.english-body .fz-mobile-overlay.active {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	/*
	 * جهت متن و زیرمنوهای انگلیسی.
	 */
	body.english-body .fz-mobile-menu,
	body.english-body .fz-mobile-menu .sub-menu {
		direction: ltr;
		text-align: left;
	}

	body.english-body .fz-mobile-menu li > a {
		text-align: left;
	}

	/*
	 * محل فلش زیرمنو در حالت انگلیسی.
	 */
	body.english-body
	.fz-mobile-menu
	.menu-item-has-children > a {
		padding-right: 40px;
		padding-left: 20px;
	}

	body.english-body
	.fz-mobile-menu
	.menu-item-has-children > a::after {
		right: 18px;
		left: auto;
	}
}
/*====================================================
ENGLISH MOBILE SUBMENU ARROWS
====================================================*/

@media (max-width: 991px) {

	body.english-body
	.fz-mobile-menu
	.menu-item-has-children > a::after {
		border: 0;
		border-right: 2px solid currentColor;
		border-bottom: 2px solid currentColor;

		transform:
			translateY(-50%)
			rotate(-45deg);
	}

	body.english-body
	.fz-mobile-menu
	.menu-item-has-children.open > a::after {
		transform:
			translateY(-65%)
			rotate(45deg);
	}
}