@font-face {
  font-family: var(--vvki-font-body);
  src: url('../fonts/gotham_narrow_book-webfont.woff2') format('woff2'),
    url('../fonts/gotham_narrow_book-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: var(--vvki-font-heading);
  src: url('../fonts/gotham_bold-webfont.woff2') format('woff2'),
    url('../fonts/gotham_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body{
  font-size: var(--vvki-type-14px);
  background-color: var(--vvki-palette-ffffff);
  color: var(--vvki-palette-000000);
  font-family: var(--vvki-font-body);
}



.main-header .navbar.navbar-expand-lg {
  position: absolute;
  background-color: var(--vvki-palette-rgb-726762283235352032353520323535202f20373725);
  z-index: 9999;
  width: 100%;
  left: 0;
}
.main-header .navbar.navbar-expand-lg .offcanvas-body {
  flex-direction: column;
}
.offcanvas-top-nav .nav-item .custom-btn {
  background-color: var(--vvki-palette-ffae00);
  padding: var(--vvki-size-15px) var(--vvki-size-30px);
  text-decoration: none;
  color: var(--vvki-palette-fff);
  margin-left: var(--vvki-size-15px);
}
.offcanvas-top-nav .nav-item a {
  display: inline-block;
}
.offcanvas-top-nav .nav-item {
  padding: var(--vvki-size-0px) var(--vvki-size-2px);
}
.offcanvas-top-nav .navbar-nav {
  align-items: center;
}
.offcanvas-top-nav .nav-item .icon {
  width: var(--vvki-size-32px);
  display: inline-block;
  height: var(--vvki-size-32px);
  background-image: url('../images/social-icon-sm.png');
  background-size: 180px;
  background-repeat: no-repeat;
}
.offcanvas-top-nav .nav-item .icon.tw {
  background-position: -32px 0px;
}
.offcanvas-top-nav .nav-item .icon.yt {
  background-position: -66px 0px;
  width: var(--vvki-size-44px)
}
.offcanvas-top-nav .nav-item .icon.insta {
  background-position: -113px 0px;
}
.offcanvas-top-nav .nav-item .icon.lin {
  background-position: -147px 0px;
}
.offcanvas-top-nav .navbar-nav a.phone-icon {
  color: var(--vvki-palette-213b54);
  text-decoration: none;
  font-size: var(--vvki-type-20px);
  margin-right: var(--vvki-size-30px);
}
.offcanvas-top-nav .navbar-nav a.phone-icon i {
  margin-right: var(--vvki-size-10px);
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link {
  color: var(--vvki-palette-000000);
  font-size: var(--vvki-type-18px);
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link {
  color: var(--vvki-palette-2e4057);
  font-size: var(--vvki-type-20px);
  padding: var(--vvki-size-16px) var(--vvki-size-14px);
}
.main-header {
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
}
#HomeSlider .item .item-contant {
  position: absolute;
  top: 0px;
  max-width: var(--vvki-size-626px);
  margin: 0 auto;
  left: 0;
  right: 0;
}
.proven-on-ground-wrapper .widget.item02,
.proven-on-ground-wrapper .widget.item01 {
  position: relative;
  z-index: -1;
}
.proven-on-ground-wrapper .widget.item02 img,
.proven-on-ground-wrapper .widget.item01 img {
  position: absolute;
  right: 0px;
  top: 0px;
}
.proven-on-ground-wrapper .widget.item02 img {
  max-width: var(--vvki-size-112px);
  top: 20px;
}

.item-contant-text {
  background-color: var(--vvki-palette-rgb-7267622831363020323336203332202f2035302529);
  width: 100%;
  max-width: var(--vvki-size-626px);
  transform: skew(-20deg, 0deg);
  padding: var(--vvki-size-12px) var(--vvki-size-0px);
  margin-bottom: var(--vvki-size-20px);
}
#HomeSlider .item .item-contant img {
  transform: skew(-20deg, 0deg);
}
.item-contant-text-inside {
  transform: skew(20deg, 0deg);
  text-align: center;
}
.custom-btn {
  background-color: var(--vvki-palette-ffae00);
  padding: var(--vvki-size-15px) var(--vvki-size-30px);
  text-decoration: none;
  color: var(--vvki-palette-fff);
  margin-left: var(--vvki-size-15px);
  text-transform: uppercase;
    display: inline-block;
}
.item-contant-text .custom-btn {
  transform: skew(20deg, 0deg);
}
.item-contant-text-inside h1 {
  margin-bottom: var(--vvki-size-0px);
  color: var(--vvki-palette-fff);
  font-weight: 700;
  letter-spacing: 3px;
  font-size: var(--vvki-type-60px);
}
.item-contant-text-inside p {
  font-weight: 600;
  letter-spacing: 1px;
  font-size: var(--vvki-type-14px);
}
.item-contant-text-wrapper {
  position: absolute;
  left: -16px;
  top: 46%;
  width: 100%;
  max-width: var(--vvki-size-626px);
  text-align: center;
}
.survival-wrapper .widget {
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: right;
  padding: var(--vvki-size-48px) var(--vvki-size-0px);
}
.survival-wrapper .widget h5 {
  color: var(--vvki-palette-000);
  font-size: var(--vvki-type-26px);
  max-width: var(--vvki-size-940px);
      font-style: italic;
}
.survival-wrapper .widget h5 .fa-solid.fa-quote-left {
  margin-right: var(--vvki-size-10px);
}
.survival-wrapper .widget h5 .fa-solid.fa-quote-right {
  margin-left: var(--vvki-size-10px);
}
.survival-wrapper .widget h5 i{
  color: var(--vvki-palette-024e70);
}
.survival-wrapper .widget h4 {
  color: var(--vvki-palette-024e70);
  margin-top: var(--vvki-size-20px);
}
.banner-slider-wrapper button {
  display: none;
}
.water-crisis-wrapper{
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.water-crisis-wrapper .widget {
  border: solid 5px var(--vvki-palette-41b8ec);
}
.water-crisis-wrapper .widget h4 {
margin: 0;
  padding: var(--vvki-size-12px) var(--vvki-size-15px);
  background-color: var(--vvki-palette-41b8ec);
  text-align: center;
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-22px);
  margin-bottom: var(--vvki-size-40px);
}
.water-crisis-wrapper .widget {
  border: solid 5px var(--vvki-palette-41b8ec);
  text-align: center;
}
.water-crisis-wrapper .widget img {
  max-width: 100%;
}
.water-crisis-wrapper .widget p {
  padding: var(--vvki-size-0px) var(--vvki-size-15px);
  margin-top: var(--vvki-size-30px);
  margin-bottom: var(--vvki-size-30px);
}
.water-crisis-wrapper .widget a.custom-btn {
  margin-bottom: var(--vvki-size-20px);
  margin-left: 0;
  background-color: var(--vvki-palette-41b8ec);
}
.water-crisis-wrapper .widget.item02 {
border: solid 5px var(--vvki-palette-4aab37);
}
.water-crisis-wrapper .widget.item02 h4 {
background-color: var(--vvki-palette-4aab37);
}
.water-crisis-wrapper .widget.item02 a.custom-btn{
background-color: var(--vvki-palette-4aab37);
}

.water-crisis-wrapper .widget.item03 {
border: solid 5px var(--vvki-palette-059b9a);
}

.water-crisis-wrapper .widget.item03 h4 {
background-color: var(--vvki-palette-059b9a);
}
.water-crisis-wrapper .widget.item03 a.custom-btn {
  background-color: var(--vvki-palette-059b9a);
}

.water-crisis-wrapper .widget.item04 {
border: solid 5px var(--vvki-palette-13628b);
}

.water-crisis-wrapper .widget.item04 h4 {
  background-color: var(--vvki-palette-13628b);
}
.water-crisis-wrapper .widget.item04 a.custom-btn {
  background-color: var(--vvki-palette-13628b);
}
.section-heading h4 {
  text-align: center;
  text-transform: capitalize;
  font-size: var(--vvki-type-36px);
  font-weight: 600;
}
.section-heading {
  margin-bottom: var(--vvki-size-40px);
}
.section-heading h4 span {
  color: var(--vvki-palette-ffae00);
}
.our-process-wrapper .widget img {
  max-width: var(--vvki-size-220px);
  margin: 0 auto;
  text-align: center;
  display: block;
  margin-bottom: var(--vvki-size-30px);
}
.our-process-wrapper .widget p {
  font-size: var(--vvki-type-18px);
  text-align: center;
  padding: var(--vvki-size-0px) var(--vvki-size-60px);
  border-right: solid 1px;
}
.our-process-wrapper .col-md-3:last-child .widget p{
  border-right: 0;
}
.our-process-wrapper {
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
  background-position: center;
}
.project-impact-wrapper .project-widget {
  text-align: center;
  border: solid 2px var(--vvki-palette-213b54);
  border-radius: var(--vvki-size-15px);
  background-color: var(--vvki-palette-ffffff);
}
.project-impact-wrapper .project-widget h3 {
  background-color: var(--vvki-palette-213b54);
  display: inline-block;
  text-align: center;
  padding: var(--vvki-size-7px) var(--vvki-size-20px);
  margin: 0 auto;
  color: var(--vvki-palette-fff);
  max-width: var(--vvki-size-300px);
  width: 100%;
  margin-bottom: var(--vvki-size-40px);
}
.project-impact-wrapper .project-widget .widget img {
  max-width: var(--vvki-size-130px);
  margin-bottom: var(--vvki-size-30px);
}
.project-impact-wrapper .project-widget .widget h4 {
  font-size: var(--vvki-type-18px);
  color: var(--vvki-palette-000);
  font-weight: 600;
}
.project-impact-wrapper .project-widget .widget p {
  font-size: var(--vvki-type-17px);
  padding: var(--vvki-size-0px) var(--vvki-size-50px);
}
.section-heading p {
  text-align: center;
  font-weight: 600;
  font-size: var(--vvki-type-18px);
}
.project-impact-wrapper{
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
  background-color: var(--vvki-palette-rgb-7267622837362032303020323338202f2031302529);
}
.media-gallery-wrapper .widget {
  position: relative;
}
.media-gallery-wrapper .widget .icon-img {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
}
.media-gallery-wrapper .widget .icon-img h4 {
  background-color: var(--vvki-palette-2e4057);
  text-align: center;
  padding: var(--vvki-size-22px) var(--vvki-size-0px);
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-24px);
  margin: 0;
}


.media-gallery-wrapper .widget.video-widget .icon-img h4{
background-color: var(--vvki-palette-ffae00);
}
.media-gallery-wrapper .widget .icon-img {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  right: 0;
}
.media-gallery-wrapper .widget .icon-img img {
  width: var(--vvki-size-70px);
  text-align: center;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 23px;
}
.select-your-contribute {
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
  background-size: cover;
  background-position: bottom;
  margin-top: var(--vvki-size-50px);
}
.select-your-contribute h3 {
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-42px);
  margin-bottom: var(--vvki-size-60px);
  font-weight: 600;
}
.select-your-contribute-box .item {
  text-align: center;
}
.select-your-contribute-box .item h4 {
  margin-top: var(--vvki-size-30px);
  color: var(--vvki-palette-41b8ec);
}
.select-your-contribute a.custom-btn {
  margin-top: var(--vvki-size-50px);
  background-color: var(--vvki-palette-4aab37);
  margin-left: 0;
}
.testimonials-wrapper .item {
  background-color: var(--vvki-palette-dcdcdc);
  padding: var(--vvki-size-30px) var(--vvki-size-30px);
  min-height: var(--vvki-size-350px);
  /*text-align: center;*/
}
.testimonials-wrapper .item p {
  color: var(--vvki-palette-000);
}
.testimonials-wrapper .item h4 {
  font-size: var(--vvki-type-18px);
  font-weight: 600;
  color: var(--vvki-palette-ffae00);
  margin-bottom: 0;
}
.testimonials-wrapper{
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.our-partners-wrapper {
  background-size: cover;
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.our-partners-wrapper .item {
  max-width: 100%;
  border-radius: var(--vvki-size-10px);
  overflow: hidden;
  margin: 0 auto;
}
.select-your-contribute-box .item img {
  max-width: var(--vvki-size-90px);
}
.select-your-contribute-box .item h4 {
  margin-top: var(--vvki-size-20px);
  color: var(--vvki-palette-41b8ec);
  font-size: var(--vvki-type-18px);
  font-weight: 600;
}
.select-your-contribute-box .item.jugnu h4 {
  color: var(--vvki-palette-a0ec20);
}
.project-impact-wrapper .project-widget .widget {
  position: relative;
}
.project-impact-wrapper .project-widget .widget:after {
  position: absolute;
  content: '';
  border-right: dashed 2px var(--vvki-palette-ccc);
  height: 50%;
  top: 0px;
  right: 0;
}
.about-wrapper {
  background-size: cover;
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.our-vision {
  background-color: var(--vvki-palette-fff);
  border-radius: var(--vvki-size-10px);
  padding: var(--vvki-size-30px) var(--vvki-size-30px);
  margin-top: var(--vvki-size-50px);
}
.our-vision .section-heading img.mr-2 {
  width: var(--vvki-size-60px);
  margin-right: var(--vvki-size-20px);
}
.main-footer .f-widget h3 {
  font-size: var(--vvki-type-36px);
  color: var(--vvki-palette-2e4057);
  margin-bottom: var(--vvki-size-30px);
}
.main-footer .f-widget ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.main-footer .f-widget ul li a {
  text-transform: capitalize;
  text-decoration: none;
  font-size: var(--vvki-type-18px);
  color: var(--vvki-palette-000);
  padding: var(--vvki-size-4px) var(--vvki-size-0px);
  /*display: inline-block;*/
}
.main-footer .f-widget ul label {
  font-size: var(--vvki-type-21px);
    font-weight: 600;
}
.main-footer .f-widget ul li p{
  font-size: var(--vvki-type-18px);
}

.main-footer .f-widget.latest-news ul li a {
  display: flex;
  justify-content: center;
  margin-bottom: var(--vvki-size-30px);
  align-items: center;
}
.main-footer .f-widget.latest-news ul li p {
  margin-left: var(--vvki-size-20px);
  font-size: var(--vvki-type-16px);
  margin-bottom: var(--vvki-size-0px);
}
.main-footer .f-widget.link-list ul {
  list-style: disc;
  padding-left: var(--vvki-size-24px);
}
.main-footer {
  padding: var(--vvki-size-50px) var(--vvki-size-0px);
  /**padding-bottom: var(--vvki-size-150px);
  background-image: url(../images/footer-bg.jpg);**/
  background-repeat: no-repeat;
  background-position: bottom;
  /*padding-bottom: var(--vvki-size-20px);*/
}
.proven-on-ground-wrapper .top-widget p {
  color: var(--vvki-palette-fff);
  margin: 0;
  font-size: var(--vvki-type-17px);
}
.proven-on-ground-wrapper .widget .widget h4 span {
  font-size: var(--vvki-type-13px);
  font-weight: 100;
  width: var(--vvki-size-120px);
  display: inline-block;
}
.proven-on-ground-wrapper .widget.item01,
.proven-on-ground-wrapper .widget.item02,
.proven-on-ground-wrapper .widget.item03,
.proven-on-ground-wrapper .widget.item04 {
  background-color: var(--vvki-palette-1d3951);
  padding: var(--vvki-size-15px) var(--vvki-size-45px);
  padding-top: var(--vvki-size-30px);
  height: var(--vvki-size-340px);
  margin-bottom: var(--vvki-size-25px);
}
.proven-on-ground-wrapper .widget .row .col-md-6,
.proven-on-ground-wrapper .widget .row .col-lg-4 {
  border-right: dashed 1px var(--vvki-palette-fff);
  border-bottom: dashed 1px var(--vvki-palette-fff);
}
.proven-on-ground-wrapper .widget .row .col-md-6:nth-child(4),
.proven-on-ground-wrapper .widget .row .col-md-6:nth-child(2),
.proven-on-ground-wrapper .widget .row .col-lg-4:nth-child(6), 
.proven-on-ground-wrapper .widget .row .col-lg-4:nth-child(3) {
  border-right: 0;
}
.proven-on-ground-wrapper .widget .row .col-md-6:nth-child(3),
.proven-on-ground-wrapper .widget .row .col-md-6:nth-child(4),
.proven-on-ground-wrapper .widget .row .col-lg-4:nth-child(4),
.proven-on-ground-wrapper .widget .row .col-lg-4:nth-child(5), 
.proven-on-ground-wrapper .widget .row .col-lg-4:nth-child(6) {
  border-bottom: 0;
}
.proven-on-ground-wrapper .widget.item01 .col-lg-4 {
  border-right: dashed 1px var(--vvki-palette-fff) !important;
  border-bottom: dashed 1px var(--vvki-palette-fff) !important;
}
.proven-on-ground-wrapper .widget.item01 .col-lg-4:nth-child(6),
.proven-on-ground-wrapper .widget.item01 .col-lg-4:nth-child(3) {
  border-right: 0 !important;
}
.proven-on-ground-wrapper .widget.item01 .col-lg-4:nth-child(4),
.proven-on-ground-wrapper .widget.item01 .col-lg-4:nth-child(5),
.proven-on-ground-wrapper .widget.item01 .col-lg-4:nth-child(6){
  border-bottom: 0 !important;
}
.proven-on-ground-wrapper .widget.item02 {
  background-color: var(--vvki-palette-49aa37);
}
.proven-on-ground-wrapper .widget.item03 {
  background-color: var(--vvki-palette-029c9a);
}
.proven-on-ground-wrapper .widget.item04 {
  background-color: var(--vvki-palette-14628c);
  padding-left: var(--vvki-size-50px);
}
.proven-on-ground-wrapper .widget.item04 h5 {
  padding-left: var(--vvki-size-40px);
}
.proven-on-ground-wrapper .top-widget {
  background-color: var(--vvki-palette-13628b);
  padding: var(--vvki-size-20px) var(--vvki-size-25px);
  border-radius: var(--vvki-size-15px);
  position: relative;
  top: 15px;
  border: solid 1px var(--vvki-palette-fff);
}
.proven-on-ground-wrapper .widget h5 {
  color: var(--vvki-palette-fff);
  margin-bottom: var(--vvki-size-20px);
  font-weight: 500;
  font-size: var(--vvki-type-22px);
}
.proven-on-ground-wrapper .widget .widget h4 {
  font-size: var(--vvki-type-30px);
  font-weight: 700;
  color: var(--vvki-palette-fff);
}
.proven-on-ground-wrapper .widget{
  /*height: var(--vvki-size-120px);*/
  padding: var(--vvki-size-20px) var(--vvki-size-0px);
}
.proven-on-ground-wrapper .widget .widget p {
  font-size: var(--vvki-type-14px);
  color: var(--vvki-palette-fff);
  margin-bottom: var(--vvki-size-0px);
}
.proven-on-ground-center {
  width: var(--vvki-size-200px);
  height: var(--vvki-size-200px);
  background-color: var(--vvki-palette-fff);
  position: absolute;
  border-radius: 50%;
  top: 50%;
  left: 0px;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(0px, -40%);
}
.proven-on-ground-center h5 {
  font-size: var(--vvki-type-38px);
  text-align: center;
  text-transform: capitalize;
  font-weight: 700;
  color: var(--vvki-palette-000);
}
.proven-on-ground-center h5 span {
  color: var(--vvki-palette-3fb7eb);
}
.copyright-text p {
  margin: 0;
  text-align: center;
  font-weight: 600;
}
.offcanvas-header .btn-close.btn-close-white {
  background-color: var(--vvki-palette-fff);
}
.offcanvas-header img {
  max-width: var(--vvki-size-160px);
}
.main-header .navbar.navbar-expand-lg .navbar-toggler {
  border: 0;
  outline: none;
  box-shadow: none;
}
.banner-slider-wrapper {
  overflow: hidden;
  height: var(--vvki-size-515px);
}

.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link:after {
  position: absolute;
  right: 8px;
  top: 25px;
  z-index: 11;
  display: block;
  width: var(--vvki-size-10px);
  height: var(--vvki-size-10px);
  border: 0;
  border-top: 1px solid var(--vvki-palette-2e4057);
  border-left: 1px solid var(--vvki-palette-2e4057);
  transform: rotate(-135deg);
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link.dropdown-toggle {
  padding-right: var(--vvki-size-30px);
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu {
  z-index: 9;
  opacity: 1;
  display: block;
  border: 0;
}




.main-footer .f-widget .social-icon{
  display: flex;
  margin-top: var(--vvki-size-10px);
  margin-bottom: var(--vvki-size-10px);
}
.main-footer .f-widget .social-icon .nav-item .icon {
  width: var(--vvki-size-40px);
  display: inline-block;
  height: var(--vvki-size-40px);
  background-image: url('../images/social-icon.png');
  background-size: 220px;
  background-repeat: no-repeat;
}
.main-footer .f-widget .social-icon .nav-item .icon.tw {
  background-position: -40px 0px;
}
.main-footer .f-widget .social-icon .nav-item .icon.yt {
  background-position: -80px 0px;
  width: var(--vvki-size-58px)
}
.main-footer .f-widget .social-icon .nav-item .icon.insta {
  background-position: -138px 0px;
}
.main-footer .f-widget .social-icon .nav-item .icon.lin {
  background-position: -180px 0px;
}
.f-lr-border {
  position: relative;
}
.f-lr-border:before {
  position: absolute;
  content: '';
  border-right: dashed 2px var(--vvki-palette-bfbfbf);
  right: 0;
  height: 100%;
}
.copyright-text {
  margin-top: var(--vvki-size-50px);
}

.owl-dots{
  text-align: right;
}
.owl-dots button.owl-dot.active {
  background-color: var(--vvki-palette-ffae00);
}
.owl-dots button.owl-dot {
  height: var(--vvki-size-15px);
  width: var(--vvki-size-15px);
  padding: 0;
  margin-left: var(--vvki-size-5px);
  border: solid 0;
  background-color: var(--vvki-palette-13628b);
}
.proven-on-ground-wrapper .widget.item04,
.proven-on-ground-wrapper .widget.item03 {
  position: relative;
  z-index: -1;
}
.proven-on-ground-wrapper .widget.item03 img {
  position: absolute;
  top: 0;
  z-index: 9;
  right: 167px;
  width: var(--vvki-size-155px);
}
.proven-on-ground-wrapper .widget.item04 img {
  position: absolute;
  bottom: -32px;
  right: -29px;
}
.item-contant-btn-wrapper {
  position: absolute;
  bottom: 60px;
  left: -60px;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.proven-on-ground-wrapper .widget.item04 img.last-icon {
  right: auto;
  top: 164px;
  left: 0;
  max-width: var(--vvki-size-40px);
}

/* NEW CSS 15-04-2023 (Start) */
.inner-bannerwrapper li.nav-item a.icon {
  width: var(--vvki-size-35px) !important;
  height: var(--vvki-size-32px);
  background-size: 180px;
}
.offcanvas-top-nav .nav-item .icon.tw {
  background-position: -34px 0px;
}
.offcanvas-top-nav .nav-item .icon.yt {
  background-position: -59px 0px;
  background-size: 152px;
}
.offcanvas-top-nav .nav-item .icon.insta {
  background-position: -112px 0px;
}
.offcanvas-top-nav .nav-item .icon.lin {
  background-position: -145px 0px;
}
.inner-bannerwrapper .offcanvas-top-nav {
  position: fixed;
  top: 30%;
  right: 20px;
}
.printout-icon-wrapper ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.printout-icon-wrapper ul a {
  display: inline-block;
  width: var(--vvki-size-48px);
}
.printout-icon-wrapper ul {
  padding: var(--vvki-size-10px) var(--vvki-size-0px) var(--vvki-size-5px) var(--vvki-size-0px);
  margin: 0;
  list-style: none;
  display: flex;
  justify-content: flex-end;
}
.printout-icon-wrapper ul a {
  display: inline-block;
  padding: var(--vvki-size-0px) var(--vvki-size-5px);
}
.printout-icon-wrapper,
.india-faces-wrapper.project-impact-wrapper {
  background-color: var(--vvki-palette-f0f0f0);
}
.india-faces-wrapper.project-impact-wrapper .widget h2 {
  color: var(--vvki-palette-4cc8ec);
  font-weight: bold;
  font-family: var(--vvki-font-heading);
  font-size: var(--vvki-type-42px);
}
.impact-same-wrapper h5.widget-img-text-bottom {
  font-weight: 800;
  font-family: var(--vvki-font-heading);
}
.container h5.mt-3.text-center {
  font-weight: 800;
  font-family: var(--vvki-font-heading);
}
.impact-same-wrapper .widget-img {
  background-color: var(--vvki-palette-fff);
  padding: var(--vvki-size-25px);
  box-shadow: 0px 0px 16px 0px var(--vvki-palette-ccc);
}
.impact-same-wrapper .widget-img .widget-img-text {
  display: flex;
  align-items: center;
  margin-bottom: var(--vvki-size-25px);
}
.impact-same-wrapper .widget-img .widget-img-text h2 {
  margin-left: var(--vvki-size-20px);
  font-weight: 700;
}
.india-faces-wrapper.project-impact-wrapper .section-heading p {
  font-weight: 200;
}
.map-project-wrapper .inside-widget {
  background-color: var(--vvki-palette-f8f2f9);
  padding: var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px) var(--vvki-size-0px);
  padding-left: var(--vvki-size-70px);
  border: solid 1px var(--vvki-palette-4ec8ef);
  position: relative;
  height: var(--vvki-size-160px);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.map-project-wrapper .inside-widget img {
  position: absolute;
  left: -38px;
  top: 40px;
  width: var(--vvki-size-75px);
}
.map-project-wrapper .inside-widget h3 {
  display: inline-block;
  font-size: var(--vvki-type-40px);
  font-family: var(--vvki-font-heading);
  color: var(--vvki-palette-00488b);
  margin: 0;
}
.map-project-wrapper .inside-widget p {
  display: inline-block;
  font-size: var(--vvki-type-22px);
  color: var(--vvki-palette-000);
  font-family: var(--vvki-font-body);
  font-weight: 600;
  margin: 0;
  line-height: var(--vvki-size-26px);
}
.map-project-wrapper {
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.map-project-wrapper .widget .heading-widget h4 {
  font-size: var(--vvki-type-42px);
  text-transform: capitalize;
  font-family: var(--vvki-font-body);
  font-weight: 600;
}
.map-project-wrapper .widget .heading-widget h4 span {
  display: block;
  color: var(--vvki-palette-ffae00);
}
.map-project-wrapper .widget .heading-widget p {
  color: var(--vvki-palette-000);
  font-size: var(--vvki-type-18px);
}
.scaable-approach-wrapper {
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
  background-size: cover;
  background-position: center;

}
.scaable-approach-wrapper .widget-text {
  background-color: var(--vvki-palette-rgb-726762283235352032353520323535202f20383125);
  padding: var(--vvki-size-40px);
}
.scaable-approach-wrapper .widget-text h4 {
  font-size: var(--vvki-type-42px);
  text-transform: capitalize;
  font-weight: 600;
}
.scaable-approach-wrapper .widget-text h4 span {
  color: var(--vvki-palette-ffae00);
}
.scaable-approach-wrapper .widget-text h5 {
  font-size: var(--vvki-type-24px);
}
.scaable-approach-wrapper .widget-text p {
  font-size: var(--vvki-type-18px);
}
.scaable-approach-wrapper .widget-text ul {
  padding: var(--vvki-size-0px);
  font-size: var(--vvki-type-18px);
  padding-left: var(--vvki-size-20px);
}
.scaable-approach-wrapper .widget-text ul li {
  margin-bottom: var(--vvki-size-10px);
}
.jana-maharashtra-wrapper {
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
  background-color: var(--vvki-palette-e5e5e5);
}
.jana-maharashtra-wrapper .widget-text h4 {
  font-size: var(--vvki-type-20px);
}
.jana-maharashtra-wrapper .section-heading p {
  font-weight: 100;
}
.vision-wrapper {
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.vision-wrapper .widget ul {
  padding: var(--vvki-size-0px);
}
.vision-wrapper .widget ul li {
    list-style: none;
    display: flex;
    margin-bottom: var(--vvki-size-40px);
    align-items: flex-start;
}
.vision-wrapper .widget ul li img.img-fluid {
  margin-right: var(--vvki-size-15px);
  max-width: var(--vvki-size-60px);
  height: var(--vvki-size-60px);
}
.vision-wrapper .widget ul li h2 {
  font-family: var(--vvki-font-heading);
  font-size: var(--vvki-type-56px);
  margin: 0;
  margin-right: var(--vvki-size-10px);
      line-height: var(--vvki-size-40px);
}
.vision-wrapper .widget ul li p {
  font-size: var(--vvki-type-28px);
  margin: 0;
  line-height: var(--vvki-size-28px);
}
.vision-wrapper .widget-mat {
  position: relative;
}
.vision-wrapper .widget-mat .map-details {
  position: absolute;
  right: 0;
  bottom: 15px;
  border: solid 2px var(--vvki-palette-000);
  padding: var(--vvki-size-10px) var(--vvki-size-80px) var(--vvki-size-10px) var(--vvki-size-20px);
}
.vision-wrapper .widget-mat .map-details p {
  margin: 0;
  font-size: var(--vvki-type-30px);
}
.vision-wrapper .widget-mat .map-details h2 {
  font-size: var(--vvki-type-45px);
  font-family: var(--vvki-font-heading);
  color: var(--vvki-palette-213b54);
  font-weight: 900;
  margin: 0;
  color: var(--vvki-palette-084a86);
}
.section-heading h5 {
  font-size: var(--vvki-type-26px);
  margin-bottom: var(--vvki-size-15px);
}
.message-wrapper h3 {
  border-bottom: solid 3px var(--vvki-palette-ffae00);
  padding: var(--vvki-size-10px) var(--vvki-size-0px);
  margin-bottom: var(--vvki-size-50px);
  color: var(--vvki-palette-ffae00);
}
.message-wrapper .contact-form .widget label {
  font-weight: 600;
  font-size: var(--vvki-type-18px);
  margin-bottom: var(--vvki-size-10px);
}
.message-wrapper .contact-form .widget .form-control {
  border-radius: var(--vvki-size-0px);
  min-height: var(--vvki-size-49px);
}
.blog-wrapper h2 {
  background-color: var(--vvki-palette-213b54);
  color: var(--vvki-palette-fff);
  text-align: center;
  font-size: var(--vvki-type-24px);
  padding: var(--vvki-size-8px) var(--vvki-size-0px);
}
.blog-wrapper {
  border: solid 3px var(--vvki-palette-213b54);
}
.blog-wrapper {
  border: solid 3px var(--vvki-palette-213b54);
}
.blog-wrapper ul {
  padding: 0;
}
.blog-wrapper ul li {
  list-style: none;
  display: flex;
  align-items: flex-start;
  border-bottom: solid 1px var(--vvki-palette-ccc);
}
.blog-wrapper ul li .img-widget {
  box-shadow: 0px 0px 7px 0px var(--vvki-palette-8d8d8d);
  padding: var(--vvki-size-4px);
}
.blog-wrapper ul li h5 {
  font-size: var(--vvki-type-16px);
  font-weight: 600;
  color: var(--vvki-palette-ffae00);
  margin-top: var(--vvki-size-12px);
  margin-bottom: var(--vvki-size-2px)
}
.box-shadow-img {
  box-shadow: 0px 0px 5px 0px var(--vvki-palette-ccc);
  display: block;
  text-align: center;
  max-width: var(--vvki-size-620px);
  margin: 0 auto;
  padding: var(--vvki-size-25px);
}
.blog-list-wrapper .widget {
  box-shadow: 0px 0px 10px 0px var(--vvki-palette-ccc);
  padding: var(--vvki-size-15px);
}
.blog-list-wrapper .widget p{
  margin-bottom: var(--vvki-size-0px);
}
.blog-list-wrapper .widget{
  
}
.message-wrapper .abouts-us p {
  font-size: var(--vvki-type-18px);
}
.Our-Vision {
  background-color: var(--vvki-palette-f1f1f1);
  padding: var(--vvki-size-8px) var(--vvki-size-18px);
  border-top: solid 3px var(--vvki-palette-ffae00);
  padding-top: var(--vvki-size-22px);
}
.Our-Vision p {
  font-size: var(--vvki-type-18px);
}
.blog-wrapper ul li a {
  padding: var(--vvki-size-10px) var(--vvki-size-15px);
  color: var(--vvki-palette-000);
  text-decoration: none;
  font-size: var(--vvki-type-18px);
  display: block;
}
.awards-wrapper .widget {
  background-color: var(--vvki-palette-f1f1f1);
  position: relative;
  margin-top: var(--vvki-size-23px);
  padding: var(--vvki-size-14px) var(--vvki-size-0px);
}
.awards-wrapper .widget:after {
  position: absolute;
  content: '';
  right: 24px;
  background-color: var(--vvki-palette-f1f1f1);
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.awards-wrapper .widget ul {
  margin: 0;
  padding: 0;
  padding-left: var(--vvki-size-15px);
}
.awards-wrapper .widget ul li {
  font-size: var(--vvki-type-17px);
  margin-bottom: var(--vvki-size-4px);
}
.awards-wrapper .widget-img {
  border: solid 4px var(--vvki-palette-ffae00);
}
.impact-page {
  background-color: var(--vvki-palette-f0f0f0);
  padding: var(--vvki-size-1px) var(--vvki-size-0px);
}
.background-white {
  background-color: var(--vvki-palette-fff) !important;
}
.impact-same-wrapper {
  background-color: var(--vvki-palette-eee);
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.impact-same-wrapper .widget-text p {
  font-size: var(--vvki-type-20px);
}
.impact-same-wrapper-bg {
  background-size: cover;
  background-position: center;
}
.impact-same-wrapper-bg .widget-text {
  padding: var(--vvki-size-25px) var(--vvki-size-25px);
  position: relative;
  z-index: 1;
}
.impact-same-wrapper-bg .widget-text:after {
  position: absolute;
  background-color: var(--vvki-palette-rgb-726762283235352032353520323535202f20373125);
  height: 100%;
  width: calc(100% - -var(--vvki-size-24px));
  left: 0px;
  content: '';
  top: 0;
  z-index: -1;
}
.impact-same-wrapper .widget-text ul li {
  font-size: var(--vvki-type-20px);
  margin-bottom: var(--vvki-size-15px);
}
.impact-same-wrapper .widget-img p {
  font-size: var(--vvki-type-18px);
}
.leave-message-card {
  padding: var(--vvki-size-25px);
  background-color: var(--vvki-palette-d4d4d4);
}
.leave-message-card .form-group .form-control {
  border: solid 1px;
  border-radius: var(--vvki-size-0px);
}
.leave-message-card h4 {
  margin-bottom: var(--vvki-size-20px);
}
.blog-list-wrapper{
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.blog-list-wrapper .widget a {
  text-decoration: none;
}
.blog-list-wrapper .widget a h5 {
  font-size: var(--vvki-type-18px);
  margin-top: var(--vvki-size-15px);
  color: var(--vvki-palette-ffae00);
}
.blog-list-wrapper .widget a h3 {
  color: var(--vvki-palette-000);
}
.blog-list-wrapper .widget a p {
  color: var(--vvki-palette-000);
  font-size: var(--vvki-type-18px);
}

#gallery {
  padding-top: var(--vvki-size-40px);
}
.img-wrapper {
  position: relative;
  margin-top: var(--vvki-size-15px);
  box-shadow: 0px 0px 7px 0px var(--vvki-palette-bababa);
  padding: var(--vvki-size-20px);
}

.img-wrapper img {
  width: 100%;
}

.img-overlay {
  background: var(--vvki-palette-rgb-7267626128302c20302c20302c20302e3729);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  flex-direction: column;
    color: var(--vvki-palette-fff);
}

.img-overlay i {
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-3em);
}

#overlay {
  background: var(--vvki-palette-rgb-7267626128302c20302c20302c20302e3729);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#overlay img {
  margin: 0;
  width: 80%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 5%;
}
#nextButton {
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-2em);
  transition: opacity 0.8s;
}

#nextButton:hover {
  opacity: 0.7;
}

@media screen and (min-width: 768px) {
  #nextButton {
    font-size: var(--vvki-type-3em);
  }
}

#prevButton {
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-2em);
  transition: opacity 0.8s;
}

#prevButton:hover {
  opacity: 0.7;
}
#exitButton {
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-2em);
  transition: opacity 0.8s;
  position: absolute;
  top: 15px;
  right: 15px;
}

