/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body {
  font-family: "DM Sans", sans-serif;
  color: #444444;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Libre Baskerville", serif;
  font-weight: 700;
}

.color{
  color: #2F2483;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #AFCA05;
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 75px;
  z-index: 996;
  background: #AFCA05;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #3284f1;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
.top-menu {
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #C6C6C6;
}

.top-menu-left.top-menu-common, .top-menu-right.top-menu-common {
  width: 35%;
}
.top-menu-left.top-menu-common #menu-top-left-menu, .top-menu-right.top-menu-common #menu-top-right-menu {
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  list-style: none;
  width: 100%;
  flex-wrap: wrap;
}

.top-menu-left.top-menu-common #menu-top-left-menu li, .top-menu-right.top-menu-common #menu-top-right-menu li {
  border-right: 2px solid #C6C6C6;
  padding: 0 20px;
  line-height: 1;
}

.top-menu-left.top-menu-common #menu-top-left-menu li:last-child, .top-menu-right.top-menu-common #menu-top-right-menu li:last-child{
  border: none;
}

.top-menu-left.top-menu-common #menu-top-left-menu li a, .top-menu-right.top-menu-common #menu-top-right-menu li a{
  color: #333333;
}

.top-menu-right ul {
  display: flex;
  align-items: center;
  justify-content: end;
  list-style-type: none;
  margin: 0;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  height: 86px;
}

#header.fixed-top {
  height: 70px;
}

#header .logo a {
  color: #222222;
}

#header .logo img {
  max-height: 55px;
}

.scrolled-offset {
  margin-top: 70px;
}

i.fa-solid.mobile-nav-toggle.fa-xmark {
    color: #fff;
}

li#menu-item-1845,li#menu-item-1846 {
    display: none;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.menu-item a:hover {
  color: #afca05;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 18px;
  color: #333333;
  white-space: nowrap;
  transition: 0.3s;
  position: relative;
}

.navbar a i,
.navbar a:focus i {
  font-size: 18px;
  line-height: 0;
  margin-left: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  right: 0;
  background-color: #fff;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
  display: flex;
  margin: 0 auto;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 20%;
}

.navbar .menu-item-has-children ul {
  display: block;
  position: absolute;
  left: 28px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #ffff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .menu-item-has-children ul li {
  min-width: 200px;
}

.navbar .menu-item-has-children ul a {
  padding: 10px 20px;
  font-weight: 400;
}

.navbar .menu-item-has-children ul a i {
  font-size: 12px;
}

.navbar .menu-item-has-children:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .menu-item-has-children .menu-item-has-children ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .menu-item-has-children .menu-item-has-children:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .menu-item-has-children .menu-item-has-children ul {
    left: -90%;
  }

  .navbar .menu-item-has-children .menu-item-has-children:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #000;
  font-size: 28px;
  cursor: pointer;
  display: none !important;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block !important;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(9, 9, 9, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #000;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #fff;
}

.navbar-mobile>ul>li {
  padding: 0;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {
  visibility: hidden;
}

/* .navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #106eea;
} */

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

/* .navbar-mobile .menu-item-has-children ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #000;
  box-shadow: unset;
} */

/* .navbar-mobile .menu-item-has-children ul li {
  min-width: 200px;
} */

.navbar-mobile .menu-item-has-children ul a {
  padding: 10px 20px;
}

.navbar-mobile .menu-item-has-children ul a i {
  font-size: 18px;
}

/* .navbar-mobile .menu-item-has-children ul a:hover,
.navbar-mobile .menu-item-has-children ul .active:hover,
.navbar-mobile .menu-item-has-children ul li:hover>a {
  color: #106eea;
} */

/* .navbar-mobile .menu-item-has-children>.drop-ul {
  display: block;
} */

#navbar #menu-main-menu li:last-child a {
  background-color: #AFCA05;
  padding: 10px 30px;
  border-radius: 10px;
}

.drop-ul.depth_0 li a {
  background-color: unset !important;
  padding: 10px 20px !important;
  border-radius: unset !important;
}

.navbar-mobile .menu-item-has-children ul{
  position: unset;
  background: unset;
  display: none;
}

.navbar-mobile .menu-item-has-children.active-new .depth_0{
  display: block;
  visibility: visible;
  opacity: 1;
  padding-left: 20px;
  box-shadow: unset;
}

