@font-face {
    font-family:PTSerif-Bold;
    src: url(../fonts/PTSerif-Bold.ttf);
}
@font-face {
    font-family:PTSerif-Regular;
    src: url(../fonts/PTSerif-Regular.ttf);
}
@font-face {
    font-family:Roboto-Black;
    src: url(../fonts/Roboto-Black.ttf);
}
@font-face {
    font-family:Roboto-Bold;
    src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
    font-family:Roboto-Medium;
    src: url(../fonts/Roboto-Medium.ttf);
}
@font-face {
    font-family:Roboto-SemiBold;
    src: url(../fonts/Roboto-SemiBold.ttf);
}
@font-face {
    font-family:Roboto-Regular;
    src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family:Roboto-Light;
    src: url(../fonts/Roboto-Light.ttf);
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 16px;
    font-family:Roboto-Regular;
    line-height: 22px;
    color:#000000;
}
h1,
h2,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
    font-size: 16px;
}

a:hover {
    text-decoration: none !important;
}

p {
    font-size: 16px;
    line-height: 22px;
}

.my-sidenav,.ham-icon1 {
    display: none;
}
header
{
padding: 10px 0px 12px;
position:fixed;
width: 100%;
z-index: 9999;
}
header .row
{
    align-items: center;
}
.right-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.headertxt
{
    margin-right:10px;
}
.headertxt p 
{
    font-size: 14px;
    line-height: 18px;
    color: #F58220;
}
.headertxt p span 
{
 color:#034EA2;   
}
.headertxt p span.r-num 
{
    font-size: 20px;
    color: #000000;
}

.ham-icon
{
    border-left: 1px solid #000;
    margin-left: 7px;
    padding-left: 7px;
     color: #000;
    font-size: 14px;
    line-height: 18px;
}
.header-wrap
{
    background-color: #ffffff;
    padding: 15px 40px;
    border:1px solid #F58220;
}
.my-sidenav1 {
    display: none;
    position: fixed;
    top:0px;
    right: 0;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 999;
    max-width: 100%;
    width: 100%;
    background:#F58220;
    height: 100%;
padding-top: 120px;
}

.top-nav .nav {
  min-height: 310px;
  display: block;
}
.top-nav .nav > li {
  float: none;
  padding-bottom: 10px;
}
.top-nav .nav > li:last-child {
  border-bottom: none;
}
.top-nav .nav > li > a {
  color: #ffffff;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 10px;
  border-radius: 0px;
  padding-left: 0px;
  position: relative;
}
.top-nav .nav > li > a img {
  padding-left: 20px;
  opacity:1;
  position: absolute;
  right: 0;
  top:15px;
}
/*.top-nav .nav > li > a:focus,
.top-nav .nav > li > a:hover {
  background-color: transparent;
  font-weight: 700;
  border-bottom: 2px solid #fff;
}*/
.top-nav .nav-pills > li > a.active,
.top-nav .nav-pills > li > a.active:focus,
.top-nav .nav-pills > li > a.active:hover {
  background-color: transparent;
  position: relative;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-family:Roboto-Bold;
}
.top-nav .nav-pills > li.active > a img {
  opacity: 1;
}
.top-nav .nav-pills > li.active > a:after {
  content: "";
  position: absolute;
  right: -2px;
  top: 15px;
  background-color: #ffcc05;
  width: 2px;
  height: 15px;
}
.top-nav-content ul.sub-menu {
  padding-left: 30px;
  margin-top: 15px;
}
.top-nav-content ul li {
  list-style: none;
  padding-bottom: 15px;
  position: relative;
}
.top-nav-content ul li.menu-img {
  padding-left: 60px;
}

.top-nav-content ul li a {
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
}

.d-pdf img {
    font-size: 12px;
    filter: grayscale(1);
    position:absolute;
    top:3px;
    right: 0;
}
.top-nav-content ul li a:hover img 
{
   filter: grayscale(0);  
}
.menu-righht
{
    padding-left: 40px;
}
.menu-righht h5 
{
 color: #ffffff;
 font-size: 20px;
 line-height: 20px;
 padding-top: 13px;
 padding-bottom: 11px;
 font-family:Roboto-Bold;  
}
.menu-righht p 
{
    color: #ffffff;
}
#scl .sub-menu {
    height: 430px;
    overflow-y: scroll;
    padding-right: 15px;
}
#scl .sub-menu::-webkit-scrollbar-track {
  border-radius: 0px;
  background-color: #ffffff30;
}

#scl .sub-menu::-webkit-scrollbar {
  width:2px;
  background-color: #ffffff30;
}

#scl .sub-menu::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #fff;
}
/*-----------Header Css End-------------*/

#vc-tab {
  display: flex;
  gap: 15px;
  padding-bottom:1px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  justify-content:space-between;
  border-bottom:1px solid #ffffff30;
}
.vcTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 20px;
  line-height: 20px;
  color: #F5822050;
  width: 100%;
  position: relative;
  background-color:transparent;
  border-radius: 0px;
  padding: 12px 15px 12px 0px;
  font-family:Roboto-Bold;
  border: none !important;
}
.vcTabs .nav-tabs .nav-link:focus,
.vcTabs .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #ffffff !important;
}
.vcTabs .nav-tabs .nav-item.show .nav-link,
.vcTabs .nav-tabs .nav-link.active {
  color: #F58220;
  border-bottom: 2px solid #ffffff !important;
  background-color: transparent;
}
.l-tab-mbl
{
    display: none;
}
.vc-tabcontent
{
    margin-top: 30px;
}
.vc-tabcontent h4
{
font-size: 23px;
line-height: 25px;
color: #ffffff;
font-family:Roboto-Black;
padding-bottom: 4px;
}

.vc-tabcontent p  
{
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
}
.market-wrap
{
    padding-left: 20px;
    padding-right: 20px;
}
.vc-tabcontent .col-xl-3:first-child .market-wrap
{
    padding-left: 0px;
}
.vc-tabcontent .col-xl-3:last-child .market-wrap
{
    padding-right: 0px;
}
#vc-tab-b h4, #vc-tab-c h4
{
font-size: 35px;
}
#vc-tab-b h4 span, #vc-tab-c h4 span
{
font-size: 24px;
}
.footnote
{
 font-size: 12px;
 line-height: 16px;
 color: #FFFFFF; 
 position: absolute;
 bottom:30px;
 left: 30px;
 z-index: 9;
}
.footnote span  
{
    display: block;
}

.voice-slider .owl-nav button.owl-next,
.voice-slider1 .owl-nav button.owl-next
 {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:0px;
  top:0px;
  right:-50px;
  margin: auto;
  background-repeat: no-repeat;
  background-image: url(../images/voice/right-arrow.svg) !important;
}
.voice-slider .owl-nav button.owl-prev,
.voice-slider1 .owl-nav button.owl-prev
{
  position: absolute;
  width: 40px;
  height: 40px;
  bottom:0px;
  top:0px;
  left:-50px;
  margin: auto;
  background-repeat: no-repeat;
  background-image: url(../images/voice/left-arrow.svg) !important;
}
.voice-slider.owl-theme .owl-nav .owl-prev:hover,
.voice-slider.owl-theme .owl-nav .owl-next:hover,
.voice-slider1.owl-theme .owl-nav .owl-prev:hover,
.voice-slider1.owl-theme .owl-nav .owl-next:hover
 {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}

footer
{
    background-color:#000;
    padding: 35px 0px;
}
.backTop p 
{
    font-size: 16px;
    font-family:SourceSansPro-Semibold;
    color: #fff;
}
.copyRightBg
{
    background-color: #000000;
    padding: 10px 0px;
}
.footSocial ul {
  list-style: none;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 0px;
  padding: 0px;
}
.rdxDev p {
  text-align: right;
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}
.rdxDev p a {
  color: #fff;
  font-size: 14px;
  line-height: 19px;
}
.copyrightTxt p {
  font-size: 14px;
  line-height: 19px;
  color: #fff;
}