#exitButton:hover {
  opacity: 0.7;
}
.impact-same-wrapper .widget-img .widget-img-text h4 {
  text-align: center;
  color: var(--vvki-palette-36c8ec);
  font-weight: 600;
  font-size: var(--vvki-type-22px);
}
.impact-same-wrapper .widget-img .widget-img-text p {
  text-align: center;
  font-weight: 800;
}
.impact-same-wrapper .widget-img .widget-img-text p {
  text-align: center;
  font-weight: 800;
}
.widget-img-text-import p {
  font-size: var(--vvki-type-18px);
}
.contact-page .widget.widget-contact-text p {
  font-size: var(--vvki-type-26px);
  padding-right: var(--vvki-size-120px);
  text-align: justify;
}
.contact-page .widget.widget-contact-details ul {
  padding: var(--vvki-size-0px);
  margin: 0;
}
.contact-page .widget.widget-contact-details ul li {
  list-style: none;
  font-size: var(--vvki-type-16px);
  font-weight: 600;
}
.contact-page .widget.widget-contact-details .widget h3 {
  font-size: var(--vvki-type-16px);
  font-weight: 500;
  margin-bottom: var(--vvki-size-0px);
}
.contact-page .widget.widget-contact-details .widget p a {
  color: var(--vvki-palette-213b54);
  font-weight: 600;
}
.contact-page .widget.widget-contact-details .widget h5 {
  font-weight: 700;
  font-size: var(--vvki-type-16px)
}
.contact-page .widget.widget-contact-details .widget p{
  font-size: var(--vvki-type-18px)
}
.biography-wrapper{
  background-color: var(--vvki-palette-4ec8ef);
  padding: var(--vvki-size-20px);
  border-radius: var(--vvki-size-10px);
}
.biography-wrapper h4{
  font-size: var(--vvki-type-28px);
  margin-bottom: var(--vvki-size-15px);
}
.message-wrapper .heading-category {
  border-bottom: solid 2px var(--vvki-palette-ccc);
  margin-bottom: var(--vvki-size-20px);
}
.message-wrapper .heading-category h6 {
  color: var(--vvki-palette-36c8ec);
  font-weight: 600;
  font-size: var(--vvki-type-18px);
}
.message-wrapper .heading-category h4 {
  margin-bottom: 0;
  font-weight: 700;
}
.biography-wrapper p{
  font-size: var(--vvki-type-18px);
}
.message-wrapper .contact-form .widget label span {
    color: var(--vvki-palette-d00);
}
.impact-page .impact-widget {
  padding: var(--vvki-size-30px) var(--vvki-size-35px);
  background-color: var(--vvki-palette-eee);
  border-radius: var(--vvki-size-10px);
}
/* NEW CSS 15-04-2023 (End) */

