/*!
Theme Name: ngo
Theme URI: https://narendraverma.in/
Author: Narendra Verma
Author URI: https://narendraverma.in/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ngo
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ngo is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

:root{
	--white:#fff;
	--body-text:#797E88;
}
* {
/*     color: var(--body-text); */
    padding: 0;
    margin: 0;
}

html {
    scroll-behavior: smooth;
}
ul,li,p{
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
p{
	line-height: 1.75;
	margin: 0 0 18px 0;
	font-size:16px;
	
}

.menuClose,.menu-toggle {
  display: none;
}
.site-header .header-default{
  background-color: var(--white);
  border-bottom: 1px solid #DAE6E6;
  padding: 12px 80px;
	box-sizing: border-box;
/*   position: fixed; */
  width: 100%;
/*   top: 0; */
  z-index: 999;
  transition: all 0.3s linear 0s;
	  margin-bottom: -46px;
/*   display: flex;
  justify-content: space-between;
  align-items: center; */
}
.header-button{
	-webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.site-branding{width:40%}
.header-address{width:60%}
.header-wrap{width:100%;}
.box-content p{margin-bottom:0;color:var(--body-text);  font-size: 14px;}
.box-title, .site-branding h2{margin:0;}
.box-title a{font-size:22px;color:#000;}
.header-wrap, .header-address {
	display: flex;
  justify-content: space-between;
  align-items: center; 
}
.site-branding h2, .footer-site-logo img {
/*   height: 40px;
  width: 200px;
  object-fit: contain; */
}
.main-navigation ul {
  padding-left: 0;
	  margin: 0;
}
.main-navigation ul li {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
}
.main-navigation ul li a {
  font-weight: 500;
  font-size: 14px;
/*   color: var(--text-gray); */
	color:#fff;
	text-decoration: none;
}
#primary-menu a:hover{
		color:var( --e-global-color-2a1a8c0 );
	}
/* .main-navigation ul li:nth-last-child(2) {
  margin-left: 70px;
} */
#site-navigation{
 display: flex;
  width: -webkit-fill-available;
  background:var( --e-global-color-da78497 );;
  padding: 18px  30px;
  border-radius: 50px;
}
/* .menu-primary-menu-container a{color:#fff !important;} */

.sticky-wrapper{
	display:flex;
	align-items:center;
	  column-gap: 20px;
	z-index: 9;
	position:relative
}
.header-wrap{
	padding-bottom:24px;
}

.btn{
border-radius: 50px 50px 50px 50px;
padding: 22px 40px 22px 40px;font-size:14px;
color: #fff;
font-weight: 500;
text-decoration: none;
}

.btn-yellow{
background-color: var( --e-global-color-2a1a8c0 );
}

.checklist.list-two-column ul {
  display: inline-grid;
  grid-template-columns: auto auto;
  gap: 30px 40px;
}
.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}
.checklist ul li{display: flex;gap:10px;}
.checklist.style2 li::before {
  content: "\f058";
  position: relative;
	font-family: "Font Awesome 7 Free";
  font-weight: 900;
  font-size: 24px;
  line-height: 1;

}
.checklist.style2 li:nth-child(1)::before {
   color: var( --e-global-color-da78497 );
}

.checklist.style2 li:nth-child(2)::before {
  color: var( --e-global-color-2a1a8c0 );
}

.checklist.style2 li:nth-child(3)::before {
  color:var( --e-global-color-b85a145 );
}

.checklist.style2 li:nth-child(4)::before {
  color: #122F2A;
}
.shape-mockup {
  position: absolute !important;
  z-index: 1;
  pointer-events: none;
	  max-width: 420px !important;
	
}
.left-hand{left:0;bottom:0}
.right-hand{right:0;bottom:0}
.left-hand-center{
 left: 0;
  top: 62%;
  transform: translateY(-50%);
}

.jump {
  -webkit-animation: jumpAni 7s linear infinite;
          animation: jumpAni 7s linear infinite;
}

@-webkit-keyframes jumpAni {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
            transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.hero-inner-shadow:after{
 content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(89.74deg, #051311 32.34%, rgba(26, 104, 91, 0) 109.1%);
  z-index: 2;
}
.card-over-bg:before {
/*   z-index: -1; */
	content: "";
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: absolute;
  inset: 0;
  background:#1f1f1f;
  opacity: 0.8;
}
.site-footer{
	background-color:#1a685b;
	color:#fff;
	text-align:center;
	padding:12px;
}
@media screen and (max-width: 768px) {
	.header-button, .box-content{display:none}
	#site-navigation{width:100%;border-radius: 0;}
	.header-default{padding:10px 16px !important;}
	.main-navigation ul li{display:block}
	.main-navigation ul li a{font-size:24px;}
	.header-address{  justify-content: end;}
	.sticky-wrapper{  display: none;}
	 #site-navigation  {
/*     background-color: var( --e-global-color-da78497 );; */
/*     height: 100vh; */
/*     padding: 30px;
    overflow: auto;
    width: 100%;
    position: absolute;
    z-index: 1000;
    transition: transform .4s ease;
    left: 0;
    top: 100%; */
  }
	 .menuOpen, .sticky-wrapper.active {
    display: block;
  }
	.site-header .header-default{margin-bottom:0;}
	.header-wrap{padding-bottom:0;}
	
}