.navbar-mobile .menu-item-has-children.active-new-second .depth_1{
  display: block;
  visibility: visible;
  opacity: 1;
  padding-left: 20px;
  box-shadow: unset;
}

.navbar-mobile .depth_0 li:last-child a{
  width: 100% !important;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#main_hero {
  padding: 0;
}

.hero-slider-image img {
  width: 100%;
}

.hero-slider-single {
  position: relative;
}

.hero-slider-content-main {
  position: absolute;
  top: 0;
  left: 9%;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}

.hero-slider-title {
  font-size: 52px;
  font-family: 'Libre Baskerville';
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  margin-bottom: 15px;
}

.hero-slider-content {
  color: #fff;
  font-size: 18px;
  margin-bottom: 20px;
}

.hero-slider-button {
  color: #000;
  background-color: #AFCA05;
  width: fit-content;
  padding: 10px 50px;
  border-radius: 30px;
}

.hero-slider-button:hover {
  color: #000;
}

.hero-slider-button i {
  margin-left: 10px;
  transform: rotate(-45deg);
}

section#main_hero .slick-dots {
  bottom: 25px;
}

section#main_hero.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #AFCA05 !important;
}
section#main_hero .slick-dots li button:before {
    font-size: 15px;
    color: #AFCA05 !important;
}
section#main_hero .slick-dots li {
    width: 30px;
}
/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-title {
  text-align: left;
  padding-bottom: 30px;
}

.section-title h2{
  font-size: 44px;
}

p{
  font-size: 18px;
}

/*--------------------------------------------------------------
# Growth Root
--------------------------------------------------------------*/

#growth_root .section-title h1 {
  font-size: 44px;
  color: #2F2483;
  margin: 0;
  position: relative;
}

#growth_root .section-title h1:before {
  border: 2px solid #2F2483;
  content: "";
  position: absolute;
  top: 0;
  bottom: 20px;
  right: 0;
}

.growth-root-number-single {
  padding: 0 0 20px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #92929D;
}

.growth-root-numbers-main .growth-root-number-single:last-child {
  border: unset;
}

.counter-box .counter, .counter-box .sign {
  font-size: 38px;
  color: #212121;
  font-family: 'DM Sans';
  font-weight: 600;
}

.counter-box .counter-for {
  color: #696974;
  font-size: 18px;
  font-weight: 400;
}

.counter-box p {
  margin: 0;
  font-size: 22px;
  color: #212121;
  font-weight: 500;
}

.counter-box .content {
  font-size: 18px;
  font-weight: 400;
  font-family: 'DM Sans';
  color: #333333;
}

.growth-root-image-main img {
  width: 100%;
  margin-bottom: 20px;
}

.growth-root-image-main a {
  border: 1px solid #2F2483;
  padding: 10px 30px;
  width: 100%;
  display: block;
  text-align: center;
  color: #2F2483;
  font-weight: 500;
}

.growth-root-image-main a i{
  margin-left: 10px;
  transform: rotate(-45deg);
}
/*--------------------------------------------------------------
# Solid grade Info
--------------------------------------------------------------*/
section#solid-grade-info h2 {
    font-size: 38px;
    color: #2F2483;
    margin-bottom: 20px;
}

.solid-sub {
    margin-bottom: 30px;
    border-bottom: 2px solid #CECECE;
    padding-bottom: 20px;
}

section#solid-hero {
    background-color: #EFEDFF;
}

.sustainability.solid-sub {
    border-bottom: 0;
}

.specifications.solid-sub {
    padding-bottom: 40px;
}
/*--------------------------------------------------------------
# Food Grade Page
--------------------------------------------------------------*/
.our-flagship-box img {
    width: 100%;
    margin-bottom: 20px;
}

.our-flagship-box h2 {
    color: #212121;
    font-size: 22px;
}

.our-flagship-box a {
    font-family: 'DM Sans';
    font-size: 18px;
    text-decoration: underline;
}

.our-flagship-box a img {
    width: 20px;
    margin-bottom: 0;
    margin-left: 6px;
}

.certification-box img {
    margin-bottom: 20px;
}

.certification-box a {
    border: 1px solid #000000;
    padding: 10px;
    display: block;
    width: fit-content;
    margin: 0 auto 15px;
}

.certification-box a img {
    margin-bottom: 0;
    margin-left: 6px;
    width: 20px;
}