/* RSS (Start) */
.mrgn-tp-0 {
	margin-top: var(--vvki-size-0px) !important;
}
.mrgn-tp-70 {
	margin-top: var(--vvki-size-70px) !important;
}
.mrgn-rght-0{
	margin-right: var(--vvki-size-0px) !important;
}
.mrgn-lft-0{
	margin-left: var(--vvki-size-0px) !important;
}
.mrgn-lft-20{
	margin-left: var(--vvki-size-20px) !important;
}
.mrgn-btm-15 {
	margin-bottom: var(--vvki-size-15px) !important;
}
.mrgn-btm-30 {
	margin-bottom: var(--vvki-size-30px);
}
.no-bord {
	border: 0px !important;
}
.pdng-rght-0{
	padding-right: var(--vvki-size-0px) !important;
}
.pdng-rght-20{
	padding-right: var(--vvki-size-20px) !important;
}
.pdng-rght-25{
	padding-right: var(--vvki-size-25px) !important;
}
.pdng-rght-50{
	padding-right: var(--vvki-size-50px) !important;
}
.pdng-rght-55{
	padding-right: var(--vvki-size-55px) !important;
}
.pdng-rght-60{
	padding-right: var(--vvki-size-60px) !important;
}
.pdng-rght-78{
	padding-right: var(--vvki-size-78px) !important;
}
.pdng-rght-100{
	padding-right: var(--vvki-size-100px) !important;
}
.pdng-rght-108{
	padding-right: var(--vvki-size-108px) !important;
}
.pdng-rght-128{
	padding-right: var(--vvki-size-128px) !important;
}
.pdng-rght-120{
	padding-right: var(--vvki-size-120px) !important;
}
.pdng-rght-180{
	padding-right: var(--vvki-size-180px) !important;
}
.pdng-lft-5{
	padding-left: var(--vvki-size-5px) !important;
}
.pdng-lft-30{
	padding-left: var(--vvki-size-30px) !important;
}
.pdng-lft-35{
	padding-left: var(--vvki-size-35px) !important;
}
.pdng-lft-40{
	padding-left: var(--vvki-size-40px) !important;
}
.pdng-lft-50{
	padding-left: var(--vvki-size-50px) !important;
}
.pdng-lft-60{
	padding-left: var(--vvki-size-60px) !important;
}
.pdng-lft-78{
	padding-left: var(--vvki-size-78px) !important;
}
.pdng-lft-88{
	padding-left: var(--vvki-size-88px) !important;
}
.pdng-lft-100{
	padding-left: var(--vvki-size-100px) !important;
}
.pdng-lft-108{
	padding-left: var(--vvki-size-108px) !important;
}
.pdng-lft-120{
	padding-left: var(--vvki-size-120px) !important;
}
.pdng-tp-10{
	padding-top: var(--vvki-size-10px) !important;
}
.custom-btn {
	font-size: var(--vvki-type-18px);
	font-weight:bold;
	padding: var(--vvki-size-6px) var(--vvki-size-20px);
	letter-spacing: 1px;
}
.custom-btn:hover{
	background-color: var(--vvki-palette-213b54);
	color: var(--vvki-palette-fff);
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link {
  font-size: var(--vvki-type-16px);
  padding: var(--vvki-size-10px) var(--vvki-size-18px) var(--vvki-size-0px) var(--vvki-size-18px);
  font-weight: 600;
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link:hover{
	color: var(--vvki-palette-ffae00);
}
.offcanvas-top-nav .navbar-nav a.phone-icon {
	font-weight:bold;
}
.offcanvas-top-nav .nav-item .custom-btn {
	font-size: var(--vvki-type-18px);
	font-weight:bold;
	padding: var(--vvki-size-6px) var(--vvki-size-20px);
	letter-spacing: 1px;
}
.offcanvas-top-nav .nav-item .custom-btn:hover{
	background-color: var(--vvki-palette-213b54);
}
.survival-wrapper .widget {
	padding: var(--vvki-size-35px) var(--vvki-size-0px);
	min-height: var(--vvki-size-218px);
}
.survival-wrapper .widget h5 {
	font-size: var(--vvki-type-25px);
	line-height: var(--vvki-size-45px);
	max-width: var(--vvki-size-820px);
}
.survival-wrapper .widget h4 {
	font-size: var(--vvki-type-25px);
	font-weight: 600;
}
.proven-on-ground-wrapper {
	padding: var(--vvki-size-48px) var(--vvki-size-0px);
	background-color: var(--vvki-palette-ededed);
}
.proven-on-ground-center {
	z-index: 999;
}
.proven-on-ground-wrapper .widget.item01, .proven-on-ground-wrapper .widget.item02, .proven-on-ground-wrapper .widget.item03, .proven-on-ground-wrapper .widget.item04 {
	z-index: 5;
	padding: var(--vvki-size-30px) var(--vvki-size-30px) var(--vvki-size-15px) var(--vvki-size-30px);
	height: auto;
}
.proven-on-ground-wrapper .top-widget {
	z-index: 6;
}
.proven-on-ground-wrapper .top-widget p {
	font-size: var(--vvki-type-20px);
	letter-spacing: 0px;
	line-height: var(--vvki-size-36px);
	text-align: justify;
}
.proven-on-ground-wrapper .widget h5 {
	font-size: var(--vvki-type-26px);
	font-weight: bold;
}
.proven-on-ground-wrapper .widget .widget h4 {
	font-size: var(--vvki-type-35px);
	font-family: var(--vvki-font-heading);
}
.proven-on-ground-wrapper .widget .widget h4.sml {
	font-size: var(--vvki-type-25px);
}
.proven-on-ground-wrapper .widget .widget p {
	font-size: var(--vvki-type-16px);
}
.proven-on-ground-wrapper .widget{
	padding: var(--vvki-size-10px) var(--vvki-size-0px) var(--vvki-size-40px);
}
.proven-on-ground-wrapper .widget .widget h4 span {
	font-family: var(--vvki-font-body);
	font-size: var(--vvki-type-15px);
}
.water-crisis-wrapper .widget {
	border: solid 3px var(--vvki-palette-41b8ec);
}
.water-crisis-wrapper .widget.item02 {
	border: solid 3px var(--vvki-palette-4aab37);
}
.water-crisis-wrapper .widget.item03 {
	border: solid 3px var(--vvki-palette-059b9a);
}
.water-crisis-wrapper .widget.item04 {
	border: solid 3px var(--vvki-palette-13628b);
}
.water-crisis-wrapper .widget a.custom-btn {
	font-weight: normal;
	text-transform: capitalize;
	position: absolute;
    bottom: 0px;
    min-width: var(--vvki-size-150px);
    left: calc(50% - 80px);
}
.section-heading h4 {
	font-size: var(--vvki-type-38px);
}
.our-process-wrapper .widget p {
	padding: var(--vvki-size-0px) var(--vvki-size-30px) var(--vvki-size-0px) var(--vvki-size-0px);
}
.media-gallery-wrapper {
	padding: var(--vvki-size-40px) var(--vvki-size-0px) var(--vvki-size-20px);
}
.testimonials-wrapper .item {
	min-height: var(--vvki-size-220px);
	padding: var(--vvki-size-15px);
}
.select-your-contribute {
  padding: var(--vvki-size-40px) var(--vvki-size-0px);
}
.select-your-contribute h3 {
	font-size: var(--vvki-type-35px);
	margin-bottom: var(--vvki-size-20px);
}
.select-your-contribute h3.lndg-pg {
	margin-bottom: var(--vvki-size-20px);
	font-size: var(--vvki-type-30px);
}
.main-header .navbar.navbar-expand-lg.no-bckg{
	background-color: var(--vvki-palette-rgb-726762283235352032353520323535202f20302529) !important;
}
.head-logo {
	max-width: 75% !important;
}
.survival-wrapper .widget h5.lndg-pg {
	font-size: var(--vvki-type-22px);
	line-height: var(--vvki-size-30px);
}
.banner-slider-wrapper.lndg-pg {
	height: var(--vvki-size-480px);
}
.lndg-pg-col1 {
	/*background-image: url('../images/landing-pg-banner.jpg'); 
	background-repeat: no-repeat; 
	background-size: cover; 
	background-position: center center;
	background-color: var(--vvki-palette-b1a795);*/
	text-align: center;
	background-image: url('../images/landing-pg-banner-v2-bg.jpg'); 
	background-position: center top;
	background-repeat: no-repeat;
}
.lndg-pg-col2 {
	background-color: var(--vvki-palette-fff); 
	background-image: url('../images/gurudev-v2.jpg'); 
	background-repeat: no-repeat; 
	background-position: bottom;
	padding-top: var(--vvki-size-80px);
	background-size: 100%;
}
.main-header .navbar.navbar-expand-lg {
	background-color: var(--vvki-palette-rgb-726762283235352032353520323535202f20313030);
	box-shadow: 0 0 15px 1px var(--vvki-palette-rgb-726762283020302030202f2032302529);
	border-bottom: solid 2px var(--vvki-palette-ffae00);
}
.select-your-contribute a.custom-btn {
	width: auto;
}
.select-your-contribute a.custom-btn:hover {
	background-color: var(--vvki-palette-fff);
	color: var(--vvki-palette-4aab37);
}
.proven-on-ground-wrapper .widget.item02 .col-lg-4 {
  border-right: dashed 1px var(--vvki-palette-fff) !important;
  border-bottom: dashed 1px var(--vvki-palette-fff) !important;
}
.proven-on-ground-wrapper .widget.item02 .col-lg-4:nth-child(6),
.proven-on-ground-wrapper .widget.item02 .col-lg-4:nth-child(3) {
  border-right: 0 !important;
}
.proven-on-ground-wrapper .widget.item02 .col-lg-4:nth-child(4),
.proven-on-ground-wrapper .widget.item02 .col-lg-4:nth-child(5),
.proven-on-ground-wrapper .widget.item02 .col-lg-4:nth-child(6){
  border-bottom: 0 !important;
}
.proven-on-ground-wrapper .widget.item02 h4 span {
	display: contents;
}
.proven-on-ground-wrapper .widget.item04 h4 span {
	display: contents;
}
.proven-on-ground-center {
	top: calc(50% - 30px);
}
.water-crisis-wrapper .widget img {
	margin-bottom: var(--vvki-size-20px);
}
.water-crisis-wrapper ul {
	list-style: disc;
	margin: var(--vvki-size-0px);
	margin-bottom: var(--vvki-size-20px);
}
.water-crisis-wrapper ul li {
	text-align: justify;
	padding-right: var(--vvki-size-15px);
	padding-bottom: var(--vvki-size-15px);
}
.select-your-contribute.lndg-pg {
	padding: var(--vvki-size-20px) var(--vvki-size-0px);
}
.water-crisis-wrapper .widget {
	height: 100%;
	position: relative;
}
.banner-slider-wrapper {
  height: 100vh;
}
#HomeSlider {
	height: 100vh;
}
#HomeSlider .owl-item img {
	height: 100%;
	/*Aditya */
	/*width: auto;*/
	width: 100%;
}
.item-contant-btn-wrapper {
	position: relative;
	left: 0px;
	bottom: 190px;
	padding-left: var(--vvki-size-45px);
}
.item-contant-btn-wrapper h4 {
	font-family: var(--vvki-font-body);
	color: var(--vvki-palette-fff);
	font-size: var(--vvki-type-60px);
	font-weight: bold;
	margin-bottom: var(--vvki-size-0px);
	text-shadow: 2px 2px var(--vvki-palette-5a5324);
	letter-spacing: 1px;
}
.item-contant-btn-wrapper h6 {
	font-family: var(--vvki-font-body);
	color: var(--vvki-palette-000);
	font-size: var(--vvki-type-17px);
	font-weight: 600;
}
.water-crisis-wrapper .widget h4 { 
	margin-bottom: var(--vvki-size-20px);
}
.top-right-sticky {
	width: var(--vvki-size-25px);
    position: fixed;
    right: 45px;
    top: calc(50% + 40px);
    transform: translateY(-50%);
    z-index: 901;
}
.top-right-sticky ul {
	list-style: none;
}
.top-right-sticky ul li a img {
	padding: var(--vvki-size-5px) var(--vvki-size-0px);
}
.top-right-sticky ul li a img.ytb {
	padding: var(--vvki-size-2px) var(--vvki-size-0px);
}
.top-right-sticky .icon {
	width: var(--vvki-size-32px);
    display: inline-block;
    height: var(--vvki-size-32px);
    background-image: url(../images/social-icon-sm.png);
    background-size: 180px;
    background-repeat: no-repeat;
}
.top-right-sticky .icon.fb {
	margin-left: var(--vvki-size-8px);
}
.top-right-sticky .icon.tw {
	background-position: -35px 0px;
	margin-left: var(--vvki-size-8px);
}
.top-right-sticky .icon.yt {
	background-position: -66px 0px;
    width: var(--vvki-size-44px);
}
.top-right-sticky .icon.insta {
	background-position: -113px 0px;
	margin-left: var(--vvki-size-8px);
}
.top-right-sticky .icon.lin {
	background-position: -147px 0px;
	margin-left: var(--vvki-size-8px);
}
.project-impact-wrapper .project-widget .widget p {
	padding: var(--vvki-size-0px) var(--vvki-size-15px);
	line-height: var(--vvki-size-20px);
	font-size: var(--vvki-type-15px);
}
.project-impact-wrapper .project-widget .widget p strong {
	font-size: var(--vvki-type-22px);
	line-height: var(--vvki-size-25px);
}

