/**** General ****/
:root {
  --primary-font:'Muli', sans-serif;
  --font-extralight:300;
  --font-light:300;
  --font-normal:400;
  --font-medium:500;
  --font-semibold:600;
  --font-bold:700;
  --font-extrabold:800;
  --font-blackbold:900;
  --primary-color:#1b805e;
  --secondary-color:#50a660;
  --dark-color:#000000;
  --grey-color:#E5E5E5;
  --dark-grey-color:#5A5A58;
  --light-grey-color:#F5F5F5;
  --white-color:#FFFFFF;
  --primary-transition:all ease-in-out 0.35s;
}
.mb-0 {
  margin-bottom: 0 !important;
}

.white-text {
  color: #fff;
}

.background-cover {
  background-size: cover;
}

p:empty {
  display: none;
}

 

.m-l-auto {
  margin-left: auto;
}

.m-r-auto {
  margin-right: auto;
}

/**** Breadcrumb ****/
section {
  position: relative;
  padding-top: 115px;
  padding-bottom: 90px;
  background-repeat: no-repeat;
}

section.breadcrumb {
  padding: 18px 0;
}

section.breadcrumb ul li {
  display: inline-block;
  font-size: 14px;
}

section.breadcrumb ul li:last-child {
  color: #326537;
}

section.breadcrumb ul li a {
  color: #000000;
}

section h3 {
  font-size: 23px;
}

/**** Menu ****/
ul#menu-common-menu li {
  width: 20%;
}

ul#menu-common-menu li {
  width: calc(20% - 20px);
  margin-bottom: 20px;
  margin-right: 10px;
}

ul#menu-common-menu li a {
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 3px 26px rgb(0 0 0 / 25%);
  text-align: center;
  color: #000;
  font-weight: 600;
  line-height: 1;
  padding: 15px 0;
  text-shadow: 2px 2px 5px rgb(0 0 0 / 27%);
  transition: 0.3s all;
}

ul#menu-common-menu li.current-menu-item a,
ul#menu-common-menu li a:hover {
  background: #1a805e;
  color: #fff;
}


/**** Menu Hindi****/
ul#menu-common-menu-hindi li {
  width: 20%;
}

ul#menu-common-menu-hindi li {
  width: calc(20% - 20px);
  margin-bottom: 20px;
  margin-right: 10px;
}

ul#menu-common-menu-hindi li a {
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 3px 26px rgb(0 0 0 / 25%);
  text-align: center;
  color: #000;
  font-weight: 600;
  line-height: 1;
  padding: 15px 0;
  text-shadow: 2px 2px 5px rgb(0 0 0 / 27%);
  transition: 0.3s all;
}

ul#menu-common-menu-hindi li.current-menu-item a,
ul#menu-common-menu-hindi li a:hover {
  background: #1a805e;
  color: #fff;
}

/**** Menu Bengali****/
ul#menu-common-menu-bengali li {
  width: 20%;
}

ul#menu-common-menu-bengali li {
  width: calc(20% - 20px);
  margin-bottom: 20px;
  margin-right: 10px;
}

ul#menu-common-menu-bengali li a {
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 3px 26px rgb(0 0 0 / 25%);
  text-align: center;
  color: #000;
  font-weight: 600;
  line-height: 1;
  padding: 15px 0;
  text-shadow: 2px 2px 5px rgb(0 0 0 / 27%);
  transition: 0.3s all;
}

ul#menu-common-menu-bengali li.current-menu-item a,
ul#menu-common-menu-bengali li a:hover {
  background: #1a805e;
  color: #fff;
}



section#common_menu {
  padding: 25px 0 15px 0;
  background: rgb(226 226 227);
  position: sticky;
  top: 0;
  z-index: 2;
  transition: all 0.5s ease
}
/* section#common_menu,
section#common_menu .common_menu_container{
  transition: all 0.5s ease-in-out;
} 
section#common_menu.active-toggle .common_menu_container{
  transform: translateY(-50%);
  display: none;
}
*/
/*section#common_menu.sticked {
  padding: 0;
}*/

section#common_menu.active-toggle{
  padding-top: 10px;
}
section#common_menu.sticked ul#menu-common-menu li {
  margin-bottom: 0;
}

section#common_menu.sticked ul#menu-common-menu {
  margin: 5px 0 !important;
  display: inline-flex !important;
}

section#common_menu.sticked ul#menu-common-menu li a {
  margin: 5px 0;
  padding: 10px 0;
  font-size: 14px;
}

ul#menu-common-menu li:nth-child(5n) {
  margin-right: 0;
}
ul#menu-common-menu-hindi li:nth-child(5n) {
  margin-right: 0;
}

