:root {
	--bg-C4FF7D:#C4FF7D;
	--bg-fff:#fff;
	--bg-switch-212121:#212121;
	--bg-2A2A2A:#2A2A2A;
	--bg-tarea-F6F6F6:#F6F6F6;
	--bg-opt-C4FF7D:#C4FF7D;
	--bg-cont-C9C0F5:#C9C0F5;
	
	--menu-hover-bg-2A2A2A:#2A2A2A;
	--font-color-C4FF7D:#C4FF7D; 
	--font-color-2A2A2A:#2A2A2A;
	--font-color-717171:#717171;
	--font-color-262626:#262626;
	--font-menu-color-262626:#262626;
	--font-hover-menu-color-262626:#C4FF7D;
	
	--border-color-262626:#262626;
	--border-switch-color-262626:#262626;
	--a-tag-F99A8A:#F99A8A;
	--text-color-white:#fff;
	
	/*new*/
	--site-bg-FFF:#fff;
	--sec-bg-FFF:#fff;
	
	--font-heading-191919:#191919; 
	--font-color-191919:#191919;
	--font-color-080E0F:#080E0F;
	--font-color-sub-080E0F:#080E0F;
	--font-color-auth-name-080E0F:#080E0F;
	--font-color-sec-content-717171:#717171;
	--font-color-565454:#565454;
	--font-color-tarea-777777:#777777;
	
	--sec-border-color-080E0F:#080E0F;
	--border-color-191919:#191919;
	--border-color-080E0F:#080E0F;
	--border-color-EEEEEE:#EEEEEE;
	--phn-box-author-color-9E9E9E:#9E9E9E;
}
[data-theme="dark"] {
	--bg-C4FF7D:#C4FF7D;
	--bg-fff:#fff;
	--bg-switch-212121:#212121;
	--bg-2A2A2A:#fff;
	--bg-tarea-F6F6F6:#FFFFFF0D;
	--bg-opt-FFFFFF1A:#FFFFFF1A;
	--bg-cont-C9C0F5:#2C2C2C;
	
	--menu-hover-bg-2A2A2A:#2A2A2A;
	--font-color-C4FF7D:#C4FF7D;
	--font-color-2A2A2A:#fff;
	--font-color-717171:#fff;
	--font-menu-color-262626:#262626;
	--font-hover-menu-color-262626:#C4FF7D;
	--font-color-262626:#fff;
	--border-color-262626:#fff;
	--border-switch-color-262626:#262626;
	--a-tag-F99A8A:#C4FF7D;
	--text-color-white:#fff;
	
	--border-575757:#575757;
	
	/*new*/
	--site-bg-FFF:#212121;
	--sec-bg-FFF:#2C2C2C;
	
	--font-heading-191919:#E1FFBD; 
	--font-color-191919:#fff;
	--font-color-080E0F:#fff;
	--font-color-sub-080E0F:#C4FF7D;
	--font-color-auth-name-080E0F:#9E9E9E;
	--font-color-sec-content-717171:#C5C5C5;
	--font-color-565454:#000;
	--font-color-tarea-777777:#dddddd;
	
	--sec-border-color-080E0F:#2C2C2C;
	--border-color-191919:#575757;
	--border-color-080E0F:#212121;
	--border-color-EEEEEE:#212121;
	--phn-box-author-color-9E9E9E:#9E9E9E;
}

*{ -webkit-box-sizing: border-box; box-sizing: border-box; }
body { margin:0; padding:0; }
a, a:hover { text-decoration:none; }

.mb-0{margin-bottom:0px !important;}


.footer-newsletter-footer .wpcf7-list-item label {
    display: flex;
    margin-bottom: 10px;
    gap: 5px;
    align-items: center;
}

.footer-newsletter-footer .wpcf7-list-item label input { width: max-content; }
.newsletter-footer-wapper p span{ margin-left: 0; }

/* toggle switch btn css start */
.g-toggle-btn { margin: 0; display:flex; align-items:center; gap:8px; }
.g-toggle-btn span {
	font-family: Inter;
	font-weight: 500;
	font-size: 12px;
	line-height: 100%;
	color: var(--font-menu-color-262626);
}
.theme-switch-wrapper { display: flex; align-items: center; }
.theme-switch {
	display: inline-block;
	height: 20px;
	position: relative;
	width: 40px;
	margin-bottom: 0;
}
.theme-switch input { display: none; }
.g-slider {
	background-color: var(--bg-fff);
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s;
	border: 1px solid var(--border-switch-color-262626) !important;
	border-radius: 20px;
}
.g-slider:before {
	bottom: -1px;
	content: "";
	height: 20px;
	width: 20px;
	background-color: var(--bg-switch-212121);
	left: 0;
	position: absolute;
	transition: .4s;
	border-radius: 100%;
}
.theme-switch input:checked + .g-slider:before { transform: translateX(19px); }
/* toggle btn css end */