.project-impact-wrapper .project-widget .col-md-6:last-child .widget:after {
	border-right: 0px;
}
.our-partners-wrapper, .testimonials-wrapper {
	padding: var(--vvki-size-30px) var(--vvki-size-0px);
}
.top-right-sticky .wapp {
	padding-left: var(--vvki-size-7px);
}
.our-process-wrapper {
	padding: var(--vvki-size-30px) var(--vvki-size-0px);
	background-repeat: no-repeat;
}
.section-heading {
	margin-bottom: var(--vvki-size-20px);
}
.project-impact-wrapper, .water-crisis-wrapper, .about-wrapper {
	padding: var(--vvki-size-10px) var(--vvki-size-0px) var(--vvki-size-30px) var(--vvki-size-0px);
}
.main-footer .f-widget ul li a {
	text-transform: inherit;
}
.main-footer .f-widget ul.social-icon li a img {
	padding: var(--vvki-size-2px) var(--vvki-size-3px) var(--vvki-size-0px) var(--vvki-size-3px);
}
.main-footer .f-widget ul.social-icon li a img.ytb {
	padding: var(--vvki-size-0px) var(--vvki-size-5px) var(--vvki-size-0px) var(--vvki-size-5px);
}
.main-footer .f-widget ul.social-icon li:first-child a img {
	padding-left: var(--vvki-size-0px);
}
.test-auth-pic {
	width: var(--vvki-size-75px) !important;
	height: var(--vvki-size-75px);
	border-radius: 100%;
	border: 2px solid var(--vvki-palette-ffae00);
	display: inline !important;
}
.author-hlder {
	width: 100%;
	display: flex;
}
.author-hlder .auth-sec1 {
	width: var(--vvki-size-100px);
}
.author-hlder .auth-sec2 {
	width: calc(100% - var(--vvki-size-100px));
	padding: var(--vvki-size-0px) var(--vvki-size-5px);
	margin: auto;
}
.main-footer .f-widget.latest-news ul li a {
	display: inherit;
}
.main-footer .f-widget.latest-news ul li p {
	margin-left: var(--vvki-size-0px);
	text-align: justify;
	padding-right: var(--vvki-size-35px);
	padding-left: var(--vvki-size-10px);
}
.main-footer .f-widget.latest-news ul li a img {
	border-radius: var(--vvki-size-15px);
	border: 2px solid var(--vvki-palette-2e4057);
}
.hm-item-hlder {
	width: 100%;
	height: 100vh;
	overflow: hidden;
}
.about-wrapper p {
	text-align: justify;
}
.lndg-pg-full-banner {
	width: 100%;
	height: auto;
}
a.phone-icon {
  color: var(--vvki-palette-213b54);
  text-decoration: none;
  font-size: var(--vvki-type-20px);
  margin-right: var(--vvki-size-10px);
  line-height: var(--vvki-size-40px);
}
a.phone-icon i {
  margin-right: var(--vvki-size-10px);
}
a.no-underlne {
	text-decoration: none;
}
.blBar-bg {
	cursor:pointer
}
.vdoplchldr {
	z-index: 100;
}
#theVideo {
	width: 100%;
	height: 100vh;
	background-image: url('../images/bg-04.jpg');
}
#theDefVideo {
	width: 100%;
	height: 100vh;
	background-image: url('../images/bg-04.jpg');
}
.ver-middle-sticky {
	position:absolute;
	bottom: 5%;
    left: 2%;
	z-index: 902;
}
.ver-middle-sticky a {
	width: 100%;
	color: var(--vvki-palette-fff);
	text-decoration: none;
	font-size: var(--vvki-type-15px);
	margin: auto;
	background-color: var(--vvki-palette-rgb-726762612832392c2035372c2038312c302e3529);
	padding: var(--vvki-size-10px);
	border: 1px solid var(--vvki-palette-rgb-726762612832392c2035372c20383129);
}
.ver-middle-sticky a:hover {
	background-color: var(--vvki-palette-rgb-726762612832392c2035372c2038312c3129);
}
.ver-right-sticky {
	position:absolute;
	bottom: 5%;
    right: 2%;
	z-index: 903;
}
.ver-right-sticky a {
	width: 100%;
	color: var(--vvki-palette-fff);
	text-decoration: none;
	font-size: var(--vvki-type-15px);
	margin: auto;
	background-color: var(--vvki-palette-rgb-726762612832392c2035372c2038312c302e3529);
	padding: var(--vvki-size-10px);
	border: 1px solid var(--vvki-palette-rgb-726762612832392c2035372c20383129);
}
.ver-right-sticky a:hover {
	background-color: var(--vvki-palette-rgb-726762612832392c2035372c2038312c3129);
}
.project-impact-wrapper .project-widget .widget {
	margin-bottom: var(--vvki-size-40px);
}
.impact-page .impact-widget p {
	font-size: var(--vvki-type-17px);
	text-align: justify;
	line-height: var(--vvki-size-26px);
}
.project-impact-wrapper .project-widget .widget.noright-brd:after {
  display: none;
}
.project-impact-wrapper .project-widget .widget p span.strng {
	font-size: var(--vvki-type-17px);
	font-weight: 600;
}
.impact-same-wrapper .widget-img {
	padding: var(--vvki-size-15px);
}
.impact-same-wrapper .widget-text p {
	font-size: var(--vvki-type-17px);
}
.impact-same-wrapper .widget-text p strong {
	font-size: var(--vvki-type-18px);
}
.impact-same-wrapper .section-heading h4 {
	font-size: var(--vvki-type-38px);
}
.impact-same-wrapper .widget-img .widget-img-text {
	margin-bottom: var(--vvki-size-15px);
	padding-right: var(--vvki-size-80px);
}
.impact-same-wrapper .widget-img .widget-img-text h2 {
	font-size: var(--vvki-type-26px);
}
.impact-same-wrapper h5.widget-img-text-bottom {
	font-size: var(--vvki-type-12px);
}
.impact-same-wrapper {
	padding: var(--vvki-size-50px) var(--vvki-size-0px);
}
.section-heading h4 {
	text-transform: initial;
}
h5.impact-sub-graph-txt {
	font-size: var(--vvki-type-12px);
	font-weight: 800;
    font-family: var(--vvki-font-heading);
}
.impact-same-wrapper .widget-text ul li {
	font-size: var(--vvki-type-17px);
}
.widget-img-text-import p.sub-lne-txt {
	font-size: var(--vvki-type-12px);
}
.testimonials-wrapper {
	/*border-bottom: 1px solid var(--vvki-palette-aeaeae);*/
	background-color: var(--vvki-palette-fff);
}
.india-faces-wrapper.project-impact-wrapper .section-heading p {
	font-size: var(--vvki-type-17px);
	line-height: var(--vvki-size-30px);
	text-align: justify;
}
.india-faces-wrapper.project-impact-wrapper .project-widget .widget:after {
	height: 100%;
}
.india-faces-wrapper.project-impact-wrapper .project-widget .widget img {
	margin-bottom: var(--vvki-size-10px);
}
.map-project-wrapper .inside-widget {
	padding-left: var(--vvki-size-50px);
}
.map-project-wrapper .inside-widget p {
	font-size: var(--vvki-type-20px);
}
.map-project-wrapper .inside-widget {
	height: var(--vvki-size-140px);
}
.map-project-wrapper .inside-widget h3 {
	letter-spacing: -3px;
	font-size: var(--vvki-type-45px);
}
.scaable-approach-wrapper .widget-text p {
	font-size: var(--vvki-type-17px);
}
.scaable-approach-wrapper .widget-text ul {
	font-size: var(--vvki-type-17px);
}
.scaable-approach-wrapper .widget-text h4 span.drk-clr{
	color: var(--vvki-palette-00488b);
}
.jana-maharashtra-wrapper .section-heading p {
	font-size: var(--vvki-type-16px);
	line-height: var(--vvki-size-30px);
}
.jana-maharashtra-wrapper .widget-text h4 {
	font-size: var(--vvki-type-16px);
	line-height: var(--vvki-size-25px);
}
.vision-wrapper .widget ul li img.img-fluid {
	max-width: 70%;
	height: auto;
}
.contact-page .widget.widget-contact-details .widget p {
	font-size: var(--vvki-type-16px);
}
.contact-page .widget.widget-contact-text p {
	font-size: var(--vvki-type-16px);
	padding-right: var(--vvki-size-80px);
}
.blog-wrapper ul li h5 {
	margin-top: var(--vvki-size-0px);
}
.blog-wrapper ul li p {
	font-weight: 600;
	line-height: var(--vvki-size-16px);
}
.message-wrapper .abouts-us p {
	font-size: var(--vvki-type-16px);
	line-height: var(--vvki-size-25px);
}
.Our-Vision p {
	font-size: var(--vvki-type-16px);
}
.awards-wrapper .widget ul li {
	font-size: var(--vvki-type-15px);
}
.section-heading h4.sml-ver {
	font-size: var(--vvki-type-30px);
}
.box-shadow-img {
	padding: var(--vvki-size-15px);
}
.blog-wrapper ul li a.blg-lnk {
	padding: var(--vvki-size-0px);
	font-size: var(--vvki-type-14px);
}
.blog-wrapper ul li a.blg-lnk:hover{
	text-decoration: underline;
}
.message-wrapper .abouts-us ul li {
	font-size: var(--vvki-type-16px);
}
.message-wrapper .abouts-us p.blg-qute {
	background-color: var(--vvki-palette-13628b);
	padding: var(--vvki-size-15px);
	font-style: italic;
	color: var(--vvki-palette-fff);
}
.message-wrapper .abouts-us p.blg-qute strong {
	font-style: normal;
}
.box-shadow-img {
	max-width: fit-content;
}
.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav .nav-link:after {
	top: 15px;
}
.img-overlay, .img-overlay i {
	color: var(--vvki-palette-41b8ec);
}
.side-gall-cntr .img-overlay h5, .side-gall-cntr h4{
	font-size: var(--vvki-type-16px);
}
.section-heading h4 {
	/*text-align: left;*/
}
.img-overlay-sde {
  background: var(--vvki-palette-rgb-7267626128302c20302c20302c20302e303529);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  flex-direction: column;
    color: var(--vvki-palette-fff);
}