#common_menu{
  position: relative;
}
.common_menu_icon{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -25px;
}
/* Nav Icon Open*/
.toggle-btn {
  background: #1a805e;
  width: 45px;
  height: 45px;
  border-radius: 100%;
}
.arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.arrow::before,
.arrow::after {
  position: relative;
  content: '';
  display: block;
  width: 12px;
  height: 2px;
  background: white;
  transition: 0.3s ease-in-out;
}
.arrow::before {
  transform: rotate(-45deg);
  right: -5px;
  top: 2px;
}
.arrow::after {
  left: 1px;
  top: 2px;
  transform: rotate(45deg);
}
.toggle-btn.active .arrow::before {
  transform: rotate(45deg);
}
.toggle-btn.active .arrow::after {
  transform: rotate(-45deg);
}
/* Nav Iocn End*/

section#banner {
  padding: 0;
}

.pageBanner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: linear-gradient(270deg, #595d60, transparent);
}

.pageBanner {
  position: relative;
}

.pageBanner h1 {
  position: absolute;
  right: 20%;
  top: 40%;
  color: #fff;
  z-index: 1;
  font-size: 55px;
  font-weight: 600;
}

.content {
  padding-left: 60px;
}

.content p {
  color: #5a5a58;
  margin-bottom: 0;
  line-height: 2;
}

.commonPage h2 {
  font-size: 36px;
  margin-bottom: 25px;
  font-weight: 600;
}

section#importance {
  background-color: #e2e4e3;
  background-size: contain;
  background-position: 100%;
  background-repeat: no-repeat;
  background-position-y: bottom;
}

#importance .content p {
  max-width: 60%;
}

section#video {
  background-position: center 79%;
}

section#video iframe {
  box-shadow: 0 3px 46px rgb(0 0 0 / 26%);
}

section#sub-stages {
  padding-bottom: 115px;
}

section#sub-stages h3 {
  margin-bottom: 2em;
}

section#sub-stages::after {
  content: "";
  position: absolute;
  background: #169868d9;
  left: 0;
  right: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  height: 100%;
}

section#sub-stages .text-center,
section#time > .container {
  z-index: 1;
}

.icon_box {
  width: 20%;
  padding: 0 35px;
}

.icons {
  max-width: 65%;
  margin: 0 auto;
}

.icon_box figure {
  width: 130px;
  background: #ffffff33;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto 20px;
}

section#time::after {
  content: "";
  position: absolute;
  background: #000000;
  opacity: 0.87;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%;
}

.icon_box_2 figure {
  margin-bottom: 0;
}

.icon_box_type_2 {
  min-width: 25%;
}


.video-container {
  overflow: hidden;
  position: relative;
  width:100%;
}
.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.upper_row .icon_box_type_2:first-child {
  margin-right: 70px;
}

.bottom_row .icon_box_type_2:not(:last-child) {
  margin-right: 70px;
}

.icon_box_type_2 figure {
  min-width: 100px;
  height: 100px;
  width: 100px;
  margin-bottom: 0;
}
.icon_box_type_2 figure img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}
.icon_box_type_2 p {
  text-align: left;
  padding-left: 25px;
  margin-bottom: 0;
  font-size: 16px !important;
}

.upper_row > div {
  margin: 35px 0;
}

.bottom_row {
  margin-top: 60px;
  position: relative;
  z-index: 1;
}

.bottom_row > div {
  margin-top: 40px;
}

.challenge-img {
  width: 55%;
  padding-right: 60px;
}

.challenge-img img {
  width: 100%;
}

section#challenges {
  padding-bottom: 0;
  padding-top: 20px;
}

section#challenges::after {
  content: "";
  position: absolute;
  background: #ffeab3;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.9;
  background-repeat: no-repeat;
  background-size: cover;
}

section#challenges .container {
  position: relative;
  z-index: 1;
}

.challenge_content {
  vertical-align: middle;
}

.challenge_content h3 {
  font-weight: 700;
}

.challenge_content {
  width: 90%;
}

.ch_lists {
  margin-top: 30px;
}

.ch_list {
  margin-bottom: 25px;
}

.ch_icon {
  background: rgb(255 255 255 / 73%);
  min-width: 100px;
  width: 100px;
  height: 100px;
  border-radius: 50%;
}

.ch_icon img {
  width: 40px;
  height: 40px;
}

.ch_icon_details {
  padding-left: 20px;
  line-height: 1.25 !important;
  font-weight: 600;
}

#whatis .whatis_img{
  width: 580px;
}
#whatis .content {
  width: calc( 100% - 580px );
}
/* Solution Box*/
.solution_boxes {
  margin-top: 50px;
  margin-bottom: 50px;
  border-top: 1px solid #cecece;
}
.solution_box {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 70px auto 0 auto;
}
.solution_box .solution_box_img {
  position: relative;
  overflow: hidden;
  width: 350px;
  height: auto;
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
}
.solution_box .solution_box_img img {
  max-width: 240px;
}
.solution_box .solution_box_con {
  width: calc(100% - 350px);
  padding-left: 30px;
}
.solution_box h3 {
  color: #006832;
  font-weight: 800;
}
.solution_box ul li {
  padding-left: 25px;
  background: url("../images/bullet-new.png") no-repeat 0 6px;
  margin: 10px 0;
}
/* Solution Sections*/
.solution_sections_top {
  text-align: center;
}
.solution_sections_top h3 {
  color: #006832;
  font-weight: 600;
}
.solution_sections_top p {
  margin-top: 15px;
}
.solution_sections_top span {
  display: block;
  font-size: 24px;
  font-weight: 800;
}