.certification-box p {
    margin-bottom: 30px;
}

.certification-box {
    text-align: center;
    border-right: 2px solid #e2e2e2;
    padding: 0 30px;
        height: 350px;
}

.policy-listing-title h2 {
    font-size: 28px;
    font-family: 'DM Sans';
    margin-bottom: 20px;
}

.row > .col-lg-4:last-child .certification-box {
    border: none;
}

section#advanced-solution{
  background-image: url('../imgs/CTA.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.advanced-solution-content h2 {
    color: #2F2483;
}

section#advanced-solution a {
    background-color: #2F2483;
    color: #fff;
    padding: 12px 20px;
}

section#advanced-solution a img {
    filter: invert(1);
    width: 20px;
}

.speciality-food-content.section-title {
    padding-bottom: 0;
}
/*--------------------------------------------------------------
# Engineered Purpose
--------------------------------------------------------------*/

#engineered_purpose {
  background-image: url('../imgs/Section_3_Background.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

#engineered_purpose .section-title {
  padding: 0;
  position: relative;
}

#engineered_purpose .section-title:before {
  content: "";
  border: 2px solid #AFCA05;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

.engineered-purpose-designed-slide {
  margin: 0 20px;
}

.engineered-purpose-designed-single h3 {
  min-height: 70px;
}

.engineered-purpose-designed-single {
  background-color: #fff;
  padding: 30px 20px;
}

.engineered-purpose-gallery img {
  width: 100%;
  margin-bottom: 30px;
}

.engineered-explore-button {
  border: 1px solid #000;
  padding: 10px 20px;
  color: #000;
}

.engineered-explore-button i {
  margin-left: 10px;
  transform: rotate(-45deg);
}

#engineered_purpose .slick-arrow{
  display: none !important;
}

section#engineered_purpose .slick-dots {
  position: absolute;
  bottom: -55px;
}
section#engineered_purpose  .slick-dots li button:before {
  font-size: 12px;
  color: #fff;
}
section#engineered_purpose .slick-dots li.slick-active button:before {
  opacity: .75;
  color: #fff;
}
/*--------------------------------------------------------------
# Career Page
--------------------------------------------------------------*/

.career-at-pudumjee-box {
    text-align: center;
}

.career-at-pudumjee-box h3 {
    font-size: 20px;
    margin: 20px 0;
}

.career-at-pudumjee-box {
    padding: 0 20px;
}

.row > .col-lg-4:nth-child(2) .career-at-pudumjee-box {
    border-left:  1px solid #D3D3D3; 
    border-right:  1px solid #D3D3D3; 
}


.team-box h3:before {
    content: "";
    background-image: url(../imgs/Subtract.png);
    position: absolute;
    left: -8%;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
}

.team-box h3 {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    color: #000;
}

.team-box {
    border-top: 2px solid #e2e2e2;
    margin-top: 30px;
    padding: 20px 20px 20px 30px;
}

.team-box:hover{
  border-top: 2px solid #AFCA05;
  transition: 0.6s;
}

.section-description p a {
    color: #2F2483;
    text-decoration: underline;
}


h2.sub-form-title {
    font-size: 28px;
    font-family: 'DM Sans';
    font-weight: 600;
    margin-bottom: 20px;
}

.custom-step-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
    width: 170px;
}

.step-item {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #8fcf27;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  z-index: 2;
}

.step-item.active {
  background-color: #2f1c91; /* Dark purple */
}

.step-item.completed {
  background-color: #8fcf27; /* Lime green */
}

.step-line {
    flex: 1;
    margin: 0 8px;
    z-index: 1;
    border: 1px dashed;
    width: 10px;
}