.img-overlay-sde i {
  color: var(--vvki-palette-fff);
  font-size: var(--vvki-type-3em);
}
.img-overlay-sde, .img-overlay-sde i {
	color: var(--vvki-palette-41b8ec);
}
.side-gall-cntr .img-overlay-sde h5{
	font-size: var(--vvki-type-16px);
}
.message-wrapper .contact-form .widget label {
	width: 100%;
}
.main-footer {
	border-top: solid 2px var(--vvki-palette-ffae00);
	/*margin-top: var(--vvki-size-30px);*/
}
.message-wrapper .contact-form .widget .form-control.sml {
	min-height: var(--vvki-size-25px);
	padding: var(--vvki-size-5px);
	font-size: var(--vvki-type-14px);
}
.message-wrapper .contact-form .widget label.sml {
	font-size: var(--vvki-type-15px);
    margin-bottom: var(--vvki-size-5px);
}
.map-project-wrapper .inside-widget p {
	display: block;
}
.mrgn-btm-70 {
	margin-bottom: var(--vvki-size-70px) !important;
}
.video-gall-cntr .img-wrapper h4 {font-size:var(--vvki-type-14px);}
#HomeSlider .owl-nav {
  position: absolute;
  top: 30%;
  z-index: 999;
  height: var(--vvki-size-40px);
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#HomeSlider .owl-nav button{
  /*display: block;*/
  width: var(--vvki-size-50px);
  height: var(--vvki-size-50px);
  border: 0px;
}


#HomeSlider .owl-dots {
  bottom: 30px;
  position: absolute;
  text-align: center;
}

#HomeSlider .owl-dots .owl-dot {
  display: block;
  width: var(--vvki-size-15px);
  height: var(--vvki-size-15px);
  border-radius: 50%;
  padding: var(--vvki-size-0px);
  border: 1px solid var(--vvki-palette-000);
  margin: var(--vvki-size-10px) var(--vvki-size-10px);
  background-color: var(--vvki-palette-efefef);
}
#HomeSlider .owl-dots .owl-dot.active {
	background-color: var(--vvki-palette-ffae00);
	border: 1px solid var(--vvki-palette-ffae00);
}
.map-project-wrapper.join-pg .inside-widget {
	height: auto;
	padding: var(--vvki-size-20px) var(--vvki-size-25px) var(--vvki-size-30px) var(--vvki-size-70px);
}
.map-project-wrapper.join-pg .inside-widget h3 {
	font-size: var(--vvki-type-30px);
	border-bottom: 0px;
}
.map-project-wrapper.join-pg .inside-widget img {
	top: 30px;
	width: var(--vvki-size-90px);
}
.map-project-wrapper.join-pg .inside-widget i {
	position: absolute;
    left: -38px;
	top: 30px;
	font-size: var(--vvki-type-40px);
	color: var(--vvki-palette-fff);
}
.map-project-wrapper.join-pg .inside-widget {
	border: solid 1px var(--vvki-palette-00488b);
}
.map-project-wrapper.join-pg .inside-widget.grn-clr {
	border: solid 1px var(--vvki-palette-a0ec20);
}
.map-project-wrapper.join-pg .inside-widget.grn-clr h3 {
	color: var(--vvki-palette-a0ec20);
}
.circle-icon{
	background: var(--vvki-palette-00488b);
    width: var(--vvki-size-80px);
    height: var(--vvki-size-80px);
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: var(--vvki-size-20px) var(--vvki-size-15px) var(--vvki-size-15px) var(--vvki-size-15px);
}
.map-project-wrapper.join-pg .inside-widget.grn-clr i {
	/*color: var(--vvki-palette-4aab37);*/
}
.map-project-wrapper.join-pg .inside-widget.grn-clr .circle-icon{
	background: var(--vvki-palette-a0ec20);
}
.blog-wrapper.news-sidebar .news-sidebar-thumb img {
	width: 100%;
	height: auto;
}
.box-shadow-img.sm-padd {
	padding: var(--vvki-size-5px);
}
.lrg-sze-pnts {
	font-size: var(--vvki-type-17px) !important;
}
.lrg-sze-pnts li {
	line-height: var(--vvki-size-30px) !important;
	margin-bottom: var(--vvki-size-15px);
}
.blog-wrapper.news-sidebar a {
  color: var(--vvki-palette-000);
  text-decoration: none;
  font-size: var(--vvki-type-18px);
}

.map-project-wrapper.join-pg .inside-widget.tweet-clr {
	border: solid 1px var(--vvki-palette-03a9f4);
}
.map-project-wrapper.join-pg .inside-widget.tweet-clr h3 {
	color: var(--vvki-palette-03a9f4);
}
.map-project-wrapper.join-pg .inside-widget.tweet-clr .circle-icon{
	background: var(--vvki-palette-03a9f4);
}
.map-project-wrapper.join-pg .inside-widget.lnkdin-clr {
	border: solid 1px var(--vvki-palette-0077b5);
}
.map-project-wrapper.join-pg .inside-widget.lnkdin-clr h3 {
	color: var(--vvki-palette-0077b5);
}
.map-project-wrapper.join-pg .inside-widget.lnkdin-clr .circle-icon{
	background: var(--vvki-palette-0077b5);
}
.map-project-wrapper.join-pg .inside-widget.instagrm-clr {
	border: solid 1px var(--vvki-palette-d13c9b);
}
.map-project-wrapper.join-pg .inside-widget.instagrm-clr h3 {
	color: var(--vvki-palette-d13c9b);
}
.map-project-wrapper.join-pg .inside-widget.instagrm-clr .circle-icon{
	background: var(--vvki-palette-f09433); 
background: -moz-linear-gradient(45deg, var(--vvki-palette-f09433) 0%, var(--vvki-palette-e6683c) 25%, var(--vvki-palette-dc2743) 50%, var(--vvki-palette-cc2366) 75%, var(--vvki-palette-bc1888) 100%); 
background: -webkit-linear-gradient(45deg, var(--vvki-palette-f09433) 0%,var(--vvki-palette-e6683c) 25%,var(--vvki-palette-dc2743) 50%,var(--vvki-palette-cc2366) 75%,var(--vvki-palette-bc1888) 100%); 
background: linear-gradient(45deg, var(--vvki-palette-f09433) 0%,var(--vvki-palette-e6683c) 25%,var(--vvki-palette-dc2743) 50%,var(--vvki-palette-cc2366) 75%,var(--vvki-palette-bc1888) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--vvki-palette-f09433)', endColorstr='var(--vvki-palette-bc1888)',GradientType=1 );
}
.map-project-wrapper.join-pg .inside-widget.ytube-clr {
	border: solid 1px var(--vvki-palette-f61c0d);
}
.map-project-wrapper.join-pg .inside-widget.ytube-clr h3 {
	color: var(--vvki-palette-f61c0d);
}
.map-project-wrapper.join-pg .inside-widget.ytube-clr .circle-icon{
	background: var(--vvki-palette-f61c0d);
}
.map-project-wrapper.join-pg .inside-widget.bloger-clr {
	border: solid 1px var(--vvki-palette-f06a34);
}
.map-project-wrapper.join-pg .inside-widget.bloger-clr h3 {
	color: var(--vvki-palette-f06a34);
}
.map-project-wrapper.join-pg .inside-widget.bloger-clr .circle-icon{
	background: var(--vvki-palette-f06a34);
}
.map-project-wrapper.join-pg a {
	text-decoration: none;
}
.project-impact-wrapper.less-btm-mrgn .project-widget .widget {
	margin-bottom: var(--vvki-size-20px);
}
.project-impact-wrapper .project-widget .widget p.blu-clr {
	color: var(--vvki-palette-4dc8ee);
}
.project-impact-wrapper .project-widget .widget p.grn-clr {
	color: var(--vvki-palette-a0ec20);
}
.project-impact-wrapper .project-widget .widget p strong.sm-sze {
	font-size: var(--vvki-type-18px);
}
.vert-algn-mdle {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
}
.txt-fxd-ht {
	min-height: var(--vvki-size-140px);
}
.hlder-mx-hgt {
	height: var(--vvki-size-140px);
	overflow: hidden;
}
.india-faces-wrapper.project-impact-wrapper .section-heading p.less-ln-hgt {
	line-height: var(--vvki-size-22px);
}
.footLnkLbl {
	font-size: var(--vvki-type-18px);
	margin-bottom: var(--vvki-size-0px);
}
.msg-alert {
	border: 1px solid var(--vvki-palette-13628b);
	color: var(--vvki-palette-13628b);
	font-size: var(--vvki-type-20px);
	font-weight: 600;
}
#gallery {
	background-color: var(--vvki-palette-fff);
	padding: var(--vvki-size-40px) var(--vvki-size-0px);
}
.dark-gray-bg {
	background-color: var(--vvki-palette-ededed) !important;
}
.testimonials-wrapper .item p em {
	color: var(--vvki-palette-13628b);
}
.main-header .navbar-expand-lg .navbar-nav .dropdown-menu li ul.dropdown-menu {
  display: none !important;
}

.main-header .navbar.navbar-expand-lg .offcanvas-body .navbar-nav li.nav-item.dropdown:hover ul.dropdown-menu li:hover ul.dropdown-menu {
  display: block !important;
  left: 160px;
  top: 4px;
}
.min-hgt-645 {
	min-height: var(--vvki-size-645px);
}
.min-hgt-590 {
	min-height: var(--vvki-size-590px);
}
/* RSS (End) */
/* New CSS for VVKI.Org Section (Start)*/
.project-details-jalsanchy{
  position: relative;
  z-index: 9;
}
.project-details-jalsanchy:before {
  position: absolute;
  width: var(--vvki-size-300px);
  content: '';
  background-color: var(--vvki-palette-fbfbfb);
  aspect-ratio: 1;
  border-radius: 50%;
  border: solid 20px var(--vvki-palette-rgb-7267622837362032303020323338202f2037342529);
  margin: auto;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 0px 50px var(--vvki-palette-4cc8ee);
  top: -80px;
  bottom: 0;
  z-index: -1;
}
.survival-wrapper.survival-qutes h4 {
  color: var(--vvki-palette-4f2914);
}
.project-details-jalsanchy .widget-list li {
  list-style: none;
  display: flex;
  align-items: center;
}
.project-details-jalsanchy .widget-list li .icon {
  width: var(--vvki-size-80px);
  margin: var(--vvki-size-0px) var(--vvki-size-20px);
  background-color: var(--vvki-palette-6fb030);
  border-radius: 50%;
  border: solid 2px var(--vvki-palette-000);
  padding: var(--vvki-size-10px);
}