.hm-banner
{
background-image: url(../images/bg.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 662px;
position: relative;
}
.banner-text
{
    padding-top: 140px;
}
.banner-text h1, .banner-text h2 
{
   font-size: 52px;
   line-height: 30px;
   font-family:PTSerif-Regular;
   display: inline-block;
   background-color: #fff;
   padding:10px; 
}
.banner-text h1 span, .banner-text h2 span 
{
    font-family:PTSerif-Bold;
}
.banner-text h2 
{
margin-top: 6px;
margin-left: 18%;
margin-bottom: 30px;
}
.read-btn{
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    transition: background 0.3s ease;
    transition: transform 0.4s ease;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom:5px;
}
.read-btn .banner-arrow
{
  margin-left: 10px;  
}
.read-btn .banner-arrow, .read-btn .b-arrow-text {
    transition: transform 0.4s ease;
}
.read-btn:hover .banner-arrow {
    transform: translateX(-90px);
     transition: transform 0.4s ease;   
}
.read-btn:hover .b-arrow-text {
    transform: translateX(34px);
}
.read-btn-wrap
{
    text-align:center;
}
.hm-about
{
background-image: url(../images/about-triveni-img.webp);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.banner-img
{
 text-align: center;
 margin-top: 20px;
}
.banner-img img 
{
    max-width: 455px;
    width: 100%;
}
.scroll-wrap
{
 position:absolute;
 left: 0;
 bottom: 10px;
left:calc(100vw / 16 * 1.4);
 width: 100px;
 z-index: 99;
}
.scroll-line
{
    height: 60px;
    width: 1px;
    background-color: #000000;
}
.scroll-wrap p 
{
   color: #000000;
   font-size: 10px; 
}
.abt-wrap
{
 backdrop-filter: blur(19px);
-webkit-backdrop-filter: blur(19px);
padding: 60px 30px 30px 30px;
margin-top:170px;
height: 540px;
position: relative;
}
.hm-smallhead
{
 font-size: 16px;
 line-height: 20px;
 padding-bottom: 7px;
 color: #fff;   
}
.hm-main-head
{
    font-size: 40px;
    line-height: 45px;
    color: #fff;
}
.abt-btn
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 60px;
}
.abt-btn a 
{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
#myTab {
  display: flex;
  gap: 15px;
  padding-bottom:1px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  justify-content:space-between;
  border-bottom:1px solid #ffffff30;
}
.hm-operating
{
    background-color: #000;
    height:662px;
    padding: 60px 0px;
}
.hm-operating .col-xl-12
{
position: relative;
}
.op-middle 
{
    position: relative;
    z-index: 2;
}
.op-left h4 
{
    background-color: #F58220;
    display: inline-block;
    padding: 15px 15px 15px 30px;
    border-radius: 12px;
    font-size: 25px;
    color: #ffffff;
    font-family:Roboto-Bold;
    margin-bottom: 20px;
    width: 310px;
    position: relative;
    z-index: 3;
}
.op-left h5
{
 color: #74BE5E;
 font-size: 20px;
 line-height: 25px;
 font-family:Roboto-Bold;
 padding:0px 30px; 
}
.optab-wrap
{
    display: flex;
    align-items: center;
}
.op-left
{
    max-width: 346px;
    width: 100%;
    padding-left: 60px;
    margin-right: -20px;
    position: relative
}
.op-right  
{
max-width: 240px;
width: 100%;
margin-left: 40px;
margin-top: 12%;
}
.op-right p 
{
    color: #fff;
    padding-bottom: 30px;
}
.hm-operating .read-btn-wrap
{
    text-align: left;
}
.hm-operating a 
{
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}
.hm-operating .read-btn:hover .banner-arrow {
    transform: translateX(-62px);
}
.op-head
{
    position: absolute;
    left: 0px;
    top:0px;
}
.op-head h2 
{
    color: #fff;
}
.op-head h2 span 
{
    display: block;
}
.op-tabs
{
    margin-top: 30px;
}
.read-btn-wrap1
{
    text-align: left;
}
.read-btn-wrap1 a 
{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.read-btn-wrap1 .read-btn:hover .banner-arrow {
    transform: translateX(-62px);
}
.sustain
{
    background-image: url(../images/investment-case-img2.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height:100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}
.sustain h2 
{
    padding-bottom: 10px;
}
.sustain p 
{
    color: #ffffff;
    padding-bottom: 30px;
    max-width: 460px;
    width: 100%;
}
.sustain-top-img
{
    position: absolute;
    top:0;
    left: 0;
    height:100vh;
    width: 100%;
}
.sustain-top-img img 
{
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
}
.sustain-text
{
    opacity: 1;
}
.hm-journey
{
 background-image: url(../images/bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.hm-chmsg
{
 background-image: url(../images/bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    padding: 90px 0px;  
}
.hm-journey h2, .hm-journey h6,
.hm-chmsg h2, .hm-chmsg h6
{
    color: #000;
}
.read-btn-wrap2
{
    text-align: left;
}
.hm-journey h2
{
    padding-bottom: 15px;
}
.hm-journey p 
{
padding-bottom: 30px;
max-width: 405px;
width: 100%;
}
.hm-journey .row, .hm-chmsg .row
{
    align-items: center;
}
.hm-chmsg
{
    padding: 60px 0px;
    background-position: top;
}
.hm-chmsg h2 
{
    padding-bottom:10px;
}
.hm-chmsg p
{
  padding-bottom:15px;
  padding-top: 10px;
  border-bottom: 3px solid #FE7D22;  
  margin-bottom: 20px;
}
.hm-chmsg h5 
{
  font-size: 18px;
  color: #FE7D22;
  font-family:Roboto-Bold;
  margin-bottom: 40px; 
}
.hm-chmsg h5 span 
{
 color: #000000;
 font-size: 12px;
 font-family:Roboto-Regular;
 display: block;   
}
.hm-chmsg .read-btn:hover .banner-arrow {
    transform: translateX(-144px);
}
.com-value
{
background-color: #000000;
padding-top: 120px;
padding-bottom: 90px;
}
.orange-bg
{
    background-color: #F58220;
    border:1px solid #ffffff;
    padding: 40px 30px;
    margin-bottom: 100px;
}
.hm-main-head span 
{
    display: block;
}
.orange-bg h6  
{
    padding-bottom:0px;
    color: #000;
}
.orange-bg h2 
{
    color: #000;
    padding-bottom: 20px;
}
.orange-bg p 
{
    padding-bottom: 40px;
}
.orange-bg .read-btn-wrap a 
{
    color: #000;
    border-bottom-color: #000;
}
.orange-bg .col-xl-7 
{
padding-left: 60px;
}
.com-line
{
background-color: #ffffff50;
margin:30px 0px;
height: 1px;
width: 100%;
}
.hm-digital-wrap p 
{
    color: #ffffff;
}
.hm-digital-wrap h2 
{
    padding-bottom: 20px;
}
.hm-digital-wrap p 
{
    padding-bottom: 30px;
}
.drone-img, .driving-img
{
    width: 50%;
}
.hm-keyperformance
{
  background-image: url(../images/bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    padding:70px 0px;     
}
#graphSelector
{
  border: 1px solid #F58220;
  width: 100%;
  display: block;
  color: #000000;
  font-size: 16px;
  padding: 12px 15px;
  appearance: none;
  background: url(../images/down-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  margin-top:0px;
  display: inline-block;
  background-color: #ffffff !important;
}

select:focus-visible
{
  outline: none;
  box-shadow: none;
}
.hm-keyperformance h2, .hm-keyperformance h6  
{
    color: #000;
}
.hm-keyperformance .row1 
{
    align-items: flex-end;
    margin-bottom: 40px;
}
.key-performance-bg
{
    background-color: #ffffff;
    padding:60px 30px 30px;
    height: 350px;
    position: relative;
}
.key-performance-bg .col-xl-4, .key-performance-bg .item
{
 position: relative;
}
.key-performance-bg .col-xl-4:after,
.key-performance-bg .item:after 
{
    content: '';
    position: absolute;
    right: 26px;
    top:0;
    width: 1px;
    height: 100%;
    background-color: #70707030;
}
.key-performance-bg .item:after
{
 right:-40px;   
}
.key-performance-bg .col-xl-4.bd-none:after,
.key-performance-bg .item.bd-none:after  
{
display: none;
}
.key-footnote
{
    color: #000000;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    left: 30px;
    bottom: 20px;
}
.key-footnote span 
{
    display: block;
}
.hidden
{
 display: none;   
}
.balance-slider.owl-theme .owl-dots
{
    position: absolute;
    bottom: -90px;
    left: 0px;
    right: 0px;
    max-width: 200px;
    margin: auto;  
}
.balance-slider.owl-theme .owl-dots .owl-dot.active span, .balance-slider.owl-theme .owl-dots .owl-dot:hover span {
    background:#F58220;
}
.balance-slider .owl-nav button.owl-next
 {
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -95px;
  right: 0px;
  background-repeat: no-repeat;
  background-image: url(../images/key/right-orange-arrow.svg) !important;
}

.balance-slider .owl-nav button.owl-prev
{
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: -95px;
  right: 50px;
  background-repeat: no-repeat;
  background-image: url(../images/key/left-orange-arrow.svg) !important;
}

.balance-slider.owl-theme .owl-nav .owl-prev:hover,
.balance-slider.owl-theme .owl-nav .owl-next:hover
 {
  background: none;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
}
.growth-wrap h5 
{
    font-size: 18px;
    line-height: 22px;
    font-family:Roboto-Bold;
    padding-bottom: 30px;
}
.growth-wrap h3 
{
  color: #5CA446;
  font-size: 35px;
  font-family:Roboto-Black;  
}
.growth-wrap p 
{
    padding-bottom: 25px;
}
#growth.key-performance-bg .col-xl-4:after
{
height: 80%;
}
.emp-voice
{
    background-color: #000;
    padding-top: 40px;
    padding-bottom: 40px;
}
#voiceSelector
{
  border: 1px solid #F58220;
  max-width: 415px;
  width: 100%;
  display: block;
  color: #000000;
  font-size: 16px;
  padding: 12px 15px;
  appearance: none;
  background: url(../images/down-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 95% 50% !important;
  display: inline-block;
  background-color: #ffffff !important;
  margin-bottom: 10px;
}
.hidden1
{
    display: none;
}
.voice-bg h2 
{
    padding-bottom: 40px;
}
.voice-slider, .voice-slider1
{
   max-width: 1050px;
   width: 100%;
   margin: auto;
}
.voice-img
{
border:1px solid #ffffff;
}
.voice-img img 
{
    border-radius: 100%;
    transition: all 0.4s ease-in-out;
}
.voice-img:hover img 
{
 border-radius:0px;
 transition: all 0.4s ease-in-out;   
}
.voice-text
{
    padding: 0px 28px 30px;
    border:1px solid #ffffff;
    min-height: 222px;
    position: relative;
}
.voice-text .read-btn-wrap
{
    position: absolute;
    left: 28px;
    bottom:30px;
}
.voice-text h5 
{
font-size: 20px;
line-height: 22px;
font-family:Roboto-Bold;
color: #fff;
padding-top: 15px;
padding-bottom: 10px;
text-transform: uppercase;
}
.voice-text p 
{
    padding-bottom: 22px;
    color: #fff;
}
.voice-text p span 
{
 font-family:Roboto-Medium;
 display: block;  
}
.hm-awrads
{
   background-image: url(../images/bg.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    position: relative;
    padding: 65px 0px;  
}
.awrads-bg
{
    background-color: #ffffff;
    padding: 90px 50px;
}
.awrads-bg h6
{
    color: #000;
    padding-bottom: 0px;
}
.awrads-bg h2
{
color: #000;
padding-bottom: 12px;
line-height: 40px;
}
.awrads-bg p 
{
    padding-bottom: 30px;
}
.award-rtext
{
    padding-left: 30px;
}
.award-rtext p
{
    font-family:Roboto-Medium;
}
.awrad-icon
{
    padding-bottom: 10px;
}
.center-link
{
    text-align: center;
}
.center-link a 
{
 font-size: 14px;
 line-height: 20px;
 font-family:Roboto-Regular;
 color:#FFFFFF;
}
.center-link span:first-child a
{
  border-right: 1px solid #ffffff;
 padding-right: 15px;  
 margin-right: 15px;   
}
.footSocial
{
    float: right;
}
.footer-wrap
{
    border:1px solid #F58220;
    padding: 18px 40px;
}
.footer-wrap .row 
{
    align-items: center;
}
.copyright-wrap
{
    border-top: 1px solid #ffffff50;
    padding-top: 10px;
}
.hm-about .container, .hm-operating .container,
.sustain .container
{
    position: relative;
}
.sustain .container
{
    height: 100vh;
    display: flex;
    align-items: center;
}
.sustain .row 
{
    width: 100%;
}
.v-line
{
    position: absolute;
    left: 0;
    bottom:0;
    background-color: #ffffff30;
    width: 1px;
    height: 301px;
}
.hm-operating .v-line
{
    height: 722px;
    bottom:auto;
    top:-60px;
}
.sustain .v-line
{
 height:100%;
    bottom:auto;
    top:0px;   
}
.v-line1 
{
    left: 25%;
}
.v-line2
{
    left: 50%;
}
.v-line3
{
    left: 75%;
}
.pageSitemap {
  padding: 15px 0px;
}
.siteMap a {
  color: #2C2E33;
  font-size: 12px;
  line-height: 22px;
}
.pageSitemap {
  padding-top: 110px;
  padding-bottom: 30px;
}

.advancingTop h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    padding-bottom: 10px;
}
.advancingTop h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}
.advancingTop h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    padding-bottom: 10px;
}
.advancingTop p{
    font-family:Roboto-Regular;
    padding-bottom: 20px;
    color: #2C2E33;
}
.advancingTop .topimg{
    text-align: center;
    margin-top: 20px;
}
.mt20{
    margin-top: 20px;
}
.advansing-btm{
    margin-top: 70px;
    position: relative;
}
.involasttxt{
    position: absolute;
    top: 10%;
    left: 121px;
    max-width: 1250px;
}
/* .advansing-btm{
    padding: 100px 0px;
} */
.advansing-btm h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    padding-bottom: 10px;
}
.advansing-btm p{
    font-family:Roboto-Regular;
    padding-bottom: 20px;
    color: #2C2E33;
}
.advansing-btm p:last-child{
    font-family:Roboto-Bold;
}
.greenbox{
    max-width: 256px;
    padding: 3px 15px;
    margin-bottom: 15px;
    background-color: #5CA446;
    border-radius: 5px;
}
.greenbox h6{
    font-family:Roboto-Bold;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
}
.advancingdigitalTop h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    padding-bottom: 10px;
}
.advancingdigitalTop h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}
.advancingdigitalTop h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    padding-bottom: 10px;
}
.advancingdigitalTop p{
    font-family:Roboto-Regular;
    padding-bottom: 20px;
    color: #2C2E33;
}
.digitalImg{
    text-align: center;
    margin: 50px 0px;
}
.advancingdigitalTop .topimg{
    text-align: center;
    margin-top: 20px;
}
.advansingdigital-content h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
    color: #F5811E;
}
.darkclr{
    color: #4D4D4F !important;
}
.advansingdigital-content p{
    font-family:Roboto-Regular;
    padding-bottom: 20px;
    color: #2C2E33;
}

.orangediv{
    padding: 40px 35px 20px 35px;
    margin-top: 30px;
    position: relative;
    border: 1px solid #F5811E;
    border-radius: 19px;
    min-height: 340px;
    margin-bottom: 40px;
}
.orangediv::before{
    content: "";
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    right: -10px;
}
.orangediv h6{
    font-family:Roboto-Bold;
    font-size: 18px;
    line-height: 22px;
    padding-bottom: 10px;
    color: #4D4D4F;
}
.orangebox{
    background-color: #F5811E;
    max-width: 130px;
    padding: 3px 14px;
    border-radius: 5px;
    position: absolute;
    top: -15px;
    left: 35px;
}
.orangebox h6{
    color: #FFFFFF;
    padding: 0;
}
.grndiv{
    padding: 40px 35px 20px 35px;
    margin-top: 30px;
    position: relative;
    border: 1px solid #5CA446;
    border-radius: 19px;
    min-height: 371px;
    margin-bottom: 40px;
}
.grndiv::before{
    content: "";
    width: 30px;
    height: 30px;
    background-color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: -10px;
}
.grnbox{
    background-color: #5CA446;
    max-width: 95px;
    padding: 3px 14px;
    border-radius: 5px;
    position: absolute;
    top: -15px;
    left: 35px;
}
.grnbox h6{
    color: #FFFFFF;
    padding: 0;
}
.advansingdigital-content ul{
    padding-left: 0;
    margin-bottom: 0;
}
.advansingdigital-content ul li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 15px;
    list-style: none;
}
.advansingdigital-content ul li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #F58220;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.orngminhgt{
    min-height: 545px;
}
.grnminhgt{
    min-height: 545px;
}
.contentimg{
    text-align: center;
    margin-bottom: 45px;
}
.contentimg2{
    text-align: center;
    margin-top: 20px;
}

