.afb-menu.afb-menu--vertical-left-hover {
	--afb-menu-link-color: currentcolor;
	--afb-menu-submenu-bg: #ffffff;
	--afb-menu-submenu-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	--afb-menu-submenu-min-width: 500px;
	--afb-menu-submenu-gap: 0;

	position: relative;
}

.afb-menu__list {
	list-style: none;
	margin: 0;
	padding: 0;

	display: flex;
	flex-direction: column;
}
.afb-menu__submenu{padding:1.5rem;}
.afb-menu.afb-menu--vertical-left-hover{max-width:fit-content;}
.fs-block-popover__popover {
    background: #0000008f;
    border: none;
    height: 100%;
    inset: 0;
    isolation: isolate;
    margin: 0;
    overflow-x: clip;
    position: fixed;
    width: 100%;
    z-index: 9999;
}
.chay1pc{position: absolute!important;
        width: 21.5625rem;
        left: 13.23%;
        top: 30.43%;}
.hoasen{position: absolute!important;
        left: 30.23%;
        top: 0;}
.chaisen{position: absolute!important;
        left: 30.23%;
        top: 0;}
.canhsen{position: absolute!important;
        left: 30.23%;
        top: 0;}
.batdauchay{height:100vh;}	
@media (max-width: 600px) {
.batdauchay{height:450px;}
.hoasen{position: absolute!important;
        left: 5.23%;
        top: 0;}
.chaisen{position: absolute!important;
        left: 10.23%;
        top: 0;}
.canhsen{position: absolute!important;
        left: 10.23%;
        top: 0;}	
		
		
}
@media (width: 820px) {	
.hoasen{position: absolute!important;
        left: 5.23%;
        top: 0;}
.chaisen{position: absolute!important;
        left: 10.23%;
        top: 0;}
.canhsen{position: absolute!important;
        left: 10.23%;
        top: 0;}
.chay1pc{left:5%!important;}
.chay2{position: absolute;
    width: 18rem;
    right: 11.67%;
    bottom: 10.81%!important;}
    .fs-c38a5aad, .fs-ae15f7ab{
        background: #f67490;
        padding-top: 2rem!important;
        padding-inline:2rem!important;
        padding-bottom: 2rem!important;
        --fs-span: 6;
    }	
	.fs-ba9f6147,.fs-2f88baa6 {
        color: var(--wp--preset--color--background);
        font-size: 1.63rem!important;
        line-height: 1.12;
    }
    .fs-66bd58f9,.fs-c1be74ff {
        color: var(--wp--preset--color--background);
        font-size: 3rem!important;
        line-height: 1.12;
    }
}
.afb-menu__list > *{
    display: block;
    width: 100%;
    background: transparent;
    padding: 8px 12px;
    border-radius: 4px;
    transition: all 0.25s ease;
    will-change: transform, background;
}

.afb-menu__list > *:hover{
    background: #dddddd57;
    padding-left: 16px;
    transform: translateX(4px);
}
.afb-menu__item {
	position: relative;
}

.afb-menu__link {
	color: var(--afb-menu-link-color);
	display: flex;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
	padding: 0.5rem 0;
}

.afb-menu__submenu {
	list-style: none;
	margin: 0;
	padding: 0;

	position: absolute;
	top: 0;
	left: 100%;
	right: auto;

	min-width: var(--afb-menu-submenu-min-width);
	max-width: calc(100vw - 1rem);

	background: var(--afb-menu-submenu-bg);
	box-shadow: var(--afb-menu-submenu-shadow);

	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(10px);
	transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
padding:1.5rem;

	z-index: 9999;
}

.afb-menu__item:hover > .afb-menu__submenu,
.afb-menu__item:focus-within > .afb-menu__submenu {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}

html[dir='rtl'] .afb-menu__submenu {
	/* Keep visual placement on the right side. */
	left: 100%;
	right: auto;
}

/* Make submenu always visible in admin/editor for easier editing. */
body.wp-admin .afb-menu__submenu {
	position: relative;
	top: auto;
	right: auto;
	left: auto;
	min-width: 0;
	max-width: none;

	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: none;
	box-shadow: none;
	background: transparent;
}