.project-details-jalsanchy .widget-list li .icon.widget-blue{
  background-color: var(--vvki-palette-4084dd);
}
.project-details-jalsanchy .widget-list li .icon.widget-d-blue{
  background-color: var(--vvki-palette-193ec8);
}
.project-details-jalsanchy .widget-list li .icon.widget-purpal{
  background-color: var(--vvki-palette-c3207d);
}
.project-details-jalsanchy .widget-list li .icon.widget-red{
  background-color: var(--vvki-palette-f93d4e);
}
.project-details-jalsanchy .widget-list li .icon.widget-orange{
  background-color: var(--vvki-palette-f09333);

}
.project-details-jalsanchy .widget-list li a {
	color: var(--vvki-palette-000);
	font-size: var(--vvki-type-19px);
	text-decoration: none;
}
.project-details-jalsanchy .widget-list li a:hover {
	color: var(--vvki-palette-ffae00);
}
.project-details-jalsanchy .widget-list li h4 {
  text-transform: capitalize;
  font-size: var(--vvki-type-19px);
  font-weight: 800;
  /*max-width: var(--vvki-size-90px);*/
}
.project-jalsanchy-heading {
  position: absolute;
  top: 34px;
  width: var(--vvki-size-330px);
  margin: auto;
  aspect-ratio: 1;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  top: calc(50% - 40px);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.project-jalsanchy-heading h4 {
  margin-bottom: 0;
  font-size: var(--vvki-type-40px);
  font-weight: 900;
  text-transform: uppercase;
  color: var(--vvki-palette-4cc8ee);
  background-color: var(--vvki-palette-000);
  line-height: var(--vvki-size-31px);
}

.project-jalsanchy-heading h4 span{
  color: var(--vvki-palette-99c23a);
}
.project-details-jalsanchy-wrapper{
  padding: var(--vvki-size-80px) var(--vvki-size-0px);
}
.project-details-jalsanchy{
  position: relative;
}
.project-list-jalsanchy-wrapper{
  padding: var(--vvki-size-40px) var(--vvki-size-0px);
}
.project-list-jalsanchy-wrapper .widget h4 {
  font-family: var(--vvki-font-heading);
  font-size: var(--vvki-type-32px);
  font-weight: bolder;
  color: var(--vvki-palette-4cc8ee);
}
.project-list-jalsanchy-wrapper .widget h4 span {
  font-family: var(--vvki-font-heading);
  font-size: var(--vvki-type-18px);
  width: auto;
  display: inline-block;
  text-transform: capitalize;
  line-height: var(--vvki-size-19px);
}
.project-list-jalsanchy-wrapper .widget h4 span.arrw {
	width:auto;
	font-size: var(--vvki-type-27px);
}
.project-list-jalsanchy-wrapper .widget p {
  font-size: var(--vvki-type-19px);
  margin-bottom: 0;
  font-weight: 600;
  text-transform: capitalize;
  padding-left: var(--vvki-size-29px);
  line-height: var(--vvki-size-22px);
}
.project-details-jalsanchy-wrapper {
  padding: var(--vvki-size-40px) var(--vvki-size-0px) var(--vvki-size-50px) var(--vvki-size-0px);
  background-color: var(--vvki-palette-dcdcdc);
  z-index: 9;
}
.project-list-jalsanchy-wrapper .widget {
  border: solid 1px var(--vvki-palette-4cc8ee);
  padding: var(--vvki-size-25px) var(--vvki-size-10px);
}
.project-list-jalsanchy-wrapper .widget-broun{
  border: solid 1px var(--vvki-palette-914900);
}
.project-list-jalsanchy-wrapper .widget-broun h4{
  color: var(--vvki-palette-914900);
}
.project-list-jalsanchy-wrapper .widget-green{
  border: solid 1px var(--vvki-palette-32b131);
}
.project-list-jalsanchy-wrapper .widget-green h4{
  color: var(--vvki-palette-32b131);
}
.project-list-jalsanchy-wrapper .widget-yellow{
  border: solid 1px var(--vvki-palette-f7a100);
}
.project-list-jalsanchy-wrapper .widget-yellow h4{
    color: var(--vvki-palette-f7a100);
}
.project-list-jalsanchy-wrapper .widget-orange{
  border: solid 1px var(--vvki-palette-eb4f0c);
}
.project-list-jalsanchy-wrapper .widget-orange h4{
  color: var(--vvki-palette-eb4f0c);
}
.survival-wrapper {
	background-repeat: repeat-x; 
	background-position: bottom; 
	height: var(--vvki-size-400px);
}
.survival-wrapper .container-fluid {
	background-repeat: no-repeat; 
	background-position: bottom left; 
	height: var(--vvki-size-400px);
}
.survival-wrapper.survival-qutes {
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: left;
  padding: var(--vvki-size-60px) var(--vvki-size-0px);
}
.survival-wrapper.survival-qutes .widget {
  max-width: var(--vvki-size-830px);
  margin: auto 0 auto auto;
  text-align: center;
}
.quoteCntr {
	width: 100%;
	padding: var(--vvki-size-100px) 0% var(--vvki-size-80px) 25%;
}
.quoteCntr h5 {
	font-size: var(--vvki-type-25px);
	line-height: var(--vvki-size-40px);
	text-align: center;
	color: var(--vvki-palette-2e4057);
}
.quoteCntr h4 {
	font-size: var(--vvki-type-30px);
	text-align: center;
	color: var(--vvki-palette-4f260e);
}
.section-heading h4.mdle-ver {
	font-size: var(--vvki-type-34px);
}
.sptlghtpic {
	width: var(--vvki-size-125px) !important;
	height: var(--vvki-size-125px);
	border-radius: 100%;
	border: 2px solid var(--vvki-palette-4cc8ee);
	display: inline !important;
}
.sptlghtpic.sec2 {
	border: 2px solid var(--vvki-palette-914900);
}
.sptlghtpic.sec3 {
	border: 2px solid var(--vvki-palette-32b131);
}
.sptlghtpic.sec4 {
	border: 2px solid var(--vvki-palette-f7a100);
}
.sptlghtpic.sec5 {
	border: 2px solid var(--vvki-palette-eb4f0c);
}
.project-list-jalsanchy-wrapper .widgetV2 {
	/*border: solid 1px var(--vvki-palette-4cc8ee);*/
	padding: var(--vvki-size-10px);
}
.project-list-jalsanchy-wrapper .widgetV2.sec2 {
	/*border: solid 1px var(--vvki-palette-914900);*/
}
.project-list-jalsanchy-wrapper .widgetV2.sec3 {
	/*border: solid 1px var(--vvki-palette-32b131);*/
}
.project-list-jalsanchy-wrapper .widgetV2.sec4 {
	/*border: solid 1px var(--vvki-palette-f7a100);*/
}
.project-list-jalsanchy-wrapper .widgetV2.sec5 {
	/*border: solid 1px var(--vvki-palette-eb4f0c);*/
}
.project-list-jalsanchy-wrapper .widgetV2 p {
	font-size: var(--vvki-type-19px);
	margin-bottom: 0;
	font-weight: 600;
	text-transform: capitalize;
	padding-top: var(--vvki-size-5px);
	line-height: var(--vvki-size-22px);
}
.min-hgt-770 {
	min-height: var(--vvki-size-770px);
}
.min-hgt-830 {
	min-height: var(--vvki-size-830px);
}
.min-hgt-520 {
	min-height: var(--vvki-size-520px);
}
.min-hgt-540 {
	min-height: var(--vvki-size-540px);
}
.min-hgt-550 {
	min-height: var(--vvki-size-550px);
}
.min-hgt-170 {
	min-height: var(--vvki-size-170px);
}
.min-hgt-235 {
	min-height: var(--vvki-size-235px);
}
.min-hgt-180 {
	min-height: var(--vvki-size-180px);
}
.min-hgt-400 {
	min-height: var(--vvki-size-400px);
}
.min-hgt-440 {
	min-height: var(--vvki-size-440px);
}
.full-mx-wdth {
	max-width: 100% !important;
}
.fnt-sze-20 {
	font-size: var(--vvki-type-20px) !important;
}
.min-hgt-150 {
	min-height: var(--vvki-size-150px);
}
.min-hgt-160 {
	min-height: var(--vvki-size-160px);
}
.min-hgt-180 {
	min-height: var(--vvki-size-180px);
}
.background-light {
	background-color: var(--vvki-palette-ededed);
}
.bord-top-1 {
	border-top: 1px solid var(--vvki-palette-ededed);
}
.strategy-txt p, .strategy-txt ul {
	font-size: var(--vvki-type-16px);
	line-height: var(--vvki-size-25px);
}
.widget-lnk {
	z-index:999;
}
.pdng-tp-75{
	padding-top: var(--vvki-size-75px) !important;
}
.bg-pos-rght {
	background-position: right !important;
}
.rght-algn-pdng {
	padding: var(--vvki-size-100px) 25% var(--vvki-size-80px) 0%;
}
.res-guruji-qute {
	background-size: contain !important;
	height: var(--vvki-size-250px) !important;
}
.benefit-box {
	width: 100%;
	margin-top: var(--vvki-size-30px);
	border-bottom: 3px solid var(--vvki-palette-007aff);
}
.benefit-box p {
	font-size: var(--vvki-type-20px);
	font-weight: 600;
	margin-bottom: var(--vvki-size-5px);
}
.benefit-box:nth-of-type(2) {
	border-bottom: 3px solid var(--vvki-palette-fcb900);
}
.benefit-box:nth-of-type(3) {
	border-bottom: 3px solid var(--vvki-palette-00d084);
}
.benefit-box:nth-of-type(4) {
	border-bottom: 3px solid var(--vvki-palette-9b51e0);
}
.benefit-box:nth-of-type(5) {
	border-bottom: 3px solid var(--vvki-palette-cf2e2e);
}
.benefit-box:nth-of-type(6) {
	border-bottom: 3px solid var(--vvki-palette-007aff);
}
.benefit-box:nth-of-type(7) {
	border-bottom: 3px solid var(--vvki-palette-fcb900);
}
.benefit-box:nth-of-type(8) {
	border-bottom: 3px solid var(--vvki-palette-00d084);
}
.benefit-box:nth-of-type(9) {
	border-bottom: 3px solid var(--vvki-palette-9b51e0);
}
.benefit-box:nth-of-type(10) {
	border-bottom: 3px solid var(--vvki-palette-cf2e2e);
}
.sec-brd-btm {
	border-bottom: 3px solid var(--vvki-palette-ffae00);
}
.pdng-btm-0{
	padding-bottom: var(--vvki-size-0px) !important;
}
.sml-mn-hgt {
	min-height: var(--vvki-size-300px) !important;
}
.btn-fxd-post {
	position: absolute;
	bottom: 15px;
	width: 100%;
	text-align: center;
}
.inner-pg-slider {
	height: auto !important;
}
.inner-pg-slider-space {
	margin-top: var(--vvki-size-70px);
}
.mrgn-btm-25 {
	margin-bottom: var(--vvki-size-25px);
}
.mrgn-neg-tp-25 {
	margin-top: -var(--vvki-size-25px) !important;
}
.three-lne-box {
	min-height:var(--vvki-size-278px);
}
.sidebar-txt {
	position: relative;
	top: 0px;
	right: 35px;
	width: var(--vvki-size-62px);
	background: var(--vvki-palette-024e70);
	color: var(--vvki-palette-fff);
	padding: var(--vvki-size-5px);
	border: 1px solid var(--vvki-palette-024e70);
	text-align: right;
	line-height: var(--vvki-size-15px);
	border-radius: var(--vvki-size-8px);
	/*display: none;*/
	
}
.dwnld-bklt {
	text-decoration: none;
}
.dwnld-bklt:hover .sidebar-txt {
	/*display: block;*/
}
.commit-sec-hlder {
	display: flex;
}
.commit-sec-hlder-content-padd {
	padding-left: 1rem;
}
.commit-sec-hlder .commit-sec-hlder-content-padd h4 {
	padding-top: var(--vvki-size-0px);
}
/* New CSS for VVKI.Org Section (End) */
.full-slide-pic { 
	background-size:cover; 
	background-position: top; 
	position: relative;
}
.full-slide-pic h3.full-slide-pic-txt {
	position: absolute;
    top: 110px;
    left: 50%; 
	transform: translateX(-50%);
    color: var(--vvki-palette-12390d);
    font-size: var(--vvki-type-40px);
    text-align:center; 
	font-family: var(--vvki-font-heading);
}
.full-slide-pic h3.full-slide-pic-txt span {
	color: var(--vvki-palette-4b9212);
}
.full-slide-pic h3.slide-pic-txt-ver2 {
	position: absolute;
	left: 80px;
	top: 60%; 
	transform: translateY(-60%);
	color: var(--vvki-palette-fff);
	font-size: var(--vvki-type-40px);
	font-family: var(--vvki-font-heading);
	text-shadow: 0 0 5px var(--vvki-palette-rgb-7267626128302c20302c20302c20302e3729);
}
.full-slide-pic h3.slide-pic-txt-ver2 span {
	color: var(--vvki-palette-f8d504);
	font-size: var(--vvki-type-46px);
}
.full-slide-pic h3.slide-pic-txt-ver3 {
	position: absolute;
	right: 50px;
	top: 60%; 
	transform: translateY(-60%);
	color: var(--vvki-palette-f8d504);
	font-size: var(--vvki-type-60px);
	font-family: var(--vvki-font-heading);
	text-shadow: 2px 2px 5px var(--vvki-palette-rgb-7267626128302c20302c20302c203129);
	line-height: var(--vvki-size-45px);
}
.frnt-clr-whte {
	color: var(--vvki-palette-ffffff) !important;
}
.slide-txt-frnt-clr {
	color: var(--vvki-palette-d5151d) !important;
}
.slide-txt-frnt-clr-v2 {
	color: var(--vvki-palette-571c1a) !important;
}
.txt-shadow-none {
	text-shadow: none !important;
}
.fnt-sze-30 {
	font-size: var(--vvki-type-35px) !important;
}
.fnt-sze-45 {
	font-size: var(--vvki-type-45px) !important;
}
.fnt-sze-55 {
	font-size: var(--vvki-type-55px) !important;
}
.bckgrnd-pos-top{
	background-position: top !important;
}
/**New CSS for VVKI - 17-07-2026 - THIRu**/
.printout-icon-wrapper {
    min-height: var(--vvki-size-30px);
}
.printout-icon-wrapper > .container {
  display: none;   
}
.top-right-sticky.d-sm-block {
   display: none !important; 
}
.main-header .navbar.navbar-expand-lg .offcanvas-body {
    flex-direction: row-reverse;
}
section.home {
    padding: var(--vvki-size-40px) 0;
}
.home .blog-wrapper.news-sidebar a {
    padding: var(--vvki-size-10px);
    border: 1px solid var(--vvki-palette-dadada);
    display: flex;
    flex-direction: column;
    border-radius: var(--vvki-size-10px);
}
.home .box-shadow-img {
    box-shadow: none;
}
.simple-banner{
  background:var(--vvki-palette-152452);
  padding:3.5rem 0 1rem;
  text-align:center;
  color:var(--vvki-palette-fff);
  margin-top: 5rem;
}
.simple-banner h1{
  font-weight:800;
  font-size:var(--vvki-type-2_4rem);
  margin:0;
  text-align: left;
}
.simple-banner h1.inner-heading {
  font-size: var(--vvki-type-2_4rem);
  margin: 0;
  text-align: left;
}
.simple-banner p{
  color:var(--vvki-palette-rgb-72676261283235352c3235352c3235352c2e3729);
  margin:.6rem 0 0;
  font-size:.95rem;
  text-align: left;
}
.press-release-list ul, .press-release-list li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.press-release-list li.pr-list {
  padding-left: 1rem;
  /*border-bottom: 1px solid var(--vvki-palette-dadada);*/
  margin:var(--vvki-size-10px) 0;
}
.pr-year {
  font-size: var(--vvki-type-20px);
  font-weight: 600;
}
li.pr-list p:first-child {
  margin-bottom: 0;
}
li.pr-list a {
  text-decoration: none;
  color:var(--vvki-palette-152452);
}
li.pr-list a:hover {
  color: var(--vvki-palette-ffae00);
}
.press-release h2 {
  font-size: var(--vvki-type-1_2rem);
  font-weight: 600;
}
.press-release .message-wrapper .box-shadow-img p {
  font-size: var(--vvki-type-12px);
  margin:var(--vvki-size-10px) 0 0;
  line-height: normal;
}
.press-release .message-wrapper .box-shadow-img {
  max-width: var(--vvki-size-600px);
}
/* footer styles */
.main-footer {
  border-top:solid 4px var(--vvki-palette-2e4057);
  padding:var(--vvki-size-20px) 0
}
.main-footer .f-widget h3 {
  font-size: var(--vvki-type-24px);
  color: var(--vvki-palette-2e4057);
  margin-bottom: var(--vvki-size-14px);
}
.footLnkLbl, .main-footer .f-widget ul label {
  font-size:var(--vvki-type-14px);
}
.main-footer .f-widget ul li a {
  font-size: var(--vvki-type-14px);
  color: var(--vvki-palette-323232);
  padding: var(--vvki-size-4px) var(--vvki-size-0px);
}
.main-footer .f-widget ul li::marker {
    color: var(--vvki-palette-8e8e8e); 
}
.copyright-text {
  margin-top:var(--vvki-size-30px);
}
.ln-content h2, .blog-heading h2, .imageGallery .section-heading h2 {
  font-size: var(--vvki-type-1_2rem);
  font-weight: 600;
}
.printout-icon-wrapper {
  display: none;
}
.blog-page .blog-heading h3 {
  font-size: .8rem;
  font-weight: 600;
  color: var(--vvki-palette-747474);
  padding: 0;
  border: none;
  margin: 0;
  padding-bottom: var(--vvki-size-10px);
}
.blog-page .message-wrapper .heading-category {
  border-width: 0 0 var(--vvki-size-1px);
}
.blog-content .box-shadow-img {
  max-width: var(--vvki-size-700px);
}
@media (max-width:756px) {
  .dsy iframe, .message-wrapper iframe {
    width: 100%;
  }
  .simple-banner {
    margin-top: 0;
  }
  .main-footer {
    padding-bottom:var(--vvki-size-50px);
  }
  .nwAwardBtn.foot-lnk-btn {
    display:none !important;
  }
}
/**v61 items**/
.awards-wrapper {
    padding: var(--vvki-size-40px) 0;
}
.awards-wrapper .row .col-md-3 a {
    padding: var(--vvki-size-10px);
    border: 1px solid var(--vvki-palette-dadada);
    border-radius: var(--vvki-size-8px);
    display: flex;
    flex-direction: column;
    gap: var(--vvki-size-10px);
    text-decoration: none;
    color: var(--vvki-palette-000);
    font-size: var(--vvki-type-18px);
    height: 100%;
}
.awards-wrapper img {
    width: 100%;
}

  :root{
    --sun-orange:var(--vvki-palette-f4931e);
    --sky-blue:var(--vvki-palette-3fb6e8);
    --deep-navy:var(--vvki-palette-152452);
    --maroon:var(--vvki-palette-b5195e);
    --red-coral:var(--vvki-palette-ef4136);
    --cream:var(--vvki-palette-fff8ed);
    --ink:var(--vvki-palette-1c1c1c);
    --navy:var(--vvki-palette-152452);
    --orange:var(--vvki-palette-f4931e);
    --coral:var(--vvki-palette-ef4136);
    --sky:var(--vvki-palette-3fb6e8);
    --green:var(--vvki-palette-7cc142);
    --maroon:var(--vvki-palette-b5195e);
    --cream:var(--vvki-palette-fff8ed);
    --ink:var(--vvki-palette-17181c);
    --muted:var(--vvki-palette-6b6f76);
    --btn-bg:var(--vvki-palette-ffae00);
    --btn-hover:var(--vvki-palette-152452);
    --grad-warm:linear-gradient(135deg, var(--orange), var(--coral));
    --grad-cool:linear-gradient(135deg, var(--sky), var(--vvki-palette-1e7fb0));
    --grad-navy:linear-gradient(135deg, var(--vvki-palette-1f2e7a), var(--navy));
    --white:var(--vvki-palette-ffffff);
    --backdrop-warm:var(--vvki-palette-fce9cf);
    --line: var(--vvki-palette-rgb-726762612832312c33362c38322c302e313029);
    --shadow: 0 18px 40px -12px var(--vvki-palette-rgb-726762612832312c33362c38322c302e323229);
    --shadow-soft: 0 10px 30px -10px var(--vvki-palette-rgb-726762612832312c33362c38322c302e313429);
    --dot-inactive: var(--vvki-palette-rgb-726762612832312c33362c38322c302e313829);
    --green-deep: var(--orange);
  --green-dark: var(--navy);
  --amber: var(--sky);
  --text: var(--ink);
  --text-light: var(--muted);
  --border: var(--line);
  --red-soft: var(--coral);
  }

/* ---------- Reusable clickable card wrapper ---------- */
  /* Use this pattern everywhere: <a class="card-link"><div class="card ...">...</div></a> */
  .card-link{
    text-decoration:none;
    color:inherit;
    display:block;
    height:100%;
  }
  .card-link:hover{ color:inherit; }
  .card-link:hover .hover-lift{
    transform:translateY(-5px);
    box-shadow:0 16px 30px var(--vvki-palette-rgb-726762612832312c33362c38322c2e313429);
  }
  .hover-lift{
    transition:transform .2s ease, box-shadow .2s ease;
  }


  /* ---- Header ---- */
  .spotlight-header{
    padding:4.5rem 1rem 3rem;
    text-align:center;
    position:relative;
    overflow:hidden;
  }
  .spotlight-header::before{
    content:"";
    position:absolute;
    top:-120px; left:50%;
    width:var(--vvki-size-420px); height:var(--vvki-size-420px);
    background:radial-gradient(circle, var(--vvki-palette-rgb-72676261283234342c3134372c33302c302e323529) 0%, var(--vvki-palette-rgb-72676261283234342c3134372c33302c3029) 70%);
    transform:translateX(-50%);
    z-index:0;
  }
  .eyebrow{
    letter-spacing:.22em;
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    color:var(--maroon);
  }
  .spotlight-header h2{
    font-weight:700;
    font-size:clamp(2rem, 4.2vw, 3.1rem);
    margin-top:.5rem;
    margin-bottom:1rem;
    position:relative;
    z-index:1;
  }
  .spotlight-header h2 span{
    color:var(--sun-orange);
  }
  .spotlight-header p.lede{
    max-width:var(--vvki-size-640px);
    margin:1rem auto 0;
    color:var(--vvki-palette-5a5a5a);
    font-size:var(--vvki-type-1_05rem);
    position:relative;
    z-index:1;
  }

  /* ---- Project cards ---- */
  .project-card{
    background:var(--vvki-palette-fff);
    border:1px solid var(--vvki-palette-rgb-726762612832312c33362c38322c302e303829);
    border-radius:var(--vvki-size-18px);
    padding:1.9rem 1.4rem;
    height:100%;
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    position:relative;
    text-align: left;
  }
  .project-card:hover{
    transform:translateY(-6px);
    box-shadow:0 18px 34px var(--vvki-palette-rgb-726762612832312c33362c38322c302e313229);
    border-color:transparent;
  }
  .icon-badge{
    width:var(--vvki-size-64px);
    height:var(--vvki-size-64px);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:var(--vvki-type-1_6rem);
    color:var(--vvki-palette-fff);
    margin-bottom:1.1rem;
    box-shadow:0 8px 16px var(--vvki-palette-rgb-7267626128302c302c302c302e313229);
  }
  .icon-badge img{
    max-width:var(--vvki-size-32px);
  }
  .project-card h3{
    font-size:var(--vvki-type-1_08rem);
    font-weight:700;
    margin-bottom:.4rem;
  }
  .project-card p{
    font-size:.9rem;
    color:var(--vvki-palette-6b6b6b);
    margin-bottom:0;
  }
  .project-card .tag-no{
    position:absolute;
    top:1.1rem; right:1.2rem;
    font-size:.85rem;
    color:var(--vvki-palette-rgb-726762612832312c33362c38322c302e313829);
    font-weight:700;
  }

  /* icon color variants matched to original wheel palette */
  .bg-water{ background:linear-gradient(135deg,var(--vvki-palette-3fb6e8),var(--vvki-palette-1e7fb0)); }
  .bg-gaudhan{ background:linear-gradient(135deg,var(--vvki-palette-f4931e),var(--vvki-palette-c86a0c)); }
  .bg-agri{ background:linear-gradient(135deg,var(--vvki-palette-1f2e7a),var(--vvki-palette-152452)); }
  .bg-rural{ background:linear-gradient(135deg,var(--vvki-palette-b5195e),var(--vvki-palette-7e0f41)); }
  .bg-env{ background:linear-gradient(135deg,var(--vvki-palette-b5195e),var(--vvki-palette-8b1450)); }
  .bg-waste{ background:linear-gradient(135deg,var(--vvki-palette-ef4136),var(--vvki-palette-b92b22)); }
  .bg-edu{ background:linear-gradient(135deg,var(--vvki-palette-ef4136),var(--vvki-palette-c43127)); }
  .bg-women{ background:linear-gradient(135deg,var(--vvki-palette-1f2e7a),var(--vvki-palette-0f1a47)); }

  /* ---- Center brand strip ---- */
  .brand-strip{
    background:var(--deep-navy);
    color:var(--vvki-palette-fff);
    border-radius:var(--vvki-size-20px);
    padding:2rem 1.5rem;
    text-align:center;
    margin-top:1rem;
  }
  .brand-strip .art-logo{
    font-weight:700;
    font-size:var(--vvki-type-1_4rem);
    letter-spacing:.04em;
  }
  .brand-strip small{
    display:block;
    color:var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3635);
    letter-spacing:.15em;
    text-transform:uppercase;
    font-size:.7rem;
    margin-top:.4rem;
  }
  .section{ padding:2.5rem 0; }
  .section-soft{ background:var(--cream); }
  .section-dark{ background:var(--navy); color:var(--vvki-palette-fff); }
  