.Nextprevious {
  margin: 50px 0;
}
.Nextprevious .nav-box {
  border-bottom: 1px solid;
  color: #000000;
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 20px;
  font-family:Roboto-Regular;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
}

.Nextprevious .nav-box .label {
  order: 1;
}

.Nextprevious .nav-box img {
  order: 2;
}

.Nextprevious .nav-box:hover {
  justify-content: flex-start;
  gap: 10px;
}

.Nextprevious .nav-box:hover .label {
  order: 2;
}

.Nextprevious .nav-box:hover img {
  order: 1;
}

.bod-section h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
    padding-bottom: 10px;
}
.bod-section h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}
.bodName{
    align-items: center;
}
.bodName img{
    margin-bottom: 35px;
}
.bodContent{
    border-bottom: 1px solid #707070;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.bodContent h4{
    font-family:Roboto-Bold;
    font-size: 22px;
    line-height: 22px;
    color: #4D4D4F;
    padding-bottom: 5px;
}
.bodContent h6{
    font-family:Roboto-Regular;
    font-size: 18px;
    line-height: 22px;
    color: #4D4D4F;
    padding-bottom: 10px;
}
.bodContent h6 span{
    display: block;
}
.bodContent h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    padding-bottom: 10px;
}
.bodContent ul{
    padding-left: 20px;
}
.bodContent ul li{
    padding-bottom: 20px;
}
.nobrdbod{
    border-bottom: none;
}
.chairmanSection{
    margin-bottom: 60px;
}
.chairmanSection .row{
    align-items: center;
}
.chairmanBanner{
    max-width: 446px;
    border-bottom: 3px solid #FE7D22;
    padding-bottom: 15px;
    padding-right: 60px;
}
.chairmanBanner p{
    font-family:Roboto-Bold;
    color: #000000;
    padding-bottom: 5px;
}
.chairmanBanner h1{
    font-family:Roboto-Regular;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    padding-bottom: 10px;
}
.chairmanBanner h1 span{
    display: block;
}
.chairmanBanner img{
    padding-bottom: 10px;
}