.form-control:focus {
    color: unset;
    background-color: unset;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.career-team-content a {
    background-color: #AFCA05;
    padding: 10px 30px;
    font-size: 18px;
}

.inner-page-form input.wpcf7-form-control.wpcf7-file.wpcf7-validates-as-required.form-control {
    padding: 150px 40%;
    border: 2px dashed #C3C3C3;
}

.career-submit-btn input.wpcf7-form-control.wpcf7-submit.has-spinner.submit {
    float: left;
    padding: 13px 85px !important;
    background-color: #2F2483;
    border-radius: 8px;
    color: #fff;
}



.wpcf7-form .fieldset-cf7mls .cf7mls-btns {
    min-height: 80px;
    text-align: center;
    justify-content: center;
    display: flex;
}
.cf7mls-btns .cf7mls_next.action-button, .cf7mls-btns .cf7mls_back.action-button {
    margin: 25px 0px 26px;
    padding: 13px 85px !important;
    background-color: #2F2483;
    border-radius: 8px;
        color: #fff !important;
}
.form-control,.form-select {
    padding: 10px .75rem;
    font-size: 18px;
    color: #212529;
    background-color: #F3F4F6;
}
.inner-page-form p {
    margin-bottom: 0;
}
/*--------------------------------------------------------------
# Our Story
--------------------------------------------------------------*/

#our_story .section-title h2 {
  font-size: 34px;
  color: #212121;
  margin-bottom: 20px;
}

.our-story-content h3 {
  font-size: 44px;
  color: #2f2483;
  padding-top: 20px;
  border-top: 1px solid #000;
}

.out-story-gallery img {
  width: 100%;
}

.our-story-image-content {
  padding: 15px 40px;
  background-color: #AFCA05;
}

.our-story-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*--------------------------------------------------------------
# Recognized Excellence
--------------------------------------------------------------*/

#recognized_excellence {
  background-image: url('../imgs/Sustainability.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding: 100px 0;
}

.recognized-excellence-content {
  margin-left: 40px;
}

.recognized-excellence-content p{
  padding-left: 30px;
  border-left: 3px solid #AFCA05;
  font-size: 24px;
  margin-bottom: 40px;
}

.recognized-excellence-button {
  border: 1px solid #fff;
  padding: 10px 30px;
}

.recognized-excellence-button i {
  margin-left: 10px;
  transform: rotate(-45deg);
}

/*--------------------------------------------------------------
# Latest Update
--------------------------------------------------------------*/

/* #latest_update .row{
  margin-bottom: 3rem;
} */

#latest_update .section-title {
  padding: 0;
  position: relative;
}

#latest_update .section-title:before{
  content: "";
  border: 2px solid #2F2483;
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
}

#latest_update .section-title h2 {
  color: #2F2483;
}

.latest-update-single {
  border: 1px solid #000;
  position: relative;
  cursor: pointer;
}

.latest-update-single img {
  width: 100%;
}

.latest-update-single-content {
  padding: 20px;
  background: linear-gradient(to top, #fff 70%, #fff 100%);
  color: #000;
  position: absolute;
  bottom: 0;
  transition: all 0.2s ease-in-out;
}

.latest-single-link {
  position: absolute;
  top: 20%;
  left: 50%;
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translate(-35px, 0px);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.latest-single-link a i {
  transform: rotate(-45deg);
}

.latest-update-single:hover .latest-single-link{
  visibility: visible;
  opacity: 1;
  transition: all 0.5s ease-out;
}

.latest-update-single:hover .latest-update-single-content {
  background: linear-gradient(to top, #000000c7 70%, #ffffff00 100%);
  color: #fff;
  transition: all 0.3s ease-in;
}

/*--------------------------------------------------------------
# Data-Driven Section
--------------------------------------------------------------*/

#Data-Driven .nav-tabs {
  border: unset;
  justify-content: center;
}

#Data-Driven .nav-link {
  border: 1px solid #000;
  border-radius: unset;
  margin-right: 20px;
  color: #000;
}

#Data-Driven .nav-link.active {
  background-color: #afca05;
  font-weight: bold;
  color: #000;
}

/*--------------------------------------------------------------
# vision-mission Section
--------------------------------------------------------------*/

#inner_hero {
  padding: 0;
}

section#vision-mission {
  position: relative;
  padding: 100px 0 250px 0;
}

.mission-box {
  position: absolute;
  right: 8%;
  top: 40%;
  left: 23%;
}

.mission-image img {
  border: 15px solid #fff;
}

.vision-content p, .mission-content p {
  border-left: 3px solid #AFCA05;
  padding-left: 20px;
}

/*--------------------------------------------------------------
# core-value Section
--------------------------------------------------------------*/

.core-value-content h2 {
  font-size: 44px;
}

.core-value-content p {
  border-left: 3px solid #2f2483;
  padding-left: 20px;
}

.core-value-box {
  border-top: 1px solid #C6C6C6;
  padding-top: 20px;
  padding-left: 40px;
}

