/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Description: Twenty Twenty-One Child Theme
Author: the WordPress team
Author URI: https://wordpress.org/
Template: twentytwentyone
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentychild
Tags:two-columns, left-sidebar, right-sidebar, light, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
*/
/* .menu-area{
	display: none;
} */
.header-menu-area{
    position: fixed;
    right: 0px;
    top: -100%;
	width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    padding: 80px 40px 30px;
    z-index: 999;
    overflow-y: scroll;
    overflow-x: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
	display: flex;
	justify-content: center;
}
.header-menu-area.active {
    top: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.menu-area ul{
	list-style: none;
	padding: 0px;	
}
.menu-area > ul {
    display: flex;
/*     justify-content: space-between;
    gap: 40px; */
}
.menu-area > ul > li{
	border-right: 1px solid rgba(17, 17, 17, 0.05);
	margin-right: 1.875rem;
/* 	padding-right: 1.875rem; */
	min-width: 231px;
}
.menu-area > ul > li:last-child{
	margin-right: 0px;
	padding-right: 0px;
	border-right: 0px;
	min-width: 124px;
}
.menu-area ul li a {
	font-size: 16px;
    font-weight: 400;
    color: #111;	
	font-family: "Roboto", sans-serif;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.menu-area > ul > li > ul > li a:hover{
	color: #569c4a;
}
.menu-area > ul > li > a{
	font-family: "Roboto", sans-serif;
	 font-size: 1.25rem;
    font-weight: bold;
    color: #111;
	display: block;
	margin-bottom: 15px;
}
.menu-area > ul > li > a span:hover{
	/*color: #569c4a;*/
	cursor: default;
}
.menu-image-title-below.menu-image-not-hovered span{
	text-align: left !important;
}
.menu-image-title-below.menu-image-not-hovered img{
    width: 130px !important;
    margin-left: 0px !important;
	padding-bottom: 0px;
	cursor: default;
}
.menu-area > ul > li > ul > li > ul{
	display: none;
}

.menu-area > ul > li > ul > li > ul.active {
    display: block;
	padding-left: 10px;
}
.menu-area > ul > li > ul > li{
	position: relative;
	margin-bottom: 10px;
}
.menu-area > ul > li > ul > li > ul > li{
	margin-bottom: 5px;
}
.menu-area > ul > li > ul > li.menu-item-has-children:after{
    position: absolute;
    content: '';
    right: 9px;
    top: 5px;
    background-image: url(/wp-content/uploads/2025/12/down-arrow.png);
    width: 28px;
    height: 17px;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
	z-index: -1;
}
.menu-area > ul > li > ul > li.menu-item-has-children.active:after{
    transform: rotate(180deg);
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
.header-menu-area .close-icon{
	font-size: 65px;
}
.header-menu-area .close-icon i:hover{
	color: #111;
}
@media(max-width:1700px) {
	.menu-area > ul > li {
		border-right: 1px solid rgba(17, 17, 17, 0.05);
		min-width: 220px;
		margin-left: 0px;
		margin-right: 30px;
		padding-right: 10px;
	}
}
@media(max-width:1499px) {
	.menu-area > ul > li {
		min-width: 190px;
	}
}
@media(max-width:1339px) {
	.menu-area > ul > li {
		min-width: 174px;
	}
	.menu-area ul li a {
		font-size: 14px;
	}
	.menu-area > ul > li > a {
       font-size: 16px;
	}
}
@media(max-width:1299px) {
	.menu-area > ul > li {
		min-width: 174px;
	}
}
.slidebar-video-area{
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}
.slidebar-video-area.slide-down{
	bottom:-100%;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}