.chairmanContent h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 24px;
    color: #2C2E33;
    padding-bottom: 20px;
}
.chairmanContent h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    padding-bottom: 10px;
}
.chairmanContent p{
    font-family:Roboto-Regular;
    color: #2C2E33;
    padding-bottom: 20px;
}
.chairmanNamediv h5{
    padding-bottom: 0px;
}
.chairmanNamediv h3{
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    padding-bottom: 20px;
    padding-top: 4px;
}

.qaSection{
    margin-bottom: 60px;
}
.qaSection .row{
    align-items: center;
}
.qaBanner{
    max-width: 446px;
    border-bottom: 3px solid #FE7D22;
    padding-bottom: 15px;
    margin-bottom: 40px;
}
.qaBanner p{
    font-family:Roboto-Regular;
    color: #000000;
    padding-bottom: 5px;
}
.qaBanner p.grey{
        font-family:Roboto-Medium;
    color: #4c4c4c;
    font-size: 18px;
}
.chairmanBanner p.grey{
      color: #4c4c4c;
       font-family:Roboto-Medium;
}
.qaBanner h1{
    font-family:Roboto-Regular;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    padding-bottom: 10px;
}
.qaBanner img{
    padding-bottom: 10px;
}
.qaDirctorName h6{
    font-family:Roboto-Bold;
    font-size: 18px;
    line-height: 20px;
    color: #FE7D22;
}
.qaDirctorName h3{
    font-family:Roboto-Regular;
    font-size: 12px;
    line-height: 20px;
    color: #000000;
}
.quesDiv{
    display: flex;
    align-items: start;
    gap: 15px;
    padding-bottom: 15px;
    position: relative;
}

.quesDiv h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 24px;
    color: #FE7D22;
}
.ansDiv{
    display: flex;
    align-items: start;
    gap: 15px;
    padding-bottom: 15px;
}
.ansDiv p{
    font-family:Roboto-Regular;
    color: #2C2E33;
}
.ansDiv p span{
    display: block;
    padding-bottom: 20px;
}
.qa17{
    position: relative;
}
.qa17::before{
    content: "";
    width: 1px;
    height: 26px;
    background-color: #2C2E33;
    position: absolute;
    bottom: 6px;
    left: 11px;
}
.qa23456{
    position: relative;
}
.qa23456::before{
    content: "";
    width: 1px;
    height: 10px;
    background-color: #2C2E33;
    position: absolute;
    bottom: 2px;
    left: 11px;
}

.keyperfSection p{
    font-family:Roboto-Regular;
    color: #000000;
    padding-bottom: 10px;
}
.keyperfSection h1{
    font-family:Roboto-Regular;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
    padding-bottom: 20px;
}
.keyperfSection h1 span{
    display: block;
}
.keyperfGraphs{
    margin-top: 20px;
}
.keyperfGraphs h6{
    font-family:Roboto-Bold;
    font-size: 18px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 18px;
}
.graphsdiv{
    margin-bottom: 30px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
}
.keyperfGraphs h3{
    font-family:Roboto-Regular;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    padding-bottom: 13px;
}
.proftgrwtDiv{
    margin-top: 10px;
}
.proftgrwtDiv h6{
    font-family:Roboto-Bold;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    padding-bottom: 30px;
}
.proftgrwtDiv h2{
    font-family:Roboto-Black;
    font-size: 35px;
    line-height: 25px;
    color: #5CA446;
    padding-bottom: 6px;
}
.proftgrwtDiv p{
    font-family:Roboto-Regular;
    color: #000000;
    padding-bottom: 25px;
}
.brdproftgrwt{
    position: relative;
}
.brdproftgrwt::before{
    content: "";
    width: 1px;
    height: 199px;
    background-color: #707070;
    position: absolute;
    top: 0;
    right: 39px;
}