.core-value-box:hover {
  border-top: 1px solid #AFCA05;
}

.core-value-box h2 {
  font-weight: 100;
  font-size: 22px;
  position: relative;
}

.core-value-box h2:before {
  content: "";
  background-image: url('../imgs/Subtract.png');
  position: absolute;
  left: -10%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

.engineered-purpose-designed-single p {
  font-size: 19px;
}

#engineering-solutions .section-title:before {
  content: "";
  border: 2px solid #2f2483;
  position: absolute;
  right: 0;
  bottom: 30%;
  top: 20%;
}

#engineering-solutions .section-title {
  position: relative;
}

.engineering-solutions-content {
  border-bottom: 1px solid #afca05;
  margin-bottom: 20px;
  padding-left: 40px;
}

.engineering-solutions-content:last-child {
  border-bottom: none;
}

.engineering-solutions-content h3 {
  font-size: 22px;
  font-weight: 100;
  position: relative;
}

.engineering-solutions-content h3:before {
  content: "";
  background-image: url('../imgs/Subtract.png');
  position: absolute;
  left: -7%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

#guiding_pudumjee .nav-link {
  border: none !important;
  padding: 0;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}

#guiding_pudumjee .nav-tabs {
  border: none;
}

#guiding_pudumjee .nav-item {
  border-bottom: 1px solid #C6C6C6;
}

#guiding_pudumjee .nav-item:last-child {
  border-bottom: none;
}

#guiding_pudumjee .person-name {
  font-size: 22px;
  font-weight: 600;
  color: #000;
}

#mobileAccordion .accordion-button {
  background-color: #afca05 !important;
  color: #000 !important;
}

#mobileAccordion .accordion-button:not(.collapsed)::after{
  background-image: var(--bs-accordion-btn-icon);
}

#Innovative {
  background-image: url('../imgs/Map_Bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

p.history-content {
    height: 90px;
}

#history {
  background: linear-gradient(to bottom, #ffffff 45%, #2f2483 45%);
  position: relative;
}

.history-section-title h2 {
  font-size: 44px;
}

.history-section-title h4 {
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
}

.history-years:before {
  content: "";
  border-top: 1px solid #fff;
  position: absolute;
  width: 100%;
  top: 77%;
}

.history-box-content {
  margin-bottom: 70px;
}

.year-btn {
  border: none;
  background-color: unset;
  position: relative;
}

.year-btn.active {
  font-size: 35px;
}

.year-btn:before {
  content: "";
  border-left: 1px solid #fff;
  position: absolute;
  height: 60%;
  left: 50%;
  top: -75%;
}

/*--------------------------------------------------------------
# Investor Page
--------------------------------------------------------------*/

.resources_hub_main_box {
  padding: 20px;
  border: 1px solid #000;
  height: 100%;
}

.resources_hub_main_box h3 {
  font-size: 22px;
}

.pdf {
  padding: 5px 10px;
  background-color: #F0F0F0;
  border-radius: 10px;
}

.view-all-button i {
  margin-left: 10px;
  transform: rotate(-45deg);
}

.other_important_links_link a {
  font-size: 22px;
}

.other_important_links_link i {
  transform: rotate(-45deg);
}

.other_important_links_link {
  border-bottom: 1px solid #fff;
  padding-bottom: 20px;
  padding-top: 20px;
}

.other_important_links_link:last-child {
  border-bottom: unset;
}

.contact-info-main {
  padding-left: 50px;
  border-bottom: 1px solid #AFCA05;
  padding-bottom: 20px;
  position: relative;
  z-index: 9;
  padding-top: 20px;
}

.contact-info-main:last-child {
  border-bottom: unset;
}

.contact-info-main:before {
  content: "";
  background-image: url("../imgs/Subtract.png");
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: -9;
}

.contact-info-main h3 {
  font-size: 22px;
  font-weight: 100;
}

.contact-info-main p {
  margin: 0;
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/

.contact-us-form .form-control {
  border: none;
  border-bottom: 1px solid #000;
  border-radius: unset;
}

.contact-us-form .form-control:focus{
  box-shadow: unset;
}

.submit-btn {
  background-color: #AFCA05;
  border: none;
  padding: 10px 50px;
  font-weight: bold;
  width: fit-content;
}

/*--------------------------------------------------------------
# Revolutionizing
--------------------------------------------------------------*/

.revolutionizing-content h2 {
  font-size: 44px;
}

.revolutionizing-sub-content {
  padding-left: 50px;
  margin-bottom: 25px;
      border-bottom: 1px solid #e2e2e2;
}

.revolutionizing-sub-content h3 {
  font-weight: 100;
  font-size: 22px;
  position: relative;
}

.revolutionizing-sub-content h3:before {
  content: "";
  background-image: url(../imgs/Subtract.png);
  position: absolute;
  left: -6%;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
}

/*--------------------------------------------------------------
# policies-content
--------------------------------------------------------------*/

section#policies-content div#tab3 ul {
  list-style: none; 
  padding-left: 0; 
}

section#policies-content div#tab3 ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

section#policies-content div#tab3 ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px; 
  width: 20px;
  height: 20px;
  background-image: url('../imgs/Subtract.png'); 
  background-size: contain;
  background-repeat: no-repeat;
}

