section{padding: 3rem 0;}
.title-bar img {
  padding: .7rem .7rem .4rem;
  max-width: 180px;
}
a.toggle-bar {
  margin-right: .7rem;
  font-size: 30px;
}
.title-bar{
  box-shadow: 0px -4px 21px #c7c7c7;
}
.mobileNavLogo{
  margin-top: .5rem;
  padding: 1rem;
  max-width: 180px;
}
.off-canvas .logo-wrapper{border-bottom: 1px solid #5d5d5d;}
#menu-mobile .sub-menu li {
  display: inline-block;
  width: 100%;
  margin-left: 1rem;
}
#makeInIndia img.iso{max-width: 170px; margin-top: 1rem;}
h3, #safety h4{color: #398D59; margin-bottom: 1.5rem;}
#menu-mobile a{color: #5d5d5d;}
#menu-mobile .active>a{background-color: #398D59; color: #fff;}
#left-menu .js-dropdown-active.sub-menu{
  display: flex;
  margin-top: .5rem;
  border: none;
  flex-wrap: nowrap;
  flex-direction: row;
  right: -45%;
}
#left-menu .js-dropdown-active.sub-menu li{    
  display: flex;
  align-content: center;
  white-space: nowrap;
}
button.filter-btn {
  display: inline-block;
  margin-right: 1.2rem;
  font-weight: 500;
  color: #5d5d5d;
}
button.filter-btn.is-active {
    color:#398D59;
    border-bottom: 2px solid #368855;
}
.big-bg h1{
    color: #fff;
    font-weight: 700;
    font-size: 25px;
  }
#left-menu .js-dropdown-active.sub-menu:before {
  display: block;
  content: '';
  height: 64px;
  width: 200%;
  position: absolute;
  top: 0;
  left: -200%;
  background: #368855;
}
#left-menu .js-dropdown-active.sub-menu:after {
  display: block;
  content: '';
  height: 64px;
  width: 200%;
  position: absolute;
  top: 0;
  right: -200%;
  background: #368855;
}
#left-menu .dropdown.menu>li.is-active>a{color: #2c2c2c;}
#left-menu .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{
  right: -190%;
}
#left-menu .js-dropdown-active.sub-menu li a {
  background-color: #368855;
  color: #A9D8B1;
  margin-left: 0;
  padding: 25px 3rem;
  font-size: 14px;
}
#left-menu .js-dropdown-active.sub-menu li a:hover, #left-menu .js-dropdown-active.sub-menu li.current-menu-item.is-submenu-item a{
  color: #fff;
  border-bottom: none;
  position: relative;
  transform: scale(1);
}
.top-bar, .top-bar ul {
  background-color: #fff;
}
#left-menu.menu.dropdown .current-menu-item.is-submenu-item>a {background-color: #368855;}
#left-menu.menu.dropdown .current-menu-parent>a, #left-menu.menu.dropdown .current-menu-item>a {
  background-color: transparent;
  color: #398D59;
  border-bottom: 2px solid #398D59;
  font-weight: 500;
}
#left-menu .current-menu-item.is-submenu-item a:after{
  content: '\2022';
  color: #fff;
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 48%;
  top: 42px;
}
#left-menu.dropdown.menu a {
  color: #5d5d5d;
  padding: 39px 0 21px;
  margin-left: 42px;
  font-weight: 400;
  transition: all 0.5s ease-out;
}
#left-menu.menu a:hover {
  color: #2c2c2c;
  transform: scale(1.05);
  font-weight: 500;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{display: none;}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right: 0;}