.ig-content .img-wrapper img {
    max-height: var(--vvki-size-200px);
    object-fit: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .ig-content .row {
   gap: var(--vvki-size-20px) 0;
  }
  .ig-content .img-wrapper {
    height: 100%;
    padding: 0;
    border-radius: var(--vvki-size-10px);
  }
  .ig-content .img-overlay {
    border-radius: var(--vvki-size-10px);
  }
  .ig-content h6 {
    padding: 1rem 0.6rem 0;
    margin: 0;
  }
  .ln-content .box-shadow-img img {
    max-width: var(--vvki-size-700px);
  }
  .ln-content .box-shadow-img p {
    margin:var(--vvki-size-10px) 0 0;
  }
  @media (max-width:576px){
    .spotlight-header{padding:3rem 1rem 2rem;}
    .ln-content .box-shadow-img {
    max-width:var(--vvki-size-620px);
   }
   .ln-content .box-shadow-img img {
    max-width: 100%;
   }  
  }


  /* =============== Reusable clickable wrapper =============== */
  .card-link{ text-decoration:none; color:inherit; display:block; height:100%; }
  .card-link:hover{ color:inherit; }
  .lift{ transition:transform .25s ease, box-shadow .25s ease; }
  .card-link:hover .lift{ transform:translateY(-6px); box-shadow:0 22px 40px var(--vvki-palette-rgb-726762612832312c33362c38322c2e313629); }
  .zoom-img{ transition:transform .4s ease; }
  .card-link:hover .zoom-img{ transform:scale(1.06); }
  .card-arrow{
    display:inline-flex; align-items:center; justify-content:center;
    width:var(--vvki-size-34px); height:var(--vvki-size-34px); border-radius:50%;
    background:var(--grad-warm); color:var(--vvki-palette-fff);
    opacity:0; transform:translateX(-6px);
    transition:opacity .2s ease, transform .2s ease;
    flex:0 0 auto;
  }
  .card-link:hover .card-arrow{ opacity:1; transform:translateX(0); }

  /* =============== Placeholder blocks =============== */
  .img-placeholder{
    background:repeating-linear-gradient(135deg, var(--vvki-palette-ececec), var(--vvki-palette-ececec) 10px, var(--vvki-palette-f5f5f4) 10px, var(--vvki-palette-f5f5f4) 20px);
    display:flex; align-items:center; justify-content:center;
    color:var(--vvki-palette-a3a3a3); font-size:.72rem;
    overflow:hidden;
  }
  .ss .img-placeholder { background:var(--cream);}
  .img-fill{ width:100%; height:100%; object-fit:cover; display:block; }
  /* organic "blob" image container — the modern alternative to plain rectangles/circles */
  .blob-a{ border-radius:63% 37% 54% 46% / 47% 45% 55% 53%; }
  .blob-b{ border-radius:38% 62% 46% 54% / 56% 42% 58% 44%; }
  .blob-c{ border-radius:52% 48% 34% 66% / 62% 40% 60% 38%; }

  /* =============== Press — browser mockup frame (a different way of showing "images") =============== */
  .browser-frame{
    border-radius:var(--vvki-size-14px);
    overflow:hidden;
    box-shadow:0 14px 30px var(--vvki-palette-rgb-726762612832312c33362c38322c2e313229);
    background:var(--vvki-palette-fff);
    height:100%;
  }
  .browser-frame.ss{ box-shadow:0 0 30px var(--vvki-palette-rgb-726762612832312c33362c38322c2e313229); }
  .browser-topbar{
    background:var(--vvki-palette-eceef1);
    padding:.55rem .75rem;
    display:flex; gap:.4rem;
  }
  .browser-topbar span{ width:var(--vvki-size-9px); height:var(--vvki-size-9px); border-radius:50%; display:inline-block; }
  .browser-topbar span:nth-child(1){ background:var(--vvki-palette-ef4136); }
  .browser-topbar span:nth-child(2){ background:var(--vvki-palette-f4931e); }
  .browser-topbar span:nth-child(3){ background:var(--vvki-palette-7cc142); }
  .browser-frame .img-placeholder{ width:100%; height:var(--vvki-size-190px); }
  .browser-body{ padding:1.1rem 1.2rem; }
  .browser-body .press-title{ font-weight:700; font-size:.94rem; margin-bottom:.35rem; }
  .browser-body .press-source{
    font-size:.75rem; text-transform:uppercase; letter-spacing:.08em;
    color:var(--coral); font-weight:700;
  }
  .browser-frame.ss .img-placeholder{ width:100%; height:var(--vvki-size-250px); }
  .ss .press-description{ color:var(--muted); margin-bottom :0; }
  /* =============== Awards — duotone hover grid =============== */
  .award-tile{
    position:relative;
    border-radius:var(--vvki-size-16px);
    overflow:hidden;
    height:var(--vvki-size-260px);
  }
  .award-tile .img-placeholder{ width:100%; height:100%; }
  .award-tile::before{
    content:"";
    position:absolute; inset:0;
    background:linear-gradient(0deg, var(--vvki-palette-rgb-726762612832312c33362c38322c2e383529), var(--vvki-palette-rgb-726762612832312c33362c38322c2e313529) 55%);
    z-index:1;
  }
  .award-tile .award-caption{
    position:absolute; left:0; right:0; bottom:0;
    z-index:2;
    padding:1rem;
    color:var(--vvki-palette-fff);
    font-size:.85rem;
    font-weight:600;
  }

  .btn-back{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    background:transparent;
    color:var(--vvki-palette-152452);
    border:none;
    border-radius:var(--vvki-size-8px);
    padding:var(--vvki-size-10px) 0;
    font-weight:600;
    font-size:.95rem;
    text-decoration:none;
    cursor:pointer;
    transition:background-color .25s ease, color .25s ease;
    width:max-content;
  }

  .btn-back.style-3 i{
    transition:transform .2s ease;
  }
  .btn-back.style-3:hover i{
    animation:nudge-left .7s ease-in-out infinite;
  }
  .ln-content p {
    text-align:center;
  }
  .ln-content.ss-content p, .ss-content p {
    text-align:left;
  }
  .ig-content h4 {
    font-size: var(--vvki-type-0_94rem);
    font-weight: 700;
  }
 .banner-slider-wrapper, .inner-bannerwrapper { 
    margin-bottom: var(--vvki-size-30px);
   }
   .banner-slider-wrapper.home {
    margin-bottom: var(--vvki-size-0px);
   }
  @keyframes nudge-left{
    0%,100%{ transform:translateX(0); }
    50%{ transform:translateX(-5px); }
  }
  
  /* ---------- GALLERY GRID ---------- */
  .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: var(--vvki-size-16px);
    max-width: 100%;
    margin: var(--vvki-size-20px) auto;
  }
  .gallery.student {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }

  .gallery figure {
    margin: 0;
    overflow: hidden;
    border-radius: var(--vvki-size-10px);
    box-shadow: 0 2px 8px var(--vvki-palette-rgb-7267626128302c302c302c302e313229);
    background: var(--vvki-palette-ddd);
    aspect-ratio: 1 / 1;
    position: relative;
  }

  .gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.35s ease;
    cursor: pointer;
  }

  .gallery figure:hover img {
    transform: scale(1.08);
  }
 .ln-content.ss-content h2 {
    margin-bottom: 1rem;
  }
  .ss-content .box-shadow-img {
    max-width: 100%;
    padding: 0;
    background: var(--cream) ;
  }
  .ln-content.ss-content .box-shadow-img img {
    max-width: 100%;
    height: auto;
  }
  /* ---------- CSS-ONLY LIGHTBOX (click to enlarge) ---------- */
  /* Each image is wrapped in an <a href="#imgN"> and there's a
     matching <div id="imgN" class="lightbox"> further down.     */

  .lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--vvki-palette-rgb-7267626128302c302c302c302e383529);
    z-index: 999;
    align-items: center;
    justify-content: center;
    padding: var(--vvki-size-20px);
  }

  .lightbox:target {
    display: flex;
  }

  .lightbox img {
    max-width: 90%;
    max-height: 90%;
    border-radius: var(--vvki-size-6px);
    box-shadow: 0 4px 30px var(--vvki-palette-rgb-7267626128302c302c302c302e3529);
  }

  .lightbox .close {
    position: absolute;
    top: 20px;
    right: 30px;
    color: var(--vvki-palette-fff);
    font-size: var(--vvki-type-2rem);
    text-decoration: none;
    line-height: 1;
  }

  .tm-section{
    --tm-page-bg:var(--vvki-palette-aeb7c4);
    --tm-card-bg:var(--vvki-palette-ffffff);
    --tm-ink:var(--vvki-palette-2e3444);
    --tm-muted:var(--vvki-palette-9aa0ac);

    box-sizing:border-box;
    padding:0 var(--vvki-size-24px) var(--vvki-size-64px);
    color:var(--tm-ink);
  }
  .tm-section *{ box-sizing:border-box; }

  .tm-wrap{ max-width:100%; margin:0 auto; }

  .tm-heading{ text-align:center; margin-bottom:var(--vvki-size-44px); margin-top:var(--vvki-size-44px); }
  .tm-heading h2{ font-size:var(--vvki-type-32px); font-weight:800; margin:0 0 var(--vvki-size-8px); color:var(--vvki-palette-000); }
  .tm-heading h2 span{ color:var(--vvki-palette-ffae00); }
  .tm-heading p{ color:var(--vvki-palette-4c5568); font-size:var(--vvki-type-14px); margin:0; }

  .tm-grid{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:var(--vvki-size-24px);
  }

  .tm-grid.col-4{
    grid-template-columns:1fr 1fr 1fr 1fr;
    width: 100%;
  }

  .tm-card{
    background:var(--tm-card-bg);
    border-radius:var(--vvki-size-10px);
    padding:var(--vvki-size-28px);
    display:flex;
    align-items:center;
    gap:var(--vvki-size-20px);
    cursor:pointer;
    border:none;
    text-align:left;
    width:100%;
    font-family:inherit;
    transition:transform .18s ease, box-shadow .18s ease;
    box-shadow:0 0 14px var(--vvki-palette-rgb-726762612838342c2038342c2038362c20302e3138);
    flex-direction:column;
  }
  .tm-card:hover, .tm-card:focus-visible{
    transform:translateY(-3px);
    box-shadow:0 10px 24px var(--vvki-palette-rgb-726762612832302c32352c34302c2e313829);
    outline:none;
  }

  .tm-avatar{
    --tm-avatar-bg:var(--vvki-palette-dfe3ea);
    --tm-avatar-bg1:var(--vvki-palette-fdebd0);
    width: var(--vvki-size-150px);
    height:var(--vvki-size-150px);
    flex:0 0 auto;
    border-radius:50%;
    background:var(--tm-avatar-bg);
  }
  .tm-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
  }

  .tm-info{ min-width:0; width: 100%; }
  .tm-info .tm-tag{
    font-size:var(--vvki-type-12px);
    text-transform:none;
    letter-spacing:normal;
    color:var(--vvki-palette-000);
    margin:0 0 var(--vvki-size-4px);
    font-weight: 600;
  }
  .tm-info .tm-name{
    font-size:var(--vvki-type-18px);
    font-weight:700;
    margin:0 0 var(--vvki-size-6px);
    color:var(--navy)
  }
  .tm-info .tm-bio{
    font-size:var(--vvki-type-13px);
    line-height:1.55;
    color:var(--vvki-palette-333);
    margin:0;
  }
  .tm-info .tm-hint{
    font-size:var(--vvki-type-11px);
    color:var(--vvki-palette-7b8a9a);
    margin:var(--vvki-size-8px) 0 0;
    font-style:italic;
    display:none;
  }

  @media (max-width:640px){
    .tm-grid, .tm-grid.col-4{ grid-template-columns:1fr; }
  }

  /* ---------------- Popup / modal (namespaced — no "modal" class!) ---------------- */

  .tm-overlay{
    position:fixed;
    inset:0;
    background:var(--vvki-palette-rgb-726762612832302c32342c33352c2e353529);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:var(--vvki-size-24px);
    opacity:0;
    visibility:hidden;
    transition:opacity .2s ease;
    z-index:99999;
  }
  .tm-overlay.tm-open{ opacity:1; visibility:visible; }

  .tm-popup{
    background:var(--vvki-palette-fff);
    border-radius:var(--vvki-size-16px);
    max-width:var(--vvki-size-520px);
    width:100%;
    max-height:85vh;
    overflow-y:auto;
    padding:var(--vvki-size-36px);
    position:relative;
    transform:translateY(14px) scale(.98);
    transition:transform .2s ease;
  }
  .tm-overlay.tm-open .tm-popup{ transform:translateY(0) scale(1); }

  .tm-popup-close{
    position:absolute;
    top:16px;
    right:16px;
    width:var(--vvki-size-34px);
    height:var(--vvki-size-34px);
    border:none;
    border-radius:50%;
    background:var(--vvki-palette-f1f2f5);
    color:var(--tm-ink);
    font-size:var(--vvki-type-18px);
    line-height:1;
    cursor:pointer;
  }
  .tm-popup-close:hover{ background:var(--vvki-palette-e6e8ec); }

  .tm-popup-head{
    display:flex;
    align-items:center;
    gap:var(--vvki-size-18px);
    margin-bottom:var(--vvki-size-20px);
  }
  .tm-popup-avatar{
    width:var(--vvki-size-88px);
    height:var(--vvki-size-88px);
    border-radius:50%;
    flex:0 0 auto;
    background:var(--vvki-palette-dfe3ea);
  }
  .tm-popup-avatar img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:50%;
    display:block;
  }
  .tm-popup-name{ font-size:var(--vvki-type-21px); font-weight:800; margin:0 0 var(--vvki-size-4px); color:var(--navy); }
  .tm-popup-tag{
    font-size:var(--vvki-type-12px);
    text-transform:uppercase;
    letter-spacing:.06em;
    color:var(--tm-muted);
    margin:0;
    font-weight:600;
  }

  .tm-popup-detail p{
    font-size:var(--vvki-type-14px);
    line-height:1.7;
    color:var(--vvki-palette-333);
    margin:0 0 var(--vvki-size-14px);
  }
  .tm-popup-detail p:last-child{ margin-bottom:0; }