/* header css start */
.g-header-wapper { background-color:var(--bg-C4FF7D); position: sticky; top: 0; }
.g-header-wapper .container {
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	position: relative;
}
.g-header-card { display:flex; align-items:center; justify-content:space-between; }
.g-header-logo { max-width: 144px; width: 100%; }
.g-header-logo h1 { margin:0; }
.g-header-logo img { width:100%; height: 56px; max-width:unset; object-fit: contain; }

.g-menu-wapper>ul { margin:0; padding:0; display:flex; flex-direction:row; gap:18px; }
.g-menu-wapper>ul>li { display:inline-block; list-style-type:none; position:relative; }
.g-menu-wapper>ul>li>a {
	padding: 20px 16px;
	display: flex;
/* 	align-items: end; */
	gap: 6px;
	font-family: Inter;
	font-weight: 500;
	font-size: 16px;
	line-height: 100%;
	color: var(--font-menu-color-262626);
	transition: all 0.5s ease-in-out;
	position: relative;
	white-space: unset;
}
.g-menu-wapper>ul>li>a>i { 
	line-height:normal; 
	position: relative;
	top: -3px;
	transition: all 0.2s ease-in-out;
}
.g-menu-wapper>ul>li:hover>a {
	background-color: var(--menu-hover-bg-2A2A2A);
	color:var(--font-hover-menu-color-262626) ;
}
.g-menu-wapper>ul>li:hover>a i { top:5px; transform: rotate(180deg); }

.g-menu-wapper>ul>li.sub-li>ul.submenu {
	display: none;
	flex-direction: row;
	gap: 0px;
	border: none;
	top: 100%;
	left: 0px;
	z-index: 99;
	width: max-content;
	border-radius: 0;
	position: absolute;
	background: var(--menu-hover-bg-2A2A2A);
	padding: 0;
	min-width: 300px;
}
.g-menu-wapper>ul>li>ul>li{ list-style-type:none; }
.g-menu-wapper>ul>li>ul>li>a {
	color:  var(--text-color-white);
	padding: 16px 16px;
	font-family: Inter;
	font-weight: 500;
	font-size: 16px;;
	line-height: 100%;
	position: relative;
	display: block;
	transition: all 0.5s ease-in-out;
	white-space: unset;
}
.g-menu-wapper>ul>li.sub-li:hover>ul.submenu { display: flex; }
.g-menu-wapper>ul>li>ul>li:hover>a {background-color: var(--menu-hover-bg-2A2A2A); color:var(--font-hover-menu-color-262626) ; }
.g-menu-wapper>ul>li>ul>li.active-li>a {background-color: var(--menu-hover-bg-2A2A2A); color:var(--font-hover-menu-color-262626) ; }

.g-menu-wapper .menu-third-level {
    display: none;
    flex-direction: column;
    z-index: 99;
    position: absolute;
    padding: 0;
    width: 100%;
    top: 100%;
    left: 0;
    box-shadow: 0px 4px 15px 0px #00000026;
    background: var(--bg-fff);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}
.g-menu-wapper .menu-third-level>li{ list-style-type:none; }
.g-menu-wapper .menu-third-level>li>a {
	color:  var(--font-menu-color-262626);;
	padding: 10px 16px;
	font-family: Inter;
	font-weight: 500;
	font-size: 16px;;
	line-height: 100%;
	position: relative;
	display: block;
	transition: all 0.5s ease-in-out;
}
.g-menu-wapper>ul>li>ul>li.active-li .menu-third-level { display:flex; }
.g-menu-wapper .menu-third-level>li:hover>a {background-color: var(--menu-hover-bg-2A2A2A); color:var(--font-hover-menu-color-262626) ; }

.g-menu-wapper .menu-icon-img,
.g-mobile-menu .menu-icon-img{
    object-fit: contain;
    padding: 10px 7px;
    vertical-align: middle;
    margin-right: 10px;
    border-radius: 7px;
    box-shadow: -1px 2px 8px 0px #0000001A;
    background: #fff;
    height: 40px;
    width: 40px;
    background: #DAF4BA;
}