#links_about li{margin-left: 1rem;}
#links_about{justify-content: flex-end; margin-bottom: 5rem;}
#links_about a{padding-left: 0; padding-right: 0; color: #fff; transition: transform 0.5s ease-out;}
#links_about a:active, #links_about a:hover{text-decoration: underline; transform: scale(1.05);}
#links_about li.current-menu-item>a, #links_about li.current-menu-parent>a  {
  background-color: transparent;
  text-decoration: underline;
}
.big-bg{
  height: 63vh;
  min-height: 465px;
}
.home .big-bg, .page-template-bipv .big-bg, .page-template-mono .big-bg, .page-template-topcon .big-bg{
  min-height: 92.5vh;
  position: relative;
  overflow: hidden;
}
@keyframes zoomInBg {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.15); /* Zoom in by 10% */
    }
}
.zoom-bg::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: inherit;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: -1;
    transform: scale(1);
    animation: zoomInBg 2s ease-out forwards;
    will-change: transform;
    background-image: url('https://test.navgrun.com/wp-content/uploads/2025/05/Home_Top-Banner.jpg');
}
.sticky-wrapper{z-index:10; background-color: #fff; box-shadow: 0px -4px 21px #c7c7c7;}
.single h1.single-title:after{
  content: '';
  display: block;
  background-color: #398D59;
  height: 2px;
  width: 36px;
  position: relative;
  top: 1rem;
}
#content, #possibilities, #assessment{position: relative;}
#content{padding-top: 3rem;}
.entry-content p, .entry-content li, .entry-content strong, .entry-content span{color: #5d5d5d;}
.featured-image{margin:2rem 0;}
#socialmedia li{
  list-style: none;
  display: inline-block;
  margin-right: 1rem;
}
.blog-banner-title{color: #fff; font-size: 35px;}
#socialmedia img{max-width: 30px;}

#socialmedia{margin-left: 0; margin-bottom: 0;}
footer .site-branding img {margin-bottom: 20px;margin-top:8px; max-width: 180px;}
.copyright{color: #9a9a9a;}
#menu-mobile-1{margin: 2rem 0;}
#menu-mobile-1 a{
  color: #f7f7f7;
}
/* li#menu-item-251>a {
  display: none;
} */
#menu-mobile-1 li li {
  display: block;
  width: 100%;
  margin-left: 1rem;
}
#menu-mobile-1 a:hover{color: #fff;}
#menu-mobile-1 li.active > a{background-color: transparent; color: #fff; text-decoration: underline;}
.address h4{font-weight: 500;}
.bess h4{
  background-color: #398D59;
  color: #fff;
  padding: .4rem 1.2rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  display: inline-block;
  border-radius: 24px;
}
.bess img{
  max-width: 300px;
}
.bess li{list-style-position: inside;}

footer .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
  background-color: transparent;
  border: none;
  min-width: 130px;
  left: -1rem;
}
footer .js-dropdown-active.submenu a{
  font-size: 14px;
  padding: .2rem 0;
  text-align: left;
}
#enquiry{padding: 4rem 0 3rem;}
.useContent{display: flex; align-items: center;}
.useContent h4{margin-bottom: 1.2rem;}
.useContent li{line-height: 2.1;}
.eachUse{margin-bottom: 2rem;}
#enquiry h3{font-weight: 500;}

.bannerProduct img {
  max-width: 150px;
  margin: .7rem 3rem;
}
.bannerProduct a.link{font-size: 14px; font-weight: 700; border-radius: 24px;}
img.robotArm {
  max-width: 350px;
  margin-bottom: 2rem;
}
img.solarPlate {
  max-width: 250px;
}