.voiceFarmer p{
    font-family:Roboto-Regular;
    color: #000000;
    padding-bottom: 10px;
}
.voiceFarmer h1{
    font-family:Roboto-Regular;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
}
.farmImgName{
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
}
.farmImgName h4{
    font-family:Roboto-Black;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
}
.farmImgName h6{
    font-family:Roboto-Regular;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}
.farmerDiv p{
    font-family:Roboto-Regular;
    color: #2C2E33;
    padding-bottom: 20px;
}

.farmerDiv{
    border-bottom: 1px solid #2C2E33;
    margin-top: 50px;
    margin-bottom: 25px;
}
.farmerMsz h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 15px;
    color: #000000;
}
.min378{
    min-height: 378px;
}

.globeeAward{
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
}
.globeetxt{
    position: absolute;
    top: 66px;
    left: 335px;
    padding: 60px 65px 60px 45px;
    max-width: 585px;
    border-top: 6px solid #55A843;
    border-right: 6px solid #55A843;
    border-top-right-radius: 20px;
}
.globeetxt img{
    padding-bottom: 18px;
}
.globeetxt h6{
    font-family:Roboto-Regular;
    font-size: 18px;
    line-height: 24px;
    color: #2C2E33;
}

.voiceEmployee p{
    font-family:Roboto-Regular;
    color: #000000;
    padding-bottom: 10px;
}
.voiceEmployee h1{
    font-family:Roboto-Regular;
    font-size: 40px;
    line-height: 40px;
    color: #000000;
}
.voiceEmployee h1 span{
    display: block;
}
.employeeDetail{
    margin-top: 50px;
}
.employee{
    padding-left: 60px;
    margin-top: 50px;
    position: relative;
}
.employee::before{
    content: "";
    width: 26px;
    height: 185px;
    background: #55A843 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    left: 15px;
    top: -80px;
}
.employee h4{
    font-family:Roboto-Black;
    font-size: 24px;
    line-height: 40px;
    color: #000000;
}
.employee h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 20px;
    color: #000000;
}
.employee h6 span{
    display: block;
}
.employee p{
    font-family:Roboto-Regular;
    color: #000000;
    padding-bottom: 25px;
}
.employee img{
    margin-top: 25px;
}
.employeetxt{
    border-bottom: 1px solid #2C2E33;
    margin-bottom: 25px;
}
.employeetxt p{
    color: #2C2E33;
}
.txtmin93{
    min-height: 93px;
}
.greenstrip{
    position: relative;
}
.greenstrip::before{
    content: "";
    width: 26px;
    height: 185px;
    background: #55A843 0% 0% no-repeat padding-box;
    opacity: 0.8;
    position: absolute;
    left: 15px;
    top: -80px;
}
.orngstrip{
    position: relative;
}
.orngstrip::before{
    content: "";
    width: 26px;
    height: 185px;
    background: #FF7D23 0% 0% no-repeat padding-box;
    opacity: 0.8;
    position: absolute;
    left: 15px;
    top: -80px;
}
.txtmin158px{
    min-height: 158px;
}
.excellenceAward{
    margin-top: 80px;
}
.excellenceAward h2{
    font-family:Roboto-Black;
    font-size: 40px;
    line-height: 40px;
    color: #5CA446;
    padding-bottom: 20px;
}
.excellenceAward h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 24px;
    color: #2C2E33;
    padding-bottom: 20px;
}
.excellenceAward p{
    /* font-family:PTSerif-Regular; */
    color: #2C2E33;
    padding-bottom: 20px;
}
.awardsDiv img{
    padding-bottom: 20px;
}
.awardsDiv h6{
    padding-bottom: 5px;
}
.scantxt p{
    font-family:Roboto-Medium;
    color: #000000;
    padding-bottom: 5px;
}
.scantxt h6{
    color: #000000;
    padding-bottom: 20px;
}
.award1{
    border-right: 1px solid #2C2E33;
}
.btmbrdAward{
    border-bottom: 1px solid #2C2E33;
    padding-bottom: 40px;
    margin-bottom: 30px;
}
.employeelastImg{
    padding-top: 50px;
    padding-bottom: 20px;
    text-align: center;
}
.esgData h5{
    font-size: 18px;
    line-height: 20px;
    font-family:Roboto-Medium;
    color: #000;
}
.esg h5.light{
   color: #2C2E33;
   padding-bottom: 30px;
   font-family:Roboto-Medium;
}
.esgData h1{
    font-size: 35px;
    line-height: 45px;
    font-family:Roboto-Medium;
    color: #000;
    padding-bottom: 10px;
}
.lineData{
    text-align: center;
    padding-bottom: 40px;
}
.lineDataNew{
    padding-bottom: 40px;
}
.awardIcon{
    padding-bottom: 10px;
}
.esg{
    padding-bottom: 40px;
}
.custom-tabs {
    display: flex;
    gap: 60px;
    border-bottom: 1px solid #ddd;
}

.custom-tab {
    position: relative;
    padding: 10px 0;
    cursor: pointer;
    font-family:Roboto-Medium;
    color: #999; 
    text-transform: uppercase;
}
.custom-tab.active {
    color: #000; 
}
.custom-tab.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: orange;
}

.esgTab .tab-content {
    display: none;
    margin-top: 20px;
}

.esgTab .tab-content.active {
    display: block;
}

.esgTab .tab-content h2 {
    font-size: 35px;
    line-height: 45px;
    margin-bottom: 10px;
}

.esgTab .tab-content h3 {
    color: #F5811E;
    font-size: 18px;
    margin-bottom: 8px;
     font-family:Roboto-Bold;
}
.esgTab p{
    color: #2C2E33;
    padding-bottom: 20px;
}
.envirData{
    padding-bottom: 15px;
}
.firstProduct h3{
    color: #5CA446!important;
    font-size: 18px!important;
    line-height: 22px!important;
    background-color: #DAEAD4!important;
    font-family:Roboto-Bold;
    padding: 2px 15px;
    flex-shrink: 0;
}
.greenLine {
    width: 200px;
    height: 1px;
    background: #5ca446;
}
.greenLine {
    width: 75%;
    height: 1px;
    background: #5ca446;
}
.firstProduct {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-bottom: 13px;
}
.coGen h3{
    color: #4D4D4F !important;
}
.coGen {
    padding-bottom: 6px;
    border-bottom: 1px solid #4d4d4f;
    margin-bottom: 39px;
    min-height: 100px;
}
.row.newrow{
    border-bottom: 3px solid #5CA446;
    padding-bottom: 15px;
    margin-bottom: 30px;
}
.row.mb30{
    margin-bottom: 30px;
}
.esgSec h3.light{
    color: #4D4D4F;
    padding-bottom: 20px;
}
.custom-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-list > li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 20px;
}

.custom-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    background-color: #F58220;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: 8px;
}

.custom-list ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 8px;
}

.custom-list ul li {
    position: relative;
    margin-bottom: 8px;
    padding-left: 18px;
}