.g-menu-wapper > ul > li.sub-li > ul.submenu.no-sub {
    flex-direction: column;
    z-index: 99;
    position: absolute;
    padding: 0;
    width: 100%;
    top: 100%;
    left: 0;
    box-shadow: 0px 4px 15px 0px #00000026;
    background: var(--bg-fff);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.g-menu-wapper > ul > li.sub-li > ul.submenu.no-sub > li > a {
    color: var(--font-menu-color-262626);
    padding: 10px 16px;
    font-family: Inter;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    position: relative;
    display: block;
    transition: all 0.5s ease-in-out;
}

.g-menu-wapper > ul > li.sub-li > ul.submenu.no-sub > li:hover > a {
    background-color: var(--menu-hover-bg-2A2A2A);
    color: var(--font-hover-menu-color-262626);
}

.g-mobile-menu { display:none; }

/* right side css start */
.g-header-right { display:flex; align-items:center; gap:45px; }
.g-search_btn { display: inline-block; cursor: pointer; }
.g-mobile_form {
	align-items: center;
	background-color: #fff;
	position: absolute;
	top: 50%;
	right: 0px;
	width: 100% !important;
	transform: translateY(-50%);
	z-index: 2;
	max-width: 900px;
	visibility: hidden;
	pointer-events: none;
	transition: 0.3s;
	display: none;
}
.g-mobile_form form { width:100%; }
.g-mobile_form.search_open {
	visibility: visible;
	display: flex;
	pointer-events: all;
}

.g-mobile_form.search_open form{
	display:block;	
}

.g-mobile_form input {
	border: 1px solid #080E0F;
	border-radius: 4px;
	width: 100%;
	padding: 0 35px 0 14px;
	height: 44px;
}
.g-search_close {
	position: absolute;
	right: 12px;
	cursor: pointer;
	top: 27%;
}
.g-hamburger-menu {
	cursor: pointer;
	display: none;
	z-index: 1;
}
/* right side css end */
/* header css end */



@media(max-width: 1199px){
	.g-menu-wapper>ul { gap:10px; }
	.g-header-right { gap:10px; }
	.g-toggle-btn span { white-space: unset; }
	.g-menu-wapper > ul > li > a{font-size:14px;}
}

@media(max-width: 991px){
	.g-menu-wapper { display:none; }
	.g-header-right { gap:45px; }
	.g-header-right-card { display:flex; align-items:center; gap:12px; }
	.g-header-wapper { padding:10px 0; }
	.g-mobile-menu {
		z-index: 1000;
		position: fixed;
		right: 0;
		width: 0;
		height: 100vh;
		top: 0;
		margin-left: 0;
		background-color: var(--bg-C4FF7D);
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		visibility: hidden;
		opacity: 0;
		display: block;
	}
	.g-mobile-menu.g-open { width: 270px; opacity: 1; visibility: visible; }
	.g-mobile-close {
		padding: 32px 32px 24px 32px;
		text-align: right;
	}
	.g-mobile-close img { width:24px; height:24px; }
	.g-overlay-bg {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(86, 86, 86, 0.4);
		z-index: 1000;
		transition: all 0.5s ease-in-out;
	}
	.g-overlay-bg.g-bg-active {
		display: block;
		width: 100%;
		left: auto;
		top: 0;
		cursor: pointer;
	}
	.g-mobile-menu-wapper>ul { margin:0; padding:0; display:flex; flex-direction:column; gap:12px; }
	.g-mobile-menu-wapper>ul>li { display:inline-block; list-style-type:none; position:relative; }
	.g-mobile-menu-wapper>ul>li>a {
		padding: 16px 32px;
		display: flex;
		align-items: end;
		gap: 6px;
		font-family: Inter;
		font-weight: 500;
		font-size: 16px;
		line-height: 100%;
		color: var(--font-menu-color-262626);
		transition: all 0.5s ease-in-out;
		position: relative;
		white-space: unset;
	}
	.g-mobile-menu-wapper>ul>li>a>i { 
		line-height:normal; 
		position: relative;
		top: -1px;
		transition: all 0.2s ease-in-out;
	}
	 .g-mobile-menu-wapper>ul>li:hover>a {
		background-color:unset;
		color: var(--font-menu-color-262626);
	}
	.g-mobile-menu-wapper>ul>li:hover>a i {  top: -1px; transform: rotate(0deg); }

	.g-mobile-menu-wapper>ul>li.sub-li>ul.submenu {
		display: none;
		flex-direction: column;
		gap: 0px;
		border: none;
		top: 100%;
		left: 0px;
		z-index: 99;
		width: 100%;
		border-radius: 0;
		position: relative;
		background: var(--menu-hover-bg-2A2A2A);
		padding: 0;
	}
	.g-mobile-menu-wapper>ul>li>ul>li{ list-style-type:none; }
	.g-mobile-menu-wapper>ul>li>ul>li>a {
		color:  var(--text-color-white);
		padding: 16px 16px 16px 48px;
		font-family: Inter;
		font-weight: 500;
		font-size: 16px;;
		line-height: 100%;
		position: relative;
		display: block;
		transition: all 0.5s ease-in-out;
		white-space: unset;
		display: flex;
		gap: 4px;
		line-height: 1.3em;
	}
	.g-mobile-menu-wapper>ul>li.sub-li:hover>ul.submenu { display: none; }
	.g-mobile-menu-wapper>ul>li>ul>li:hover>a {background-color: var(--menu-hover-bg-2A2A2A); color:var(--font-hover-menu-color-262626) ; }
	.g-mobile-menu-wapper>ul>li>ul>li.active-li>a {background-color: var(--menu-hover-bg-2A2A2A); color:var(--font-hover-menu-color-262626) ; }

	.g-mobile-menu-wapper .menu-third-level {
		display: none;
		flex-direction: column;
		z-index: 99;
		position: relative;
		padding: 0;
		width: 100%;
		top: 0;
		left: 0;
		box-shadow:unset;
		background: var(--menu-hover-bg-2A2A2A);
		border-radius:0;
		overflow: unset;
	}
	.g-mobile-menu-wapper .menu-third-level>li{ list-style-type:none; }
	.g-mobile-menu-wapper .menu-third-level>li>a {
		color: var(--text-color-white);
		padding: 16px 16px 16px 80px;
		font-family: Inter;
		font-weight: 500;
		font-size: 16px;;
		line-height: 100%;
		position: relative;
		display: block;
		transition: all 0.5s ease-in-out;
	}
	.g-mobile-menu-wapper>ul>li>ul>li.active-li .menu-third-level { display:flex; }
	.g-mobile-menu-wapper .menu-third-level>li:hover>a {background-color: var(--menu-hover-bg-2A2A2A); color:var(--font-hover-menu-color-262626) ; }
	.g-mobile-menu-wapper>ul>li.submenu-active>a {
		background-color: var(--menu-hover-bg-2A2A2A);
		color:var(--font-hover-menu-color-262626) ;
	}
	.g-mobile-menu-wapper>ul>li.submenu-active>a i { top:5px; transform: rotate(180deg); }
	.g-mobile-menu-wapper>ul>li.sub-li.submenu-active>ul.submenu { display: flex; }
	.g-menu-wapper>ul>li>a { padding:20px 10px; }
	.g-hamburger-menu { display: block; }
	.g-hamburger-menu span {
		background: #080E0F;
		width: 30px;
		height: 3px;
		display: block;
		margin: 5px 0;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	.g-hamburger-menu .g-line-top.current {
		-webkit-transform: translateY(200%) rotate(135deg);
		-ms-transform: translateY(200%) rotate(135deg);
		transform: translateY(200%) rotate(135deg);
	}
	.g-hamburger-menu .g-line-center.current {
		opacity: 0;
	}
	.g-hamburger-menu .g-line-bottom.current {
		-webkit-transform: translateY(-325%) rotate(-135deg);
		-ms-transform: translateY(-325%) rotate(-135deg);
		transform: translateY(-325%) rotate(-135deg);
	}
	.g-mobile-menu-wapper > ul > li > ul > li > a{
		display: flex;
		gap: 4px;
		line-height: 1.3em;
		align-items: center;
	}
	.g-mobile-menu .menu-icon-img{
		padding: 6px 6px;
		margin-right: 8px;
		width: auto;
		max-width: 40px;
	}
}

@media (max-width: 575.98px) {
	.g-header-wapper .container { padding-left: 24px; padding-right: 24px; }
	.g-header-logo { max-width:100px; }
	.g-header-right { gap: 23px; }
	.theme-switch { height:16px; width:32px; }
	.g-slider:before { width:14.31px; height:14.31px; }
	.theme-switch input:checked + .g-slider:before { transform: translateX(16px); }
	.g-slider:before { bottom: 0; }
}


@media (min-width: 768px) and (max-width: 991.98px) {
	.g-header-wapper .container { max-width: 720px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.g-header-wapper .container{ max-width: 992px; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
	.g-header-wapper .container {  max-width: 1200px; }
}
@media (min-width: 1280px) {
	.g-header-wapper .container { max-width: 1230px; }
}