/* --- Tabs --- */
.page-content { display: block; }
.page-content.hidden { display: none; }

/* --- Container --- */
.container { max-width: var(--vvki-size-1080px); margin: 0 auto; padding: 0 var(--vvki-size-24px); }

/* --- Hero --- */
.hero {
  position: relative;
  min-height: var(--vvki-size-600px);
  background: var(--green-dark);
  display: flex;
  align-items: flex-end;
  padding: var(--vvki-size-60px) 0 var(--vvki-size-20px);
  overflow: hidden;
  margin-top: var(--vvki-size-70px);
}
.hero .photo-slot {
  position: absolute;
  inset: 0;
 
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3229);
  font-size: var(--vvki-type-13px);
  font-weight: 600;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.hero .photo-slot img { width: 100%; height: 100%; object-fit: cover;  }
.hero .hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to top, var(--vvki-palette-rgb-726762612832312c33362c38322c302e393229) 25%, var(--vvki-palette-rgb-726762612832312c33362c38322c3029) 44%);
}
.hero .container { position: relative; z-index: 2; }
.hero h1 {
  font-family: var(--font-display);
  font-size: var(--vvki-type-42px);
  font-weight: 700;
  color: var(--white);
  margin-bottom: var(--vvki-size-8px);
  line-height: 1.2;
}
.hero .subtitle {
  font-size: var(--vvki-type-18px);
  color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3829);
  max-width: var(--vvki-size-680px);
  line-height: 1.6;
}

@media (max-width: 768px) {
  .hero { min-height: var(--vvki-size-400px); padding-top:0; }
  .hero .photo-slot {  inset:auto; top:0; }
  .hero .photo-slot img { height:auto}
}
/* --- Anchor nav --- */
.anchor-nav {
  background: var(--white);
  border-bottom: 1px solid var(--muted);
  position: sticky;
  top: 96px;
  z-index: 90;
}
.anchor-nav ul {
  list-style: none;
  display: flex;
  max-width: var(--vvki-size-1080px);
  margin: 0 auto;
  padding: 0 var(--vvki-size-24px);
  overflow-x: auto;
}
.anchor-nav a {
  display: block;
  padding: var(--vvki-size-14px) var(--vvki-size-18px);
  font-size: var(--vvki-type-13px);
  font-weight: 600;
  color: var(--text-light);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
}
.anchor-nav a:hover {
  color: var(--green-deep);
  border-bottom-color: var(--green-deep);
}

/* --- Sections --- */
.section { padding: var(--vvki-size-40px) 0; }
.section.bg-cream { background: var(--cream); }
.section.bg-white { background: var(--white); }
.section.bg-dark { background: var(--green-dark) !important; color: var(--white); }

.section-eyebrow {
  font-size: var(--vvki-type-12px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--green-deep);
  margin-bottom: var(--vvki-size-12px);
}
.section.bg-dark .section-eyebrow { color: var(--amber); }

.section-title {
  font-family: var(--font-display);
  font-size: var(--vvki-type-32px);
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: var(--vvki-size-24px);
}

.section-body {
  /* max-width: var(--vvki-size-720px); */
  font-size: var(--vvki-type-17px);
  color:var(--vvki-palette-000);
  line-height: 1.8;
}
.section.bg-dark .section-body { color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3829); }
.section-body p + p { margin-top: var(--vvki-size-16px); }
.section-body a {
  color: var(--green-deep);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.section.bg-dark .section-body a { color: var(--amber); }

/* --- Photo placeholder --- */
.img-slot {
  background: var(--vvki-palette-e0ddd6);
  border-radius: var(--vvki-size-8px);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--vvki-palette-999);
  font-size: var(--vvki-type-13px);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-align: center;
  
}
.img-slot img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--vvki-size-8px); }
/* --- Origin layout --- */
.origin-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: var(--vvki-size-48px);
  align-items: start;
}
.origin-photo { width: 100%; aspect-ratio: 3/4; }
.origin-photo img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--vvki-size-8px); }
@media (max-width: 768px) {
  .origin-grid { grid-template-columns: 1fr; gap: var(--vvki-size-24px); }
  /* .origin-photo { max-width: var(--vvki-size-240px); aspect-ratio: 1/1; } */
  .section-title { font-size: var(--vvki-type-24px); }
  .hero {margin-top: 0;}
  .hero h1 { font-size: var(--vvki-type-26px); }
}

/* --- What We Do cards --- */
.verticals-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: var(--vvki-size-24px);
  margin-top: var(--vvki-size-36px);
}
.vertical-card {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: var(--vvki-size-8px);
  overflow: hidden;
  transition: box-shadow 0.2s;
}
.vertical-card:hover { box-shadow: 0 4px 20px var(--vvki-palette-rgb-7267626128302c302c302c302e303829); }
.vertical-card .card-photo { width: 100%; height: var(--vvki-size-180px); }
.vertical-card .card-body { padding: var(--vvki-size-24px); }
.vertical-card h3 {
  font-family: var(--font-display);
  font-size: var(--vvki-type-20px);
  font-weight: 700;
  margin-bottom: var(--vvki-size-10px);
  color: var(--text);
}
.vertical-card p {
  font-size: var(--vvki-type-15px);
  color: var(--vvki-palette-000000);
  line-height: 1.65;
  margin-bottom: var(--vvki-size-14px);
}
.vertical-card .card-link {
  font-size: var(--vvki-type-14px);
  font-weight: 600;
  color: var(--green-deep);
  text-decoration: none;
}
.vertical-card .card-link:hover { text-decoration: underline; }

/* --- Impact Numbers --- */
.impact-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--vvki-size-40px) var(--vvki-size-32px);
  margin-top: var(--vvki-size-40px);
}
@media (max-width: 900px) { .impact-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 500px) { .impact-grid { grid-template-columns: 1fr 1fr; gap: 28px 20px; } }
.impact-item { text-align: center; background:var(--vvki-palette-213a8673); border-radius: var(--vvki-size-8px); padding: var(--vvki-size-24px); }
.impact-number {
  font-family: var(--font-display);
  font-size: var(--vvki-type-38px);
  font-weight: 700;
  color: var(--white);
  line-height: 1.1;
  margin-bottom: var(--vvki-size-6px);
}
.impact-label {
  font-size: var(--vvki-type-14px);
  color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3729);
  line-height: 1.4;
}
.impact-source {
  margin-top: var(--vvki-size-40px);
  text-align: center;
  font-size: var(--vvki-type-13px);
  color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3429);
  font-style: italic;
}

/* --- Governance --- */
.gov-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--vvki-size-20px);
  margin-top: var(--vvki-size-32px);
}
@media (max-width: 600px) { .gov-grid { grid-template-columns: 1fr; } .impact-number { font-size: var(--vvki-type-22px); } }
.gov-card {
  background: var(--cream);
  border-radius: var(--vvki-size-8px);
  padding: var(--vvki-size-24px);
  border-left: 3px solid var(--green-deep);
}
.gov-card h3 {
  font-size: var(--vvki-type-15px);
  font-weight: 700;
  color: var(--text);
  margin-bottom: var(--vvki-size-6px);
}
.gov-card p { font-size: var(--vvki-type-15px); color: var(--text-light); }
.gov-card .pending {
  color: var(--red-soft);
  font-style: italic;
  font-size: var(--vvki-type-14px);
}

/* --- Awards & Partnerships --- */
.two-col-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--vvki-size-48px);
  margin-top: var(--vvki-size-32px);
}
@media (max-width: 768px) { .two-col-split { grid-template-columns: 1fr; gap: 36px; } }
.col-heading {
  font-family: var(--font-display);
  font-size: var(--vvki-type-22px);
  font-weight: 700;
  margin-bottom: var(--vvki-size-20px);
  padding-bottom: var(--vvki-size-12px);
  border-bottom: 2px solid var(--green-deep);
}

.award-item {
  display: flex;
  gap: var(--vvki-size-14px);
  align-items: flex-start;
  margin-bottom: var(--vvki-size-20px);
}
.award-dot {
  width: var(--vvki-size-10px);
  height: var(--vvki-size-10px);
  min-width: var(--vvki-size-10px);
  background: var(--green-deep);
  border-radius: 50%;
  margin-top: var(--vvki-size-7px);
}
.award-dot.partner { background: var(--amber); }
.award-item h4 {
  font-size: var(--vvki-type-15px);
  font-weight: 700;
  color: var(--text);
  margin-bottom: var(--vvki-size-3px);
  line-height: 1.35;
}
.award-item p {
  font-size: var(--vvki-type-14px);
  color: var(--text-light);
  line-height: 1.5;
}

/* --- CTA --- */
.cta-section {
  position: relative;
  padding: var(--vvki-size-40px) 0;
  background: var(--line);
  text-align: center;
  overflow: hidden;
}
.cta-section .photo-slot {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3135);
  font-size: var(--vvki-type-13px); font-weight: 600;
  text-transform: uppercase; letter-spacing: 0.05em;
}
.cta-section .container { position: relative; z-index: 2; }
.cta-section h2 {
  font-family: var(--font-display);
  font-size: var(--vvki-type-30px);
  font-weight: 700;
  color: var(--navy);
  margin-bottom: var(--vvki-size-12px);
}
.cta-section .cta-sub {
  font-size: var(--vvki-type-18px);
  color: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3835);
  margin-bottom: var(--vvki-size-36px);
  max-width: var(--vvki-size-560px);
  margin-left: auto;
  margin-right: auto;
}
.cta-buttons {
  display: flex;
  gap: var(--vvki-size-16px);
  justify-content: center;
  flex-wrap: wrap;
}
.btn {
  display: inline-block;
  padding: var(--vvki-size-14px) var(--vvki-size-32px);
  border-radius: var(--vvki-size-6px);
  font-family: var(--font-body);
  font-size: var(--vvki-type-15px);
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  transition: all 0.2s;
  cursor: pointer;
  border: none;
}
.btn-primary { background: var(--btn-bg); color: var(--vvki-palette-1a1a1a); }
.btn-primary:hover { background: var(--vvki-palette-d4972e); }
.btn-outline {
  background: transparent;
  color: var(--white);
  border: 2px solid var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3529);
}
.btn-outline:hover { border-color: var(--white); background: var(--vvki-palette-rgb-72676261283235352c3235352c3235352c302e3129); }
.text-highlight {
    display: inline;
    background: linear-gradient(
        transparent 65%,
        var(--vvki-palette-ffeb00) 65%
    );
    padding: 0 var(--vvki-size-4px);
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    font-weight: 600;
    color: var(--text-dark);
}

/* --- Tab 2: Checklist --- */
.checklist { padding: var(--vvki-size-40px) var(--vvki-size-24px); max-width: var(--vvki-size-860px); margin: 0 auto; }
.checklist h2 { font-family: var(--font-display); font-size: var(--vvki-type-28px); margin-bottom: var(--vvki-size-8px); }
.checklist .intro { color: var(--text-light); margin-bottom: var(--vvki-size-36px); font-size: var(--vvki-type-16px); }
.checklist-section {
  margin-bottom: var(--vvki-size-32px);
  border: 1px solid var(--border);
  border-radius: var(--vvki-size-8px);
  overflow: hidden;
}
.checklist-section-header {
  background: var(--cream);
  padding: var(--vvki-size-14px) var(--vvki-size-20px);
  font-weight: 700;
  font-size: var(--vvki-type-15px);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: var(--vvki-size-10px);
}
.status-dot {
  width: var(--vvki-size-10px); height: var(--vvki-size-10px);
  border-radius: 50%;
  display: inline-block;
}
.status-dot.ready { background: var(--green-deep); }
.status-dot.pending { background: var(--vvki-palette-e67e22); }
.checklist-item {
  padding: var(--vvki-size-12px) var(--vvki-size-20px);
  border-bottom: 1px solid var(--vvki-palette-eee);
  display: flex;
  gap: var(--vvki-size-12px);
  align-items: flex-start;
  font-size: var(--vvki-type-14px);
  line-height: 1.5;
}
.checklist-item:last-child { border-bottom: none; }
.tag {
  font-size: var(--vvki-type-10px);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  padding: var(--vvki-size-2px) var(--vvki-size-8px);
  border-radius: var(--vvki-size-3px);
  white-space: nowrap;
  flex-shrink: 0;
  margin-top: var(--vvki-size-2px);
}
.tag.photo { background: var(--vvki-palette-ebf5fb); color: var(--vvki-palette-2471a3); }
.tag.data { background: var(--vvki-palette-fdebd0); color: var(--vvki-palette-ca6f1e); }
.tag.doc { background: var(--vvki-palette-fadbd8); color: var(--vvki-palette-c0392b); }
.tag.link { background: var(--vvki-palette-e8f8f5); color: var(--vvki-palette-1abc9c); }
.tag.copy { background: var(--vvki-palette-f5eef8); color: var(--vvki-palette-7d3c98); }
.highlights {
      background: linear-gradient(transparent 70%, var(--vvki-palette-ffeb00) 65%);
      display: inline;
}
  @media (max-width: 576px) {
    .tm-grid{ grid-template-columns:1fr; }
    .gallery {
      grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
  }