.img-code {
    align-items: flex-start !important;
    gap: 10px;
    margin-bottom: 20px;
}
section#policies-content ul li::marker {
  color: #2F2483; 
}
section#policies-content ul li {
    font-size: 18px;
    margin-bottom: 10px;
}
section#policies-content ul {
    margin-bottom: 30px;
}
section#policies-tabpanel {
    background-color: #F2F2F2;
    padding: 30px;
}
ul#myTab {
    margin-bottom: 0 !important;
    border: 0;
    display: flex;
    gap: 10px;
}
ul#myTab .nav-tabs .nav-link.active {
    background-color: #2F2483;
    color: #fff;
    border: 1px solid #2F2483;
}
section#policies-tabpanel .nav-tabs .nav-link {
    background-color: #FFFFFF;
    border: 1px solid;
    border-radius: 30px;
    overflow: hidden;
    color: #111;
}
section#policies-tabpanel .nav-tabs .nav-link.active {
    background-color: #2F2483;
    color: #fff;
    border: 1px solid #2F2483;
}
section#policies-tabpanel .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    isolation: isolate;
    border-color:unset;
}
section#policies-content div#tab2 h2,section#policies-content div#tab3 h2 {
    color: #2F2483;
    font-family: 'DM Sans';
    font-size: 28px;
}

/*--------------------------------------------------------------
# Report & Result
--------------------------------------------------------------*/

section#reports-hero {
  background-color: #EFEDFF;
}
section#reports-hero .section-title {
  padding-bottom: 0;
  width: 80%;
}
.reports-listing-list-group {
  border: 1px solid #C6C6C6;
  padding: 0 10px 0 0;
  border-radius: 12px;
  overflow: hidden;
}
.reports-listing-list-group p {
  color: #111;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
.reports-listing-list-group img {
  background-color: #E1DFED;
  padding: 10px;
}
.reports-listing-list-group span {
  text-decoration: underline;
  color: #2F2483 !important;
  font-size: 18px;
}
.nodal-officer-info-main {
  border: 1px solid #AFCA05;
  padding: 20px;
  width: 100%;
  border-radius: 10px;
}
.nodal-officer-info-main h2 {
  color: #2F2483;
  font-family: 'DM Sans';
  font-size: 24px;
  margin-bottom: 20px;
}
.nodal-officer-info-main a {
  font-size: 18px;
}
p.nodal-officer-name {
  color: #111;
}
section#nodal-officer {
  padding-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #333333;
  padding: 60px 0 60px 0;
  color: #333333;
  background: #000;
}

.footer-about {
  color: #fff;
  margin-bottom: 30px;
}

.footer-social ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
}

.footer-social ul li{
  margin-right: 20px;
}

.footer-title {
  font-size: 20px;
  margin: 20px 0 10px 0;
  color: #ffff;
  font-family: 'DM Sans';
  margin-bottom: 20px;
}

.footer-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu ul li {
  margin-bottom: 10px;
}

.footer-menu ul li a {
  color: #fff;
  font-weight: 400;
}

.footer-copyright {
  background-color: #333333;
  color: #fff;
}

#footer .copyright {
  text-align: center;
  float: left;
}

.footer-about p {
    font-size: 15px;
}



@media (max-width: 768px) {

  #footer .copyright,
  #footer .credits {
    float: none;
    text-align: center;
    padding: 2px 0;
  }
}