/* mobile menu css */
.hidden { overflow: hidden;}
.hamburger-menu { display: none;}
.hamburger { cursor: pointer; padding:0px 0px 0 0; position: relative; display: flex; align-items: center; }
.mobile-menu { float: left; width: 100%; transition: all 0.4s ease; padding: 0px 0px; opacity: 0; visibility: hidden; z-index: 1000; 
position: fixed; top: 48px; height: calc(100% - 58px); }
.mobile-menu.open { opacity: 1; visibility: visible; }
.mobile-nav { float: left; width: 100%; padding-bottom: 25px; border-top: 1px solid #d8d2c4; border-bottom: 1px solid #d8d2c4; }
.mobile-nav ul { display: flex; flex-wrap: wrap; }
.mobile-nav > ul > li { flex: 0 1 100%; }
.mobile-nav > ul > li a { display: block; padding: 8px 20px; text-align: center; position: relative; transition: all 0.4s ease; font-size: 20px; line-height: 24px; color: #101820; font-family: 'Manrope-Medium'; display: flex; align-items: center; justify-content: center;
column-gap: 8px; }
.mobile-nav ul li a span { display: inline-flex; }
.mobile-nav ul li a:hover { color: #9E9E9E; }
.mobile-nav ul li.active > a { color: #9E9E9E; }
.mobile-nav li ul { display: none; padding-bottom: 30px; }
.mobile-nav li ul li a { padding: 6px 20px; font-size: 20px; color: #101820; font-family: 'Manrope-Medium'; }
.mobile-nav li ul li a:hover { color: #9E9E9E; }

/* Arrow for items that have submenu */
.mobile-nav li.has-submenu { border-bottom: 1px solid #d8d2c4; }
.mobile-nav li.has-submenu:nth-child(2) { margin-bottom: 25px;}
.mobile-nav li.has-submenu > a { padding: 24px 20px; }
.mobile-nav li.has-submenu a > span { transition: transform 0.3s ease;}

/* Active parent color */
.mobile-nav li.active > a { color: #9E9E9E;}

/* Active arrow */
.mobile-nav li.active.has-submenu a > span {transform: rotate(90deg);}
.mobile-nav ul li.active span svg path { fill: #9E9E9E; }

.mobile-sub-nav {  float: left; width: 100%; display: none; }
.mobile-sub-nav h2 { color: #ffffff; font-size: 20px; line-height: 26px; margin-bottom: 20px;}
.mobile-sub-nav ul { display: flex; flex-wrap: wrap; row-gap: 12px;}
.mobile-sub-nav ul li { flex: 0 1 100%;}
.mobile-sub-nav ul li a { transition: all 0.4s ease; font-size: 16px; line-height: 24px; color: #ffffff; }
.mobile-sub-nav ul li a:hover { opacity: 0.7;}

.close-menu { margin-bottom: 30px;}
.close-menu a { transition: all 0.4s ease;  color: #ffffff; text-decoration: underline; font-size: 16px; line-height: 24px; position: relative; padding-left: 25px;}
.close-menu a::before { position: absolute; display: block; content: ""; left: 0; top: 6px; background: url(../images/back-arrow.svg) no-repeat 0 0 / cover; width: 16px; height: 10px;}
.close-menu a:hover { opacity: 0.6;}

.sub-menu-content { opacity: 0; visibility: hidden; z-index: 1; height: 100%;background: url("../images/mob-bottom-color-bg.svg") no-repeat top left; background-size: cover; padding: 20px 35px; position: fixed; width: 85%; right: -100%; top: 0; transition: all 0.4s ease;}
.sub-menu-content.menu-open { opacity: 1; visibility: visible; right: 0;}
.show { display: block; }
.top-list.mobile-top-list { border-top: 1px solid rgba(0, 0, 0, 0.2); float: left; width: 100%; margin-top: 40px; padding: 40px 0;}
.top-list.mobile-top-list ul { row-gap: 20px;}
.top-list.mobile-top-list ul li { flex: 1 1 100%;}
.top-list.mobile-top-list ul li a { font-size: 14px; line-height: 20px; transition: all 0.4s ease; padding: 0;}
.top-list.mobile-top-list ul li a:hover { color: #000000;}
.top-list.mobile-top-list ul li a::after { display: none;}

.ftr-scl-links.mobile-social { background: #ffffff; float: left; width: 100%; padding: 30px 0; border-top: 1px solid rgba(0, 0, 0, 0.2); margin-top: 30px;}
.ftr-scl-links.mobile-social ul { justify-content: center; width: 100%;}
img.close-nav-menu { display: none;}
.hamburger.active img.nav-menu { display: none;}
.hamburger.active img.close-nav-menu { display: block;}

.menu-inn { background: #F7F4E8; height: calc(100vh - 55px); overflow-y: auto; padding: 50px 0px; border-radius: 0px 0px 5px 5px;}

.mobile-lang { float: left; width: 100%; padding: 20px 0px; display: flex; align-items: center; justify-content: center; }
.mobile-lang a { color: #9E9E9E; font-size: 20px; font-family: 'Manrope-Medium';  display: flex; align-items: center; justify-content: center; column-gap: 10px; transition: all 0.4s ease;}
.mobile-lang a:hover { opacity: 0.7; }
.mobile-search { float: left; width: 100%; display: flex; align-items: center; justify-content: center; column-gap: 10px; display: flex; align-items: center; justify-content: center; }
.mobile-search a { color: #9E9E9E; font-size: 20px; font-family: 'Manrope-Medium';  display: flex; align-items: center; justify-content: center; column-gap: 10px; transition: all 0.4s ease;}
.mobile-search a:hover { opacity: 0.7; }