.custom-list ul li::before {
    content: "";
    position: absolute;
    left: 0;
    background-color: #5ca446;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    top: 8px;
}
.envirData h5{
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-family:Roboto-Bold;
        padding-bottom: 7px;
}
.envirData p.orange{
    color: #F5811E;
     font-family:Roboto-Bold;
     padding-bottom: 8px;
}
.lasNum h1{
    font-size: 35px;
    line-height: 22px;
    color: #5CA446;
     font-family:Roboto-Bold;
     padding-bottom: 10px;
}
.lasNum p{
        color: #000;
    font-family:Roboto-Bold;
}
.sugarB h1{
    font-size: 35px;
    color: #000;
    font-family:Roboto-Regular;
    padding-bottom: 10px;
}
.sugarB h3{
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    font-family:Roboto-Bold;
    padding-bottom: 20px;
}
.sugarImg{
    padding-bottom: 30px;
}
.business h5{
    font-size: 18px;
    line-height: 22px;
    color: #F5811E;
    font-family:Roboto-Bold;
    padding-bottom: 7px;
}
.business p.light{
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-family:Roboto-Bold;
    padding-bottom: 14px;
}
.IndianSugar h5{
    color: #4D4D4F;
    font-size: 18px;
    line-height: 22px;
    font-family:Roboto-Bold;
}
.IndianSugar{
    display: flex;
    align-items: center;
    border: 1px solid #4D4D4F;
    padding: 12px 0 12px 19px;
    gap: 15px;
    border-radius: 10px;
}
.pdfIcon img:nth-of-type(2){
    display: none;
}
.IndianSugar:hover{
    background-color: #F58220;
}
.IndianSugar:hover .pdfIcon img:nth-of-type(2){
    display: block;
}
.IndianSugar:hover .pdfIcon img:nth-of-type(1){
    display: none;
}
.IndianSugar:hover h5{
    color: #fff;
}
.business ul.custom-list {
    margin-bottom: 25px;
}
.IndianSugar{
    margin-bottom: 30px;
    min-height: 69px;
}
.warwH h3{
    font-size: 20px;
    line-height: 22px;
    color: #F5811E;
    font-family:Roboto-Bold;
    padding-bottom: 20px;
}
.row.pb30{
    padding-bottom: 30px;
}
.alpha-list {
    list-style: lower-alpha; 
    padding: 20px 0 10px 16px;
    margin-bottom: 0;
}
.alpha-list li{
    padding-bottom: 20px;
}
.alpha-list li::marker {
    content: counter(list-item, lower-alpha) ") "; 
}
.business h5.mb19{
    margin-bottom: 10px;
}
.business.new p.light{
    padding-bottom: 5px;
}
.business.new{
    padding-bottom: 20px;
}
.business.new p.orange{
    color: #F5811E;
    padding: 9px 0 7px;
    font-family:Roboto-Bold;
}
.business.new p span {
   font-family:Roboto-Bold;
}
.indus h3{
    font-size: 18px;
    line-height: 20px;
    color: #000000;
     font-family:Roboto-Medium;
}
.indus h1{
    font-size: 35px;
    line-height: 40px;
    color: #000000;
     font-family:Roboto-Regular;
}
.indus{
    padding-bottom: 50px;
}
.who h3{
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    font-family:Roboto-Bold;
    padding-bottom: 10px;
}
.who{
    padding-bottom: 50px;
}
.leftSugar {
    display: flex;
    align-items: end;
    gap: 10px;
}
.leftSugar p{
    color: #5CA446;
}
.row.brdr{
    border-bottom: 1px solid #707070;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.sustainV h3{
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    font-family:Roboto-Bold;
    padding-bottom: 30px;
}
.row.pb40{
    margin-bottom: 40px;
}
.sustainV h3.black{
    color: #000;
    font-family:Roboto-Bold;
    padding-bottom: 20px;
}
.our h3.orange{
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    font-family:Roboto-Bold;
    padding-bottom: 25px;
}
.market-position{
    background-image: url(../images/about/bg-img.webp);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    padding: 30px 0 0 0px;
}
.among h1{
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    padding-bottom: 12px;
     font-family:Roboto-Bold;
}
.among h1 span{
    font-size: 24px;
}
.among p{
    color: #fff;
}
.among p span{
    display: block;
}
.among{
    border-right: 1px solid #fff;
}
.among.nobrdr{
    border: none;
}
.market-position .row{
    padding-bottom: 40px;
}
.firstOper h3{
    background-color: #F58220;
    border-radius: 12px;
    color: #fff;
    font-size: 20px;
    padding: 12px 28px;
    font-family:Roboto-Bold;
}
.firstOper p{
    font-size: 20px;
    line-height: 45px;
    color: #5CA446;
    font-family:Roboto-Bold;
}
.firstOper {
    display: flex;
    gap: 40px;
}
.firstOper{
    margin-bottom: 30px;
}
.manuf{
       background: transparent linear-gradient(100deg, #FFFFFF 0%, #E9E9E9 100%) 0% 0% no-repeat padding-box;
     padding: 20px 0 20px 20px;
     margin-bottom: 30px;
}
.western h3{
    color: #F58220!important;
    font-size: 20px;
    font-family:Roboto-Bold;
    padding-bottom: 10px;
}
.western p span{
    color: #F58220;
}
.western{
    padding-bottom: 40px;
}
.estern h3{
    color: #00A99C!important;
    font-size: 20px;
    font-family:Roboto-Bold;
    padding-bottom: 10px;
}
.estern p span{
    color: #00A99C;
}
.manuf h3{
    color: #000;
    font-size: 20px;
    font-family:Roboto-Bold;
    padding-bottom: 20px;
}
.manuf p{
    padding-bottom: 10px;
}
.central h3{
    color: #5CA446;
}
.central p span{
    color: #5CA446;
}
.edge h3{
    color: #000;
    font-size: 20px;
    font-family:Roboto-Bold;
    padding-bottom: 20px;
}
.edge{
    padding-bottom: 20px;
}
.investDivsrow{
    padding-bottom: 25px;
}
.investSection{
    margin-bottom: 40px;
}
.investSection h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 20px;
    color: #4c4c4c;
    padding-bottom: 0px;
}
.investSection h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}

.investIconDiv img{
    padding-bottom: 10px;
}
.investIconDiv h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    padding-bottom: 20px;
}
.investIconDiv p{
    font-family:Roboto-Regular;
    color: #2C2E33;
    padding-bottom: 20px;
}
.investIconDiv ul{
    padding-left: 0;
}
.investIconDiv ul li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 15px;
    list-style: none;
}
.investIconDiv ul li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #F58220;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

ul.investSubList {
    padding-left: 0;
    margin-top: 10px;
}
ul.investSubList li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 15px;
    list-style: none;
}
ul.investSubList li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #B0B0B0;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.journeySection{
    margin-bottom: 40px;
}
.journeySection .row{
    align-items: center;
}
.journeyBanner{
    max-width: 520px;
}
.journeyBanner h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    padding-bottom: 10px;
}
.journeyBanner h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}

.joureyContent h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 20px;
}
.phaseGreenBox{
    max-width: fit-content;
    background-color: #5CA446;
    padding: 12px 30px;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.phaseGreenBox h5{
    color: #FFFFFF;
    padding-bottom: 0;
}
.paraBoxJourney{
    position: relative;
    border-bottom: 2px solid #f58220;
    margin-bottom: 30px;
}
.midlineImg{
    max-width: 78px;
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    bottom: -19px;
    right: 50%;
    text-align: center;
}
.paraBoxJourney p{
    font-family:Roboto-Medium;
    color: #000000;
    padding-bottom: 20px;
}
.phaseListHead h5{
    color: #000000;
}

.phaseList ul{
    padding-left: 0;
    margin-bottom: 0;
}
.phaseList ul li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 15px;
    list-style: none;
}
.phaseList ul li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #F58220;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}
.phaseList ul li span{
    font-family:Roboto-Bold;
    color: #5CA446;
}

.allocatinDiv{
    margin-top: 40px;
}
.allocatinTop{
    border-top: 2px solid #5CA446;
    position: relative;
}
.allocationTxt{
    max-width: 678px;
    background-color: #FFFFFF;
    padding: 0 27px 12px 27px;
    position: absolute;
    top: -20px;
    right: 284px;
    text-align: center;
}
.allocationTxt h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 5px;
}
.allocationTxt p{
    font-family:Roboto-Bold;
    color: #5CA446;
}
.allocationGrph{
    text-align: center;
    padding-top: 60px;
    border-bottom: 1px solid #4D4D4F;
    margin-bottom: 20px;
}
.allocationGrph img{
    margin-bottom: 35px;
}
.allocationGrph h1{
    font-family:Roboto-Black;
    font-size: 40px;
    line-height: 22px;
    color: #2C2E33;
    padding-bottom: 20px;
}
.allocationGrph h1 span{
    font-family:Roboto-Regular;
}
.allocationGrph h5{
    font-family:Roboto-Medium;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    padding-bottom: 20px;
}