#solarPlateContent, #globeContent, #careerContent, #screenContent, #mobileScreenContent, #aboutContent{
  min-height: 300px;
  display: flex;
  align-items: center;
}
#solarPlateContent h5{font-size: 20px; width: 80%;}
.primeMember .member{margin-bottom: 3rem;}
.grid{
  box-shadow: 5px 9px 26px #c7c7c7;
}
.grid-detail{
  padding: 1rem;
  color: #398D59;
  transition: all 0.5s ease-out;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grid-detail h4{
  font-size: 17.6px;
  font-weight: 700;
  margin-bottom: 1rem;
  color: #398D59;
}
.grid-detail p{font-size: 14px;}
.grid:hover .grid-detail{
  background-color: #398D59;
  color: #fff;
}
.grid:hover .grid-detail h4, .grid:hover .grid-detail p{color: #fff;}
#toBlog{
  display: block;
  margin: 5rem 0 3rem;
  background-color: #398D59;
  color: #fff;
}
.brochure{
  display: inline-block;
  margin: 1rem 0;
  background-color: #398D59;
  color: #fff;
}
.edgeTouchBg {
  position: relative;
  background-color: #f7f7f7;
  overflow: hidden;
}
.edgeTouchBgGreen{
  position: relative;
  background-color: #398D59;
  overflow: hidden;
}
.edgeTouchBgGreen p, .edgeTouchBgGreen h3, .edgeTouchBgGreen a{color: #fff;}
.edgeTouchBgGreen a:hover{color: #A9D8B1;}

#team, .page-template-bipv #content, #possibilities, #colorblast{
  background-color: #f7f7f7;
}
.member img{
  margin-bottom: 1rem;
}
.member{color: #2c2c2c; padding: 0 1rem;}
.member img.linkedIn { max-width: 36px; }
.member span{color: #707070;}
#makeInIndia img{margin-bottom: 2rem;}
#blog-intro{margin-bottom: 2rem;}
.mainfooter{background-color: #2c2c2c; color: #fff; padding-top: 3rem; padding-bottom: 2rem;}
#sdgBlocks .cell{
  background-color: #fff;
  background-size: 39%;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  overflow: hidden;
  box-shadow: 5px 9px 26px #c7c7c7;
}
#sdgBlocks .cell::before {
  content: "";
  display: block;
  padding-bottom: 70%;
}
.hover{
  position: absolute;
  top: -100%; /* start hidden above */
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: top 0.5s ease-out;
  font-size: 14px;
  padding: 0 2rem;
}
#sdgBlocks .cell:hover .hover{
  top: 0;
}
#usecaseContainer{margin-top: 2rem;}

.page a.accordion-title, section .toBeAccordion {
  color: green;
  font-size: 16px;
  font-weight: 500;
  border: 1px solid green;
  padding-left: 40px;
  background-color: #fff;
}
section .toBeAccordion{
  margin-bottom: 0;
  color: #398D59;
  padding: 1.25rem 1rem 1.25rem 40px;
  line-height: 1;
}
.page a.accordion-title span{color: #5d5d5d;}
.accordion-title::before {
  color: #707070;
  font-weight: 400;
  font-size: 20px;
  left: 1rem;
}
.page .is-active a.accordion-title {
  background-color: #A9D8B1;
}
.accordion-content {
  padding-left: 40px;
  color: #5d5d5d;
  border: none;
  font-size: 14px;
  border: 1px solid #398D59;
}
#colorblastIntro h3{font-size: 32px; margin-bottom: 1.5rem;}
#colorblastIntro img{
  max-width: 350px;
  margin-bottom: 1.5rem;
}
.cbPlate{
  background-color: #fff;
  padding: 2rem;
  box-shadow: 5px 9px 26px #c7c7c7;
}
.cbPlate .imgCenter {
  margin: 1rem 0 2rem;
  display: flex;
  justify-content: center;
}
.cbPlate img{max-height: 250px;}
#colorblastPlates{margin-bottom:1.5rem;}
#stepsContainer .stepContent{
  background-color: #f7f7f7;
  padding: 1rem;
}
#stepsContainer .step h4{color: #398D59; margin-bottom: 1rem; font-weight: bold;}
#stepsContainer .step h4 span{color: #5d5d5d;}
#glassPanel{margin: 1.5rem 0;}
.productImg img{max-width: 60%;}
.home .products img{
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.home .products h4{
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 20px;
}

#powerReliability{position: relative;}
#powerReliability:before{
  display: block;
  background-color: #398D59;
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  top: 0;
  left: 0;
  z-index: -10;
}
#powerReliability:after{
  display: block;
  background-color: #A9D8B1;
  content: '';
  position: absolute;
  width: 100%;
  height: 50%;
  bottom: 0;
  right: 0;
  z-index: -10;
}
#powerReliability li{
  margin-bottom: .5rem;
}
.power {
  color: #fff;
}
.power img, .reliability img {
  max-height: 50px;
  margin-right: .7rem;
  margin-bottom: .7rem;
}
.power h3{color: #A9D8B1; border-bottom: 1px solid #A9D8B1;}
.reliability h3{color: #398D59; border-bottom: 1px solid #398D59;}
.tableTitle, .tableCell{
  font-weight: 700;
  font-size: 21px;
  padding-top: .8rem;
  padding-bottom: .7rem;
}
.tableTitle{
  border-top: 3px solid #398D59;
}
.tableCell{border-top: 1px solid #5d5d5d;}
.greenDot:before{
  content: '\2022';
  color: #398D59;
  font-size: 32px;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: 5px;
}
.certificateIcons img{max-width: 250px; margin-top: 2rem;}
#powerContainer {
  background-color: #398D59;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}
/* Small only */
@media screen and (max-width: 39.9375em) {
  .two-cols-mobile {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .two-cols-mobile > .wp-block-column {
    width: auto;
  }
}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  
}
/* Medium and up */
@media screen and (min-width: 40em) {
  #sdgBlocks .cell::before {
    padding-bottom: 100%;
  }
  #sdgBlocks .cell{
    background-size: 66%;
  }
  img.tvScreens, img.mobileScreen{
    position: absolute;
    max-width: 450px;
    top: 7vh;
    left: 0vh;
  }
  img.mobileScreen{
    max-width: 400px;
    top: 8vh;
  }
  #mobileScreenContent{
    margin-top: 80px;
  }
  section{padding: 5rem 0;}
  .big-bg{
    height: 40vh;
  }
  .site-branding img{
    max-width: 173px;
    margin: 20px 0 9px;
  }
  img.solarPlate {
    position: absolute;
    left: 4vh;
    top: 7%;
    max-width: 381px;
  }
  #makeInIndia img{max-width: 389px;}
  .edgeTouchBg:before{
    content: '';
    position: absolute;
    top: 0;
    width: 45vw; /* Approx. 6 of 12 columns */
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
  }
  #missionVision::before {
    right: 0;
    background-image: url('https://test.navgrun.com/wp-content/uploads/2025/05/Who-we-Are-Banner-Image.jpg');
  }
  #future::before{
    left: 0;
    background-image: url('https://test.navgrun.com/wp-content/uploads/2025/05/Indias-Renewable-Future-Banner-Image.jpg');
  }
  .member img {
    max-width: 224px;
  }
  .certificateIcons img{max-width: 350px;}
  #powerReliability:before{
    width: 50vw;
    height: 100%;
    top: 0;
    left: 0;
  }
  #powerReliability:after{
    width: 50vw;
    height: 100%;
    top: 0;
    right: 0;
  }
  .reliability {
    padding-left: 4rem;
    padding-right: 7rem;
  }
  .power{
    padding-right: 7rem;
  }
  .bannerProduct img{max-width: 230px; margin: 1.5rem 3rem;}
  .edgeTouchBgGreen::before{
    content: '';
    position: absolute;
    top: 0;
    width: 45vw; /* Approx. 6 of 12 columns */
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
  }
  #career:before{
    right: 0;
    background-image: url('https://test.navgrun.com/wp-content/uploads/2025/05/Join-the-Team-Banner_845x600.jpg');
  }
  #customize:before{
    right: 0;
    background-image: url('https://test.navgrun.com/wp-content/uploads/2025/05/Design-Banner.jpg');
  }
  #safety img{margin-bottom: 2rem;}
  .big-bg h1{
    font-size: 35px;
  }
  .bannerProduct a.link{font-size: 14px;}
  #powerContainer {
    background-color: transparent;
  }
  #makeInIndia img.iso{max-width: 234px; margin-top: 1rem;}
}
/* Large and up */
@media screen and (min-width: 64em) {
  img.tvScreens, img.mobileScreen{
    position: absolute;
    max-width: 650px;
    top: 2vh;
    left: 5vh;
  }
  img.mobileScreen{
    max-width: 500px;
    top: 8vh;
  }
  .big-bg{
    height: 60vh;
  }
  .home .big-bg, .page-template-bipv .big-bg, .page-template-mono .big-bg, .page-template-topcon .big-bg{
    min-height: 88vh;
    position: relative;
  }
  .home .products img{
    max-width: 210px;
  }
  img.solarPlate {
    position: absolute;
    left: 27vh;
    top: 7%;
    max-width: 381px;
  }
  img.robotArm {
    position: absolute;
    right: 2vh;
    top: 2%;
    max-width: 582px; /*64vh;*/
  }
  #globe {
    position: absolute;
    height: 100%;
    top: 0;
    left: 12%;
  }
}