.solution_sections_btm {
  margin-top: 60px;
}
.solution_section {
  position: relative;
}
.solution_section:nth-child(2n) .solution_section_con{
  padding-right: 50px;
}
.solution_section:nth-child(2n+1) .solution_section_con{
  padding-left: 50px;
}
.solution_section:not(:last-child) {
  border-bottom: 1px solid #cecece;
  padding-bottom: 50px;
  margin-bottom: 50px;
}
.solution_section:not(:last-child)::after {
  content: "OR";
  position: absolute;
  left: 50%;
  bottom: -18px;
  transform: translateX(-50%);
  border: 1px solid #cecece;
  background: #fff;
  border-radius: 100%;
  color: #a5a5a5;
  padding: 7px;
  font-size: 14px;
}
.solution_section_inner {
  display: flex;
  align-items: center;
  /* width: 80%; */
  margin: 0 auto;
}

.solution_section .ssolution_section_img {
  position: relative;
  overflow: hidden;
  width: 240px;
  height: auto;
  display: flex;
  background: #fff;
  align-items: center;
  justify-content: center;
}
.solution_section .ssolution_section_img > div img {
  max-width: 100%;
  height: auto;
}
.solution_section .solution_section_con {
  width: calc(100% - 280px);
}
.solution_section:nth-child(2n) .solution_section_inner {
  flex-direction: row-reverse;
}
.page-template-common .solution_box p span,
.solution_section .solution_section_con p span {
  color: #0c8f5c;
  font-weight: 800;
}
.solution_box_green {
  border-top: 1px solid #cecece;
  padding-top: 30px;
  margin-top: 30px;
  color: #fff;
}
.solution_box_green p {
  padding-left: 60px;
  position: relative;
  margin: 0;
  color: #006832;
}
.solution_box_green span {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 600;
}

.btn-theme {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  background-color: #939393;
  color: #fff;
  padding: 5px 0;
  display: inline-block;
  border-radius: 5px;
  transition: all ease .5s;
  min-width: 150px;
}
.btn-theme:hover {
  background-color: #1a805e;
}
.single-post.my-blogs .entry-body ul li ul {padding-left: 20px;}
/*assistance form*/
.assistance-section {
  background-color: rgb(64,185,80);
  background-color: linear-gradient(121deg, rgba(64,185,80,1) 0%, rgba(25,152,42,1) 100%);
  background-image: url(../images/assistance-left-bg.svg), url(../images/assistance-right-bg.svg);
  background-position: left 37px bottom -80px, right -20px center;
  background-repeat: no-repeat, no-repeat;
}
.assistance-section .section-title {
  color: var(--white-color);
  font-size: 36px;
  margin-bottom: 50px;
  font-weight: 600;
} 
.assistance-section h3 {
  font-size: 2rem;
  font-weight: var(--font-extrabold);
  color: var(--white-color);
}

.assistance-section .wpcf7-text,
.assistance-section .wpcf7-number {
  width: 100%;
  padding: 13px 12px 13px 68px;
  border: 1px solid #326537;
  box-shadow: 5px 5px 12px #326537;
  border-radius: 50px;
  font-size: 1.125rem;
  background-color: var(--white-color);
  margin-bottom: 26px;
}
.assistance-section .wpcf7-text:focus-visible,
.assistance-section .wpcf7-number:focus-visible {
  outline: none;
}
.assistance-section .input-name,
.assistance-section .input-name:focus,
.assistance-section .input-name:focus-within {
  background-image: url(../images/user-icon.svg)!important;
  background-repeat: no-repeat;
  background-position: 30px 50%;
}
.assistance-section .input-email,
.assistance-section .input-email:focus,
.assistance-section .input-email:focus-within {
  background-image: url(../images/icon-email.svg)!important;
  background-repeat: no-repeat;
  background-position: 30px 50%;
}
.assistance-section .input-ph,
.assistance-section .input-ph:focus,
.assistance-section .input-ph:focus-within {
  background-image: url(../images/icon-ph.svg)!important;
  background-repeat: no-repeat;
  background-position: 30px 50%;
}
.assistance-section .input-state,
.assistance-section .input-state:focus,
.assistance-section .input-state:focus-within {
  background-image: url(../images/icon-loc.svg)!important;
  background-repeat: no-repeat;
  background-position: 30px 50%;
}
.assistance-section input[type="submit"] {
  background-color: var(--dark-color);
  width: 160px;
  height: 42px;
  border-radius: 50px;
  box-shadow: 0 5px 10px #DBFFE0;
  font-size: 1rem;
  font-weight: var(--font-bold);
  color: var(--white-color);
  text-transform: uppercase;
  margin: 40px auto 0;
  display: table;
  cursor: pointer;
  border: none;
} 