ul.allocatinList {
    padding-left: 0;
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
}
ul.allocatinList li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 24px;
    list-style: none;
}
ul.allocatinList li:nth-child(1):before{
    content: "";
    width: 12px;
    height: 12px;
    background-color: #FF9548;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}
ul.allocatinList li:nth-child(2):before{
    content: "";
    width: 12px;
    height: 12px;
    background-color: #85BD74;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}
ul.allocatinList li:nth-child(3):before{
    content: "";
    width: 12px;
    height: 12px;
    background-color: #A6CE98;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
}
.allocationNote p{
    font-family:Roboto-Regular;
    font-size: 14px;
    line-height: 22px;
    color: #2C2E33;
}
.divestment{
    margin: 50px 0px;
}
.divestmentHead{
    padding-bottom: 30px;
    text-align: center;
}
.divestmentHead h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
    padding-bottom: 20px;
}
.divestmentDetail{
    padding: 30px 20px 10px 20px;
    border: 1px solid #55A843;
    border-right: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    min-height: 232px;
}
.divestmentDetail2{
    border: 1px solid #55A843;
    border-right: 1px solid #55A843;
    border-left: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.divestmentDetail h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 20px;
}
.divestmentDetail ul{
    padding-left: 0;
    margin-bottom: 0;
}
.divestmentDetail ul li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 15px;
    list-style: none;
}
.divestmentDetail ul li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #F58220;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}
.journeyGreen{
    position: relative;
}
.divestGreenCircle{
    padding: 40px 40px;
    background-color: #5CA446;
    text-align: center;
    min-height: 267px;
    max-width: 267px;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 45px;
}
.divestGreenCircle h5{
    font-family:Roboto-Medium;
    font-size: 20px;
    line-height: 22px;
    color: #FFFFFF;
    padding-bottom: 5px;
}
.divestGreenCircle h2{
    font-family:Roboto-Black;
    font-size: 30px;
    line-height: 22px;
    color: #ffffff;
    padding-bottom: 5px;
}
.divestGreenCircle h2 span{
    font-family:Roboto-Regular;
}
.divestGreenCircle p{
    font-family:Roboto-Regular;
    color: #FFFFFF;
    padding-bottom: 10px;
}
.btmbrdjourPara{
    border-bottom: 1px solid #FFFFFF;
    margin-bottom: 10px;
}
.journeyGreen{
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 232px;
}
.stakeGraphs h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 20px;
}
.garphheadinDiv h5{
    color: #5CA446;
    padding-bottom: 10px;
}
.garphheadinDiv{
    margin-bottom: 30px;
}
.grpghimgpho{
    border: 0.5px solid #000000;
    padding: 37px 45px;
    background-color: #FFFFFF;
}
.sharegrphNote p{
    font-size: 14px;
    line-height: 22px;
    color: #2C2E33;
    font-family:Roboto-Regular;
    padding-bottom: 20px;
}
.sharegrphNote p span{
    display: block;
}
.grphnotealign .row{
    align-items: center;
}

.restructuringTop{
    margin-bottom: 20px;
}
.restructuringTop h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    padding-bottom: 10px;
}
.restructuringTop h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}
.restructurImg{
    text-align: center;
    margin-bottom: 50px;
}

.beforeAmalgamation{
    border-top: 2px solid #5CA446;
    position: relative;
    margin-top: 20px;
    margin-bottom: 45px;
}

.contentAmal{
    max-width: 678px;
    background-color: #FFFFFF;
    padding: 0 27px 12px 27px;
    position: absolute;
    top: -20px;
    right: 37%;
    text-align: center;
}
.contentAmal h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 5px;
}
.contentAmal p{
    font-family:Roboto-Bold;
    color: #5CA446;
}
.amalgrphimg{
    text-align: center;
}
.downarrowAmal{
    text-align: center;
}
.ptbafter{
    margin-top: 40px;
}
.ptbpara{
    max-width: 303px;
    background-color: #DEEDDA;
    padding: 11px 77px;
}
.footnote-bl p{
    font-size: 14px;
    color: #2C2E33;
}
.footnote-bl{
 text-align: center;
}
.transmission h4{
    font-size: 18px;
    line-height: 24px;
    color: #2C2E33;
    font-family:Roboto-Medium;
    padding-bottom: 20px;
}
.proven h3{
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 12px;
     font-family:Roboto-Bold;
}
.proven{
    padding-bottom: 40px;
}
.edge h3.pb30{
    padding-bottom: 30px;
}
.note p:nth-of-type(1){
      font-family:Roboto-Bold;
}
.row.align{
    align-items: center;
}
.firstProduct h3{
    padding-bottom: 5px;
    border-radius: 8px;
}
.edge .firstProduct h3{
    padding-top: 5px;
}
.mainDiv{
    display: flex;
    gap: 34px;
}
.firstDiv {
    max-width: 354px;
}
.row.brdrG{
    border-bottom: 2px solid #5CA446;
    padding-bottom: 20px;
}
.leftSnap h3{
    padding-bottom: 30px;
    font-size: 20px;
    line-height: 22px;
    font-family:Roboto-Bold;
}
.leftSnap p{
    padding-bottom: 20px;
    border-bottom: 1px solid #F58220;
    margin-bottom: 30px;
}

.insidepage h1 {
    color: #F5811E;
    font-size: 36px;
    font-family:Roboto-Bold;
    padding-bottom: 40px;
}
.insidepage p.first {
    font-family:Roboto-Bold;
    font-size: 20px;
    color: #F58220;
    position: relative;
    margin-bottom: 20px;
    display: inline-block;
    padding-top: 0;
}
.insidepage p.first:after {
    content: '';
    position: absolute;
    background-image: url(../images/idown-arrow.svg);
    width: 13px;
    height: 19px;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -20px;
}
.allInside label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-family:Roboto-Regular;
    font-size: 16px;
}
.mda label {
    font-family:Roboto-Bold;
    font-size: 20px;
    color: #F58220;
}
.downloadcneter #submit {
    background-color: #f58220;
    color: #fff;
    padding: 8px 25px;
    border: 0;
    margin-top: 20px;
    border-radius: 25px;
    font-family:Roboto-Regular;
}
.mda {
    margin-top: 30px;
}
.downloadcneter
{
    padding-bottom: 60px;
}
.sustain-btm-img
{
    position: absolute;
    right: 0;
    top:0;
    z-index: 5;
    height: 100vh;
    width: 100%;
}
.sustain-btm-img img
{
object-position:bottom;
width: 100%;
height: 100%;
object-fit: cover;
}

.hm-journey-img
{
    display: none;
}
.hm-journey-text
{
    opacity: 0;
}

.strengtheningTop{
    margin-bottom: 40px;
}
.strengtheningTop h6{
    font-family:Roboto-Medium;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    padding-bottom: 10px;
}
.strengtheningTop h1{
    font-family:Roboto-Regular;
    font-size: 35px;
    line-height: 45px;
    color: #000000;
    padding-bottom: 10px;
}

.strengthContent{
    padding-bottom: 50px;
}
.strengthContent h5{
    font-family:Roboto-Bold;
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    padding-bottom: 12px;
}
.strengthContent p{
    font-family:Roboto-Regular;
    color: #2C2E33;
    padding-bottom: 20px;
}
.strengthGrnBox{
    max-width: 276px;
    background-color: #5CA446;
    border-radius: 12px;
    padding: 12px 25px;
    margin-top: 10px;
    margin-bottom: 25px;
}
.strengthGrnBox h5{
    color: #FFFFFF;
    padding-bottom: 0;
}

.strnOrngbrd{
    padding: 30px 30px;
    border: 2px solid #FF7D23;
    border-radius: 20px;
    position: relative;
}
.orgnbrdImg{
    background-color: #ffffff;
    padding-bottom: 40px;
    position: absolute;
    top: 40%;
    right: -96px; 
}
.strnOrngbrd h5{
    color: #000000;
}
.strnOrngbrd ul{
    padding-left: 0;
}
.strnOrngbrd ul li{
    position: relative;
    font-family:Roboto-Regular;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px;
    color: #2C2E33;
    padding-left: 15px;
    list-style: none;
}
.strnOrngbrd ul li::before{
    content: "";
    width: 6px;
    height: 6px;
    background-color: #F58220;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}

.StrnGreenbrd{
    padding: 30px 30px;
    border: 2px solid #55A843;
    border-radius: 20px;
    padding-left: 85px;
}
.StrnGreenbrd h5{
    color: #000000;
}
.strbmin703{
    min-height: 703px;
}
.strbmin510{
    min-height: 510px;
}
.strbmin418{
    min-height: 418px;
}
.bssr-table
{
    margin-top: 30px;
}

.bssr-table th {
     font-family:Roboto-Bold;
    font-weight: initial;
    background-color: transparent;
    color: #2C2E33;
    border-bottom: 1px solid #F58220;
    border-top: 1px solid #F58220;
}
.brsrT h2 {
    font-size: 18px;
    font-family:Roboto-Bold;
    color: #F58220;
    display: flex;
    align-items: center;
    gap: 50px;
}
.brsrT .brsrIcon img{
    max-width: 43px;
}
.bssr-table td
{
 background-color: transparent;
 color: #2C2E33;   
}
.bssr-table td a
{
    color: #2C2E33;
    text-decoration: underline !important;
}
.bssr-last td
{
 border-bottom: 1px solid #F58220;   
}
.bssr-table table>thead>tr>th:nth-child(1) {
    width: 70px;
}
.bssr-table table>tbody>tr>td:nth-child(1) {
    width: 70px;
}
.bssr-btn {
    margin-top: 52px;
    margin-bottom: 15px;
}
.bssr-btn a {
    font-family:Roboto-Bold;
    color: #2C2E33;
    font-size: 16px;
    padding: 6px 15px;
    border: 1px solid #2C2E33;
}
.bssr-btn a:hover
{
 border: 1px solid #F58220;
 color:#F58220;   
}
.esgTab p.bold{
     font-family:Roboto-Bold;
}
.investSection h6.grey{
    color: #4c4c4c;
    padding-bottom: 5px;
}
.StrnGreenbrd.strbmin703 p span{
    color: #f58220;
}
.StrnGreenbrd.strbmin510 p span{
    color: #f58220;
}
.StrnGreenbrd.strbmin418 p span{
    color: #f58220;
}
.strengtheningTop h6.grey{
    color: #4c4c4c;
    padding-bottom: 0;
}
.indus h3.grey{
    color: #4c4c4c;
    padding-bottom: 5px;
}
.note {
    color: #4c4c4c;
}
.note p:first-child{
    color: #000;
}
.advancingdigitalTop h6.grey{
    color: #4c4c4c;
}
.advancingTop h6.grey{
   color: #4c4c4c;
    padding-bottom: 5px;
}
.g-dis {
    margin-bottom: 40px;
}
.br-orng {
    background-color: #F58220;
}
.br-orng h3 {
    font-size: 18px;
    color: #fff;
    font-family:Roboto-Bold;
    padding: 6px 30px 6px 20px;
}
.br-white {
    background: linear-gradient(90deg, #E9E9E9 0%, #FFFFFF 100%);
    width: 100%;
}
.br-white h4 {
    color: #F58220;
    font-size: 20px;
     font-family:Roboto-Bold;
    padding-left: 10px;
    line-height: 30px;
}
.br-white h4 span {
    font-size: 30px;
    padding-right: 15px;
}
.bod-section h6.grey{
    color: #4c4c4c;
    padding-bottom: 5px;
}
.restructuringTop h6.grey{
    color: #4c4c4c;
    padding-bottom: 5px;
}
.esgData h5.grey{
    color: #4c4c4c;
    padding-bottom: 5px; 
}
.keyperfSection p.grey{
        color: #4c4c4c;
    padding-bottom: 0; 
    font-family: Roboto-Medium;
    font-size: 18px;
    padding-bottom: 5px;
}
.journeyBanner h6.grey, .voiceEmployee p.grey, .voiceFarmer p.grey{
            color: #4c4c4c;
    padding-bottom: 5px; 
    font-family: Roboto-Medium;
    font-size: 18px;
}
.managementMda .modal-body {
    padding-top: 40px;
}
.managementMda .btn-close {
    position: absolute;
    right: 0px;
    top: 10px;
    right: 15px;
}
#myModal1 .modal-dialog, #myModal2 .modal-dialog, #myModal3 .modal-dialog, #myModal4 .modal-dialog, #myModal5 .modal-dialog, #myModal6 .modal-dialog, #myModal7 .modal-dialog, #myModal8 .modal-dialog, #myModal9 .modal-dialog, #myModal10 .modal-dialog, #myModal11 .modal-dialog, #myModal12 .modal-dialog, #myModal13 .modal-dialog, #myModal14 .modal-dialog, #myModal15 .modal-dialog, #myModal16 .modal-dialog, #myModal17 .modal-dialog, #myModal18 .modal-dialog, #myModal19 .modal-dialog {
    width: 100% !important;
    max-width: 1140px !important;
        /* margin-top: 100px; */
}
a.newModal{
    width: 100%;
}
.themeHead h1{
    font-size: 35px;
    line-height: 30px;
    color: #000000;
    font-family:PTSerif-Regular;
    padding-bottom: 8px;
}
.themeHead h1 span{
    font-family:PTSerif-Bold;
}
.themeHead{
    padding-bottom: 40px;
}
.themeData h3{
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
     font-family:Roboto-Bold;
     padding-bottom: 5px;
}
.themeData p{
    color: #2C2E33;
}
.themeData h3:nth-of-type(2){
    color: #5CA446;
    font-family:Roboto-Medium;
    padding-bottom: 10px;
}
.theme p{
color: #2C2E33;
}
.theme li{
   color: #2C2E33; 
}
.Secpara{
    padding-top: 40px;
}
.Secpara p:first-child{
    padding-bottom: 25px;
}
.Secpara p:nth-of-type(2){
    padding-bottom: 15px;
}
.advanceH h3{
    font-size: 20px;
    line-height: 22px;
    color: #F58220;
    font-family:Roboto-Bold;
    padding-bottom: 15px;
}
.advanceH h3 span{
    color: #5CA446;
    font-family:Roboto-Medium;
}
.advanceH  p{
    padding-bottom: 15px;
}
.advanceH h2{
    color: #F58220;
    font-size: 20px;
   line-height: 22px;
    font-family:Roboto-Bold;
    padding: 30px 0;
}
.themeSugarImg {
    text-align: right;
}
.g-dis h3{
        color: #F58220;
    font-size: 30px;
   line-height: 22px;
    font-family:Roboto-Bold;
    padding: 30px 0;
}
/* floating circle */
  .click-circle {
    position: fixed;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: rgba(255,255,255,0.1);
    border: 1px solid #fff;
    color: #fff;
    font-size: 8px;
    letter-spacing: .1em;
    text-transform: uppercase;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(0.6) rotate(0deg);
    opacity: 0;
    transition: opacity .15s ease, transform .15s ease;
    backdrop-filter: blur(2px);
    z-index: 9999;
  }
  a.mobilePdf{
    display: none;
  }