@media (max-width: 1024px) {

.waste-manage .lightBlue-wasteBox {
top: 46px;
left: 0px;
right: 0px;
margin: 0px auto;
}
.golobalPage .bussLft {
width: 120px;
}
.top-link ul li a {
padding: 10px;
position: relative;
border: 1px solid rgba(112, 112, 112, .70);
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #676767;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
}
.top-link ul {
list-style: none;
padding: 0px;
margin: 0px;
margin-top: 25px;
}
.materialAsse h5.whiteBg {
padding: 10px 25px;
}
.materialAsse h5.blueBg {   
padding: 10px 40px;

position: relative;
top: 0;
left: 0;
right: 0;
max-width: 100%;
width: 100%;
margin: 0px auto;
margin-bottom: 0px;
margin-bottom: 20px;
}
.bussLft .empowSpn {
display: block;
}
.aelEsg.active, .topBox.active, .bottomLeft.active, .bottomRight.active, .csrRight.active {
padding: 25px 10px;
}
#csrRight .btnarrow {
flex-direction: column;
}
#csrRight .btnarrow a {
font-size: 12px;
line-height: 18px;
}
.csrLeft.active {
padding: 25px 10px;
display: block;
}
.allContents .bodDia p {
margin-bottom: 15px;
font-size: 12px;
line-height: 18px;
}
.topBox.active {
max-width: 100%;
width: 100%;
position: relative;
margin: 0px auto;
border: 1px solid #006db7;
padding: 25px 15px 15px 25px;
}
.hideTyt .bussRgt {
padding: 40px 10px 30px 15px;
}
.hideTyt .bussLft {
width: 120px;
}
.hideTyt2 .bussLft {
width: 120px;
padding-top: 20px;
}
.hideTyt2 .bussRgt {
padding: 40px 10px 30px 24px;
}
.pageSitemap{
display: none;
}
.slideItem p:last-child {
margin-bottom: 15px;
}
.highlight-number .read-btn1 {
margin-top: 0px;
}
.prom-envir.pt0 .horizontal-divider {
height: 0px;
margin: 0px;
}
.prom-envir.pt0 .flex-item {
padding: 0px;
padding-bottom: 0px;
padding-bottom: 10px;
border-right: 0px solid #aaa;
max-width: 100%;
border-bottom: 1px solid #aaa;
margin-bottom: 20px;
padding-bottom: 20px;
}
.aspe-board .blue {
width: 69px;
min-height: 9px;
top: 47px;
left: 10%;
z-index: 99;
}
.aspe-board h3 {
line-height: 21px;
color: #006DB7;
font-weight: 700;
border: 1px solid #707070;
position: relative;
max-width: 100%;
padding: 15px;
border-left: none;
background-color: #fff;
margin: 0px auto;
font-size: 16px;
}
.bussRgt::after {
background-repeat: repeat;
background-size: auto;
width: 24px;
height: 24px;
left: -10px;
top: 40px;
background-size: contain;
background-repeat: no-repeat;
}
.resOne .bussRgt::after {
top: 90px;
}
.purpBusiness.mt50 .resPage .brdRghtDev {
margin-right: 0px;
}
.bussLft {
width: 120px;
}
.purpBusiness.mt50 ul.corporate li {
position: relative;
color: #fff;
padding-bottom: 10px;
font-size: 14px;
line-height: 19px;
}
.bussRgt {
width: calc(100% - 120px);
}
.resPage .bussLft h4 {
font-size: 14px;
}
.modal-body .pop-div h5 span {
font-size: 32px;
line-height: 35px;
}
.modal-fullscreen .modal-body {
margin-left: 0;
}
.custom-close-btn {
margin-top: 10px;
margin-right: 0px;
}
.myModal-con {
display: flex;
gap: 20px;
flex-direction: column;
}
.mblTxt{
display: block!important;
}
p.mblTxt {
color: #000;
font-size: 18px !important;
line-height: 23px !important;
font-weight: 600;
}
.team-card-new.extra.mdal {
height: auto;
}
.main-safe .first-safe .blue-box {
display: none;
}
.allModalStyle .team-card-new h3 {
padding: 15px 0 3px 0px;
}
.allModalStyle .team-card-new p {
padding: 0 0 14px 0px;
max-width: 100%;
}
.allModalStyle .team-card-new {
padding-bottom: 0;
margin-bottom: 0;
}
.allModalStyle .modal-body.mybody, .team-card-new.mdal {
height: auto;
}

.pathwayBox {
padding: 25px 5px 10px 25px;
}
.commitMentSt p {
min-height: auto;
padding-right: 0px;
}
.main-aspect .sub-asp {
border-right: 0px solid #707070;
padding-right: 0px;
max-width: 100%;
}
.csr-sec.corp-g {
margin-bottom: 0;
}
.commitMentSt p::after {
display: none;
}
.supp-img {
padding: 25px 0 25px 0;
}
.main-aspect .sub-asp .yellow-icon {
display: none;
}
.main-aspect .sub-asp {
border-right: 0px solid #707070;
}
.main-aspect {
gap: 0;
flex-direction: column;
}
.sec-table1a table tbody tr:last-child td {
font-size: 24px;
}
.climate-left {
padding-left: 0;
}
.read-pg a {
display: flex;
}
.bodDia .topBox.active h5 {
top: -24px;
}
.riskTrendss, .riskTrendss1 {
gap: 5px;
flex-direction: column;
margin-bottom: 10px;
}
.allContents .risk-box h4 {
font-size: 18px;
line-height: 23px;
}
.wellBeing p {
padding-top: 0px;
}
.stakeTabBody {
padding: 30px 0px 10px 0px;
}
.wellBeing.triangleBox {
padding-left: 0px;
}
.wellBeing.triangleBox p{
padding-left: 15px;
padding-top: 0px;
}
.aelTbl.performanceTbl1 p {
min-height: 59px;
width: 95%;
}
.mblmt15 {
margin-top: 15px;
}
.msgFromMd .insText.corporate h2 span {
display: block;
}
.director-msz h2 {
padding-bottom: 15px;
}
.managing-director-banner h6, .strength-resi-sec h2 {
padding-bottom: 15px;
}
.strength-resi-sec h6 {
padding-top: 0;
}
.prog-table td {
padding: 20px 10px;
}
.empHeadfour, .empHeadthree, .empHead, .empHeadfive, .empHeadsix, .empHeadseven, .empHeadeight {
margin-top: 0px;
}
.empMain, .mbl_mt25{
margin-top: 25px;
}
.main-safe {
padding: 30px 20px 10px 20px;
}
.perNextLinks {
padding: 25px 0px 50px 0px;
}
.allContents {
padding-bottom: 0;
}
.sliderContainer {
max-width: 100%;
padding: 0px 15px;
}
.slideItem p {
font-size: 25px;
line-height: 30px;
}
.slideItem h4 {
font-size: 45px;
line-height: 50px;
}
.cardslider .allBtns {
left: 0px;
right: 0px;
}
.hideMbl{
display: none;
}
.emp-blur, .em-scroll, .progressBarContainer
{
display: none;
}
.integratedSec ul {
display: block;
min-height:auto;
max-height: initial;
overflow: visible;
}
.integratedSec ul > li
{
width: 100%;
display: block;
border-bottom: 1px solid #fff;
}
.integratedSec ul > li .section-title {
display: block;
width: auto;
padding-left: 30px;
}
.integratedSec ul > li .section-title h2 {
transform: initial;
width: 100%;
padding: 15px 0px 15px; 0px;
}
.integratedSec ul > li .section-content
{
display: none;
}
.integratedSec ul > li.active1 .section-content {
display: block;
opacity: 1;
}
.section-title h2 span {
margin-right: 0px;
padding-left: 15px;
}
.inputOutputs {
display: flex;
flex-direction: column;
}
.inputOutputs > div {
width: 100%;
}
.inputOutputs ul li {
font-size: 16px;
line-height: 22px;
}
.integratedSec ul > li .section-title
{
display: block;
text-align: left;
padding-top: 0px;
}
.boldList li {
border-bottom: none !important;
}
.slick-slide
{
height: auto;
}
.empowering2
{
height: auto;
display: block;
background-attachment: initial;
background-image:none;
background-color: #FFFCF5;
padding-top: 30px;
}
.emp-line1, .emp-line2, .empowering2 h2
{
display: none;
}
.empowering2-mbl
{
display: block;
padding: 60px 0px;
background-image: url(../images/mbl/empowering-mob-img2.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: right;
}
.empowering2-mbl h2
{
color: #fff;
font-size: 82px;
line-height: 90px;
font-family: Playfair Display;
}
.emp-nummain {
height: auto;
overflow: visible;
}
.emp-numwrap
{
opacity: 1;
}
.emp-num h3
{
color: #26000C;
}
.emp-num p
{
color: #26000C; 
}
.topRev
{
display: block;
}
.topRev::after
{
display: none;
}
.topRev h5
{
margin-top: 0px;
margin-bottom: 30px;
}

.p-highlights-wrap {
overflow: visible;
height: auto;
}
.highlight, .highlight-lefttext, .highlight-screen2, 
.highlight-line, .linenumber, .highlight-line-bg, .highlight-number h2
{
display: none;
}
.highlight-number
{
position: relative;
left: auto;
opacity: 1;
background-color:#FFFCF5;
padding-bottom: 40px;
}
.h-num h4, .h-num p, .credit-table p, .credit-table td
{
color:#26000C;
}
.highlight-num {
border-right: 1px solid #26000C;
}
.credit-table td
{
border-bottom: 1px solid #26000C;
}
.credit-table
{
margin-top: 30px;
}
.highlight-screen2-mbl
{
position: relative;
display: block;
}
.highlight-screen2-mbl img 
{
width: 100%;
}
.highlight-screen2-mbl h2
{
position: absolute;
left: 30px;
top:60px;
color: #fff;
font-size: 42px;
font-weight: 700;
}
.highlight-screen2-mbl h2 span 
{
display: block;
}
.msgMgr .txtTra1, .msgMgr .txtTra {
max-width: 500px;
}
.incubating2
{
display: none;
}
.incubating-mbl
{
display: block;
padding-bottom: 20%;
background-image: url(../images/mbl/about-camss-e-img1.webp);
background-repeat: no-repeat;
background-size: cover;
background-position:center;
height: 100vh;
display: flex;
align-items: flex-end;
position: relative;
}

.incubating-mbl h6
{
font-size: 20px;
line-height: 26px;
font-weight: 300;
padding-bottom: 20px;
color: #fff;
padding-top: 30%;
}
.incubating-mbl h3
{
font-size: 70px;
line-height: 60px;
color: #fff;
font-weight: 900;
}
.incubating-mbl h4
{
color: #fff;
font-size: 36px;
line-height: 36px;
font-family: Playfair Display;
margin-bottom: 30px;
padding-top: 40px;
}
.icub-mbl-line
{
position: absolute;
top:0;
left:20%;
bottom:0px;
}
.icub-mbl-line svg
{
width: 100%;
height:100vh;
}
.abt-bl-text
{
max-width: 600px;
width: 100%;
}
.n-show
{
display: block;
}
.n-hide
{
display:none;
}
.center-sec
{
padding: 60px 0px;
}
.center-sec h1
{
padding-bottom: 40px;
}
#image-preview
{
margin-bottom: 40px;
}
.carousel li
{
top:54%;
}
.nav-buttons
{
top:0;
}
ul.squareList li
{
border-bottom: none;
}
.enviromentSocial
{
background-image: url(../images/mbl/environment-s-and-g-img-mob.webp);
background-repeat: no-repeat;
background-size: cover;
background-position:bottom center;
height: calc(100vh / 9 * 7);
align-items: flex-end;
padding-bottom: 20%;
}
.stake-wrap
{
display: none;
}
.stake-wrap-mbl
{
display: block;
padding: 60px 0px;
}
.stake-mbl-text{
padding-top: 15px;
}
.stake-mbl-text h4
{
color: #8B8B8B;
font-size: 32px;
line-height: 40px;
font-weight: 700;
padding-bottom: 10px;
}
.stake-mbl-text h6
{
color: #8B8B8B;
font-size: 18px;
padding-bottom: 15px;
}
.stake-mbl-text p
{
font-size: 18px;
line-height: 22px;
color: #8B8B8B;
margin-bottom: 20px;
}
.stake-slider.owl-carousel .owl-stage
{
padding-left: 30px !important;
}
.stake-btn a {
border: 1px solid #AC234F;
color: #016B9C;
}
.hmesg
{
display: none;
}
.hmesg-mbl
{
display: block;
background-color:#58378C;
padding: 60px 0px 140px 30px;
position: relative;
}
.hmesg-mbl h3
{
font-size: 45px;
line-height: 45px;
color: #AC234F;
font-family: Playfair Display;
font-weight: 500;
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 0px solid #8B8B8B;
}
.hmesg-mbl p{
color:#8B8B8B;
font-size: 18px;
line-height: 24px;
padding-bottom: 20px;
}
.esg-mbl-text
{
min-height: 235px;
}
.hmesg-mbl a
{
border: 1px solid #AC234F;
font-size: 20px;
color: #016B9C;
display: inline-block;
padding: 10px 20px; 
}
.esg-slidermbl .item 
{
background-color: #fff;
padding: 30px 20px 20px;
border-radius: 20px;
}
.esg-slidermbl.owl-carousel .owl-stage
{
padding-left: 0px !important;
}
.esg-mblimg
{
padding-top: 40px;
}
.esg-slidermbl .owl-nav button.owl-next{
position: absolute;
width: 78px;
height: 60px;
bottom: -120px;
margin: auto;
right:30px;
background-repeat: no-repeat;
background-image: url(../images/mbl/esg-right.svg) !important;
}

.esg-slidermbl .owl-nav button.owl-prev{
position: absolute;
width: 78px;
height: 60px;
bottom:-120px;
margin: auto;
right:25%;
background-repeat: no-repeat;
background-image: url(../images/mbl/esg-left.svg) !important;
}

.esg-slidermbl.owl-theme .owl-nav .owl-prev:hover,
.esg-slidermbl.owl-theme .owl-nav .owl-next:hover
{
background: none;
color: #FFF;
text-decoration: none;
background-repeat: no-repeat;
}
.esg-slidermbl.owl-theme .owl-nav .disabled
{
opacity:1;  
}
.esg-btmtext
{
position: absolute;
bottom:68px;
right: 123px;
color: #fff;
}
.p-highlights-wrap-mbl
{
position: relative;
display: block;
height:100vh;
background-color: #FFFCF5;
}
.highlight-graph-mbl
{
text-align: center;
margin-top: 40px;
}
.highlight-mbl
{
position: absolute;
left: 0;
top:0;
position: absolute;
z-index: 7;
}

.highlight-bg-mbl img{
width: 100%;
}
.highlight-lefttext-mbl
{
position: absolute;
left: 0;
top: 30%;
max-width: 540px;
width: 100%;
z-index: 9;
padding-left:30px
}
.highlight-lefttext-mbl h4
{
color: #fff;
font-size: 61px;
line-height: 56px;
font-family: Playfair Display;
}
.highlight2-mbl
{
z-index: 6;
}
.highlight3-mbl
{
z-index: 5;;
}
.highlight4-mbl
{
z-index: 4;
}
.highlight5-mbl
{
z-index: 3;
}
.highlight6-mbl
{
z-index: 2;
}
.highlight7-mbl
{
z-index: 1;
}
.highlight-line-mbl
{
position: absolute;
left: 0;
top: 25%;
z-index: 9;
height: 1px;
width:0;
background-color: #fff;
}
.highlight-line-bg-mbl
{
position: absolute;
left: 0;
top: 25%;
z-index: 8;
height: 1px;
width:100%;
background-color: #ffffffa1;
}
.linenumber-mbl
{
position: absolute;
left:30px;
top:22%;
z-index: 9;
font-size: 16px;
color: #fff;
}
.msgMgr .txtTra h3
{
padding-left: 5px;
}
}


@media (max-width: 991px) {
  .custom-prev {
    position: absolute;
    left: auto;
    top: auto;
    bottom: -24px;
    margin: auto;
    height: fit-content;
    z-index: 99;
    right: 80px;
}
.custom-next {
    right: 20px;
    top: auto;
    bottom: -24px;
    margin: auto;
    height: fit-content;
    z-index: 99;
    position: absolute;
}
.custom-prev img, .custom-next img{
  filter: drop-shadow(2px 4px 6px black);
}
  .banner-txt-key-highlight{
    margin-top: -20px;
  }
  .committees-grid .committee-item:nth-child(4)::after{
background-color: transparent;
  }
  .committees-grid .committee-item:nth-child(2)::after{
background-color: transparent;
  }
  .last-headin::before, .last-headin::after{
    background-color: transparent;
  }
  .govMrgn{
    margin-bottom: 0px!important;
  }
  .left-img .hollow-circle {
    position: relative;
    left: -19px;
    bottom: -10px;
    width: 0px;
    height: 0px;
    border: 1px solid #ff8071;
    border-radius: 50%;
    background-color: transparent;
    margin: 0px;
    display: none;
     border: 0px;
}
.intiatives{
  padding: 0px 0;
}
.left-img h3{
  padding: 20px 0 0;
}
  
  .left-img::before{
    border: 0px;
  }
  .main-sec .left-img {
    margin-left: 0px;
    margin-top: -10px;
    max-width: 100%;
    width: 100%;
}
  .main-sec{
    display: block;
    border: 0px;
  }
  .key-highlight.ghg-invent {
    min-height: auto;
}
  .green-h.other-green .first-green {
    max-width: 100%;
}
.green-h.other-green {
    margin: auto;
    max-width: 100%;
}
  .green-h .first-green{
    padding-right: 0px;
    padding-bottom: 20px;
    max-width: 100%;
    width: 100%;
    min-height: auto;
    margin-right: 0px;
    margin-bottom: 50px;
  }
  .naturalPage ul.material-list{
    padding-left: 15px!important;
  }
  .numBlue::before{
    top: -40px;
    left: -10px;
  }
  .mrgnBtm{
    margin-bottom: 20px;
  }
  .soacialBrTxt{
    max-width: 100%;
    height: auto;
  }
  .socialMrgn{
    margin-top: 20px;
  }
  ul.sub-li{
    display: block;
  }
  .pad15{
    padding-bottom: 15px!important;
  }
      .intellPage .sub-sec h3 {
        padding: 15px 0px 0px 0px;
    }
  .intellPage .natural-c p {
    padding-bottom: 15px;
    color: #4d4d4f;
}
  .intellPage .natural-c .row.sub-sec {
    margin-bottom: 20px!important;
}
  .pdBtm0{
    padding-bottom: 0px!important;
  }
  .head-Cams{
    margin-bottom: 15px;
    gap: 35px;
    display: flex;
  }
  .arrow-img IMG {
    transform: rotate(92deg);
}
  .cl-centre {
    padding-bottom: 0;
}
  .first-natural img {
    margin-bottom: 5px;
}
  .material-topic-table .topic-title {
    padding-bottom: 0px;
}
  .clientBxSpc{
    margin-top: 30px;
  }
  ul.material-list.stakeMobUl {
    padding-bottom: 0px!important;
    margin-bottom: 0px!important;
}
  .stakePage ul.material-list li{
    padding-bottom: 15px;
  }
  .mode-eng .material-list li {
    max-width: 100%;
}
 
  .client-text {
    padding: 10px 0 10px;
}
  .first-natural h1{
    padding-top: 0px!important;
  }
 .awardEght {
    margin-top: 0px;
}

  .mainAward.large-d .subAward {
    display: block;
}
  .mainAward.last .subAward,
  .mainAward.big-a .subAward,
  .mainAward.small-a .subAward
 {
    min-height: auto;
}
   .committees-bod ol {
    padding-left: 20px;
    margin-bottom: 0px;
}
  .ourJourneySec .sitemap
 {  padding: 80px 0 40px 0;
    }
  .committees-bod {
    padding: 30px 0 30px 10px;
}
  .banner-txt-managing h2 span,
  .first-natural.stake-h span,
  .riskTxtBnr h1 span {
    display: inline;
}
  .banner-txt-chairman h2::after{
    bottom: 0px;
    left: 115px;
  }
  .ourInnerScroll ul {
    display: flex;
    margin: 0px 10px 0 0px;
    min-width: 100%;
    width: 100%;
    padding-left: 0px;
}
  .scrollbar {
    overflow-y: hidden;
    height: auto;
    padding-right: 0px;
}
  .iconAfter::after,
  .iconafter21::after,
  .iconafter23:after{
    background: none;

  }
  .ourInnerScroll {;
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    border-top: 0px;
}
  .ourJourneySec .col-xl-8
 {
    padding-left: 15px;
}
  .ourJourImg .ourmobile{
  display: block;
}
  .ourJourImg .ourdesk{
    display: none;
  }
  .offSec p {
     padding-top: 0px; 
}
  .main-logo-div{
    min-height: auto;
  }
  .about-cams-top h2,
  .key-highlight-banner h1,
  .banner-txt-chairman h1,
  .strategy-banner-content h1,
  .first-natural h1,
  .banner-data h1,
  .corporate-gover-banner h1{
    font-size: 24px!important;
    line-height: 30px!important;
  }
  .accelerating-bottom h1 {
    font-size: 24px;
    line-height: 30px;
    padding: 30px 0 20px;
}
  .businessSec h3{
    font-size: 24px;
    line-height: 30px;
  }
  .esg-banner
 {
    background-image: url(../images/homepage/mob/esg-overview-img-mob.webp);
    display: flex;
        align-items: start;
        padding-top: 140px;
}
  .my-sidenav > ul > li img
 {
    filter: invert(1);
}
  .custom-nav-icons {
    right: 15px;
}
  .collection .contentslide {
    width: 100%;
}
  .award-carousel .owl-nav button.owl-prev,
  .award-carousel .owl-nav button.owl-next{
    bottom: 85px;
  }
  .strategyRight h3{
    font-size:29px;
  }
  .awardSec h2 {
    font-size: 30px;
    text-align: center;
    line-height: 30px;
}
  .award-content h3 span {
    display: inline;
}
  .award-content h3 {
    font-size: 20px;
    padding-bottom: 15px;
    line-height: 25px;
}
  .slide-number{
    display: none;
  }
  .award-slide .awardTtx{
    padding-left: 15px;
        padding-right: 15px;
    display: flex;
    align-items: start;
    padding-top: 20px;
  }
  .esgOverSec {
    background: url(../images/homepage/mob/esg-overview-img-mob.webp);
    height: 100vh;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
  .slideMain {
    display: block;
}
  .esgOverSec {
    display: flex;
    align-items: start;
    padding-top: 35px;
}
 .coreskybg ul {
    border-right: 0px;
    padding-right: 0px;
    min-height: auto;
            padding-left: 0;
}
  .bannericon{
    bottom: 0;
  }
      .mblV {
        display: block;
    }
  .table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
  .my-sidenav1.hide {
  width: 0;
  transform: translateY(100%); 
}
  .swipFlx img, .swipFlx p {
    margin-bottom: 15px;
}
.swiper-slide-active .text-content {
    display: block;
    position: static;
    margin: 0;
    padding: 10px 0 10 15px;
}
.swipFlx {
    display: block;
    gap: 20px;
}
  .swiper-pagination {
    display: none;
}
  .awardSec {
    margin-bottom: 20px;
}
  .award-slider .owl-item
 {
    transform: scale(1);
}
  .award-slider.owl-carousel .owl-nav button.owl-prev{
    bottom: -99px;
    top: auto;
            left: 70%;
  }
  .award-slider.owl-carousel .owl-nav button.owl-next{
    bottom: -99px;
    top: auto;
            right: 0;
  }
  .award-slider .item .caption {
    display: block;
    opacity: 1;
}
  .offeringBox h3 {
    font-size: 20px;
    line-height: 25px;
    padding-top: 15px;
}
  ul.socialLst {
    list-style: none;
    padding-left: 20px;
    display: block;
    gap: 40px;
}
  .socialBg::before {
    content: "";
    position: absolute;
    background: none;
}
  .socialBg {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
}
  .socialBlueBg {
    background: #D5EEF5;
    padding: 20px 0 0px 0px;
    position: relative;
    margin-bottom: 40px;
}
  .txt-c {
    padding-left: 0px;
}
  .first-natural {
    display: block;
    padding-bottom: 0px;
}
      .first-natural h1 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
  .camsRhCBrdr {
    padding: 30px 15px 50px 0px;
}
  .all-seven .seven-icon {
    width: 100%;
}
  .icon-cap {
    text-align: left;
}
  .material-topic-table .icon-group {
    display: block;
    gap: 10px;
    justify-content: center;
}
  .modeList {
    display: block;
    gap: 20px;
}
  .natural-c ul.material-list {
    display: block;
    padding: 0px 0 20px 0px;
}
  .strategy-banner-content h1 {
    font-size: 30px;
    line-height: 35px;
    padding-bottom: 40px;
}
  .businessTab #bussThree .bussBg .tabFlx
 {
    min-height: auto;
    height: auto;
}
  .businessTab #bussOne .bussBg .tabFlx {
    min-height: auto;
    height: auto;
}
  .riskTxtBnr h1 {
    font-size: 24px;
    line-height: 30px;
    padding-bottom: 10px;
}
  .first-natural h1 {
    font-size: 30px;
    line-height: 35px;
}
  .bod-banner-sec h1 {
    font-size: 30px;
     line-height: 30px;
}
  .ceos-banner h1 {
    font-size: 24px;
        line-height: 30px;
        padding-bottom: 30px;
}
  .bod-names h6 {
    padding-bottom: 15px;
    padding-top: 20px;
}
  .bod-names p {
    font-family: arial-regular;
    padding-bottom: 10px;
}
  .chairman-banner .sitemap,
  .managing-director-banner .sitemap {
    padding: 90px 0 30px;
}
 
  .banner-txt-managing h2::after{
    right: 15%;
  }
  .managing-director-banner {
    height: auto;
}
  .manageImg {
    position: relative;
    bottom: 0;
}
  .chairman-banner {
    height: auto;
}
  .contScroll
 {
    overflow-y: hidden;
    height: auto;
    padding-right: 0;
}
    
  .offMrgn{
    margin-top: 50px;
  }
  .offgradBg {
    padding: 20px 0px 20px 15px;
}
  .line {
    border-top: 0px;
}
  .offerFlx {
    display: block;
}
  .offerFlx h4, .offerFlx p {
    border-right: 0px;
    min-height: auto;
    padding-right: 15px;
}
  .offerFlx div {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
}
  .header-right-mbl {
    text-align: right;
}
  .hamburger {
    display: none;
}
  .rdxDev p {
    text-align: left;
}
  .annualSec .footSocial ul {
     border-top: 0px; 
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0;
    text-align: center;
    max-width: 105px;
}
  .sitemap {
    padding: 100px 0 40px 0;
}
  .about-top-sec h1 {
    padding-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
}
  .nextPre .pd-l0 {
    padding-left: 15px;
}
  .nextPre .pd-r0 {
    padding-right: 15px;
}
  .rightarrow {
    text-align: left;
    margin-top: 20px;
}
  .rightarrow a{
    padding-left: 15px;
  }
      .backTop a {
        position: relative;
        right: 0px;
        top: 0;
        left: 0px;
        text-align: center;
    }
  .topLiksF > div:nth-child(2), .botLiksF > div:nth-child(2)
 {
    width: 100%;
    position: relative;
    padding-left: 0;
}
.downloadCenter h3 {
font-size: 30px;
line-height: 35px;
padding-top: 20px;
}
.reportBook {
display: block;
background-color: #fff;
box-shadow: 0px 3px 6px #00000029;
padding: 20px 15px;
position: relative;
margin-bottom: 20px;
}
.reportBook::before, .reportBook::after
{
width: 100%;
}
.reportBook>div:nth-child(1), .reportBook>div:nth-child(2)
{
width: 100%;
}
.topLiksF {
display: block;
justify-content: space-between;
border-bottom: 1px solid #00000029;
margin-bottom: 0;
padding-bottom: 0px;
padding-top: 0px;
}
.botLiksF
{
display: block;
justify-content: space-between;
padding-bottom: 0px;
}

.topLiksF > div a, .botLiksF > div a {
display: block;
margin: 20px 0px;
}
.borderRight::after {
display: none;
}
.topLiksF>div:nth-child(1), .botLiksF>div:nth-child(1) {
width: 100%;
position: relative;
padding-left: 0px;
}
.coreFlx div img {
margin-bottom: 15px;
}
.coreFlx div {
border-right: 0;
padding-right: 0;
margin-bottom: 30px;
}
.coreFlx {
display: block;
}
.bussBtn {
text-align: left;
}
.bussBg .col-xl-4:nth-child(2) .tabFlx, .bussBg .col-xl-4:nth-child(3) .tabFlx, .bussBg 
.col-xl-4:nth-child(5) .tabFlx, .bussBg .col-xl-4:nth-child(6) .tabFlx
{
padding-left: 0;
}
.tabFlx div img {
margin-bottom: 15px;
max-width: 100%;
}
.tabFlx ul {
list-style: none;
padding-left: 15px;
margin-bottom: 30px;
height: auto;
}
.tabFlx {
border-right: 0px;
border-bottom: 0px;
display: block;
padding-right: 0;
}
.homeBussTabs .nav-tabs{
display: none;
}
#tab_selector {
border: 1px solid #3564af;
width: 100%;
padding-bottom: 5px;
display: block;
margin-bottom: 30px;
color: #004497;
font-size: 18px;
padding: 15px;
appearance: none;
background: url(../images/our-journey/s-down-arrow.png) !important;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-repeat: no-repeat !important;
background-position: 95% 50% !important;
margin-top: 25px;
}
.strategySec .col-xl-4 {
padding-right: 0px;
padding-left: 0;
}
.managDir {
padding: 0px 0 50px!important;
height: auto;
}
.chairContent p {
height: auto;
}
.managDir .row.chairBg {
position: relative;
flex-direction: column!important;
}
.chairContent .read-more-btn {
margin-bottom: 35px;
}
.chairBg::after {
top: 120px;
height: auto;
}
.chairmanSection h2 {
font-size: 24px;
line-height: 30px;
padding-top: 0px;
}
.chairmanSection h2 span {
display: block;
}
.chairmanSection {
height: auto;
padding: 50px 0 50px;
}
.row.chairBg {
position: relative;
flex-direction: column-reverse;
}
.highlightSlider .owl-nav button.owl-next {
bottom: -85px;
}
.highlightSlider .owl-nav button.owl-prev {
right: 50px;
bottom: -85px;
}
.highBtn {
text-align: left;
}
.slide-counter {
display: none;
}
.highlightSlider.owl-theme .owl-dots {
display: none;
}
.highlightCard {
height: 350px;
}
.businessHighlights h2 span,
.strategyRight h3 span{
display: inline;
}
.businessHighlights h2 {
text-align: left;
font-size: 24px;
line-height: 30px;
}
.businessHighlights {
margin: 50px 0 0;
}
.ourOfferingSec .read-more-btn {
margin-bottom: 20px;
}
.offerMrgn {
margin-top: 20px;
}
.ourOfferingSec, .caseStudy{
padding-top: 50px;
height: auto!important;
overflow: visible;
}
.bannerSec {
display: block;
height: auto;
align-items: center;
padding: 140px 0 120px;
}
.aboutInner span.aboutSmlTxt {
font-size: 16px;
}
.aboutInner h2 {
font-size: 24px;
line-height: 30px;
padding-bottom: 18px;
}
.aboutSec .read-more-btn {
margin-bottom: 40px;
}
.aboutSec {
height: auto;
display: block;
padding: 50px 0 50px;
}
.aboutSec {
height: auto;
display: block;
}
.bannerSlider.owl-carousel .owl-stage-outer
{
overflow: hidden !important;
}
.commonCta {
position: absolute;
bottom: -135px;
}
.slideTxt {
position: absolute;
bottom: 30px;
left: 0;
}
.slideTxt h1 {
font-size: 30px;
line-height: 32px;
}
.header-left a, .header-right a {
font-size: 14px;
}
.ham-icon1 {
display: block;
}
.desktopV{
display: none;
}
.mblV{
display: block;
}
.top-link{
display: block;
}

.hideon991{
display: none!important;
}
.showon991{
display: block!important;
}
.nav-icon3,
.header-right ul,
.d-text {
display: none;
}

.my-sidenav {
width: 0px;
display: block;
position: fixed;
top: 0;
right: 0;
overflow-x: hidden;
z-index: 999999999;
height: 100vh;
max-width: 0px;
width: 100%;
background-color:#2f3b8e;
transition: 0.5s;
-webkit-transition: 0.5s;
transition: width 0.3s ease;
}

.my-sidenav > ul {
padding: 0px 20px 0px;
}

.my-sidenav > ul > li > ul {
margin-top: 0px;
display: none;
}

.my-sidenav ul.submenu li ul.submenu {
display: none;
position: static;
width: 100%;
}

.my-sidenav ul {
list-style-type: none;
padding-left: 15px;
}

.my-sidenav ul li {
border-bottom: 1px solid #ffffff;
padding: 15px 0px;
}

.my-sidenav > ul > li > ul > li {
border-bottom: 1px solid #ffffff;
padding: 10px 0px;
display: flex;
justify-content: space-between;
}

.my-sidenav > ul > li > ul > li:last-child,
.my-sidenav ul.submenu li ul.submenu li:last-child {
border-bottom: 0px;
}

.my-sidenav ul.submenu li ul.submenu li {
border-bottom: 1px solid #ffffff;
padding: 10px 10px;
}

.my-sidenav ul.submenu li ul.submenu li a {
color: #ffffff;
font-size: 16px;
}

.cross-btn1 {
text-align: right;
padding: 20px 15px 30px 0px;
color: #fff;
font-size: 35px;
cursor: pointer;
}

.my-sidenav .submenu-indicator-minus .submenu-indicator {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.my-sidenav .submenu-indicator {
font-size: 30px;
position: absolute;
line-height: 25px;
right: 15px;
}

.my-sidenav > ul > li > a {
color: #ffffff;
font-size: 20px;
display: block;
}

.my-sidenav > ul > li > ul > li > a {
color: #ffffff;
font-size: 16px;

}
.my-sidenav > ul > li > ul > li.d-pdf > a {
position: relative;
width: 100%;
display: block;
padding-right: 20px;
}
.d-pdf img {
float: right;
font-size: 12px;
width: 18px;
position: absolute;
right: 0;
top: 3px;
}

.aplInd
{
display: block;
}
.msgIns h3, .msgIns a 
{
display: none;
}
.chairmanMsg, .msgMgr
{
position: relative;
background-image: url(../images/mbl/bg-mob.webp);
padding-top: 40px;
height:auto;
}
.chairmanMsg-mbl
{
display: block;
}
.posRel {
position: initial;
}
.chairmanMsg-mbl .msgIns h3, .chairmanMsg-mbl .msgIns a
{
display: block;
}
.mdImg
{
bottom: auto;
right: auto;
top: auto;
position: relative;
margin-top: 40px;
text-align: center;
}
.msgMgr .mdImg {
position: relative;
right: auto;
bottom: auto;
z-index: 5;

}
.highlight-numwrap {
display: flex;
flex-wrap: wrap;
}
.txtTra, .txtTra1
{
left: 30px;
max-width:70%;
bottom:30px;
}
.chairmanMsg-mbl .msgIns
{
max-width: 100%;
}
.chairmanMsg-mbl .msgIns a 
{
display: inline-block;
padding: 10px 45px;
}
.empoweringNation
{
background-color: #FFFCF5;
margin-top:50px;
padding-top: 40px;
}
.msgMgr .txtTra1, .msgMgr .txtTra
{
bottom: 30px;
left: 30px;
}
.incubating-mbl
{
margin-top: 50px;
}
.icub-mbl-line {
left: auto;
right: 30px;
}
.esg-slidermbl .owl-nav button.owl-prev
{
right: 31%;
}
.esg-mbl-text {
min-height:310px;
}
.rightApl
{
display: flex;
gap:40px;
}
.aplInd
{
width:auto;
}
.aplInd h4
{
margin-bottom: 15px;
}
.BotRev {
margin-top: 0px;
}
.aplInd > div::after
{
display: none;
}
.aplInd > div
{
border-right: 1px solid #96999c;
padding-right: 45px;
}
.BotRev .aplInd > div
{
border-right: none;
padding-right: 0px;
}
/*.highlight-numwrap
{
display: block;
}*/
.highlight-numwrap {
display: flex;
flex-wrap: wrap;
}
.highlight-num {
border-right: none;
display: flex;
justify-content: space-between;
padding-right: 0px;
margin-right: 0px;
min-width: 100%;
width: 100%;
}

.msgMgr .txtTra h3 {
padding-left: 0px;
}
.cardslider h5
{
padding-top: 30px;
}
.reportBook
{
display: block;
}
.reportBook > div:nth-child(2) {
width: 100%;
}
.downloadCenter h3 {
font-size: 22px;
line-height: 30px;
margin-bottom: 30px;
margin-top: 20px;
}
.updateLinks
{
display: block;
}
.updateLinks ul {
width: 100%;
}
.updateLinks ul li a span
{
top:-7px;
}
.updateLinks ul li a
{
font-size: 18px;
}
.footerBot
{
display: block;
}
.footSocial ul
{
justify-content: left;
padding: 15px 0px;
}
.copyrightTxt p 
{
padding-bottom: 15px;
}
.highlight-number .read-btn1 a
{
border: 1px solid #ac1e25;
font-size: 20px;
color: #016b9c;
display: inline-block;
padding: 10px 20px;
}
/******inside page*******/
.insideBanner
{
height: auto;
display: block;
padding-top: 90px;
}
.insText h2 {
font-size: 26px;
line-height: 32px;
padding-bottom: 20px;
}
.insText.corporate p:nth-child(3) {
font-size: 16px;
line-height: 24px;
}
section.pageSitemap.corporate {
padding-top: 10px;
}
.siteMap a {
line-height: 18px;
}
.about-camss-vision .bottom-yellow-arrow p {
font-size: 16px;
line-height: 22px;
}
.preLinks
{
margin-bottom: 10px;
}
.perNextLinks a
{
padding: 15px;
font-size: 16px;
line-height: 20px;
}
.row.corporate {
margin-top: 0px;
}
.sideScroll, .sideLinks
{
display: none;
}
.mainContent h3 {
font-size: 24px;
line-height: 30px;
}
.mainContent h4.boldTxt {
font-size: 18px;
line-height: 24px;
}
.visionBox {
padding: 20px;
}
.mainContent h4 {
font-size: 28px;
}
.upcomingGr
{
display: block;
}
.linksQr
{
display: block;
padding-top: 20px;
}
.linksQr p
{
padding-top: 10px;
}
.font24 {
font-size: 22px !important;
line-height: 30px !important;
}
.awardsAcolades p {
position: relative;
max-width: 100%;
top: auto;
left: auto;
}
.awardsAcolades
{
padding-bottom: 10px;
}
.awardsAcolades {
padding: 0px 10px 5px 20px;
}
.mainContent h4 {
font-size: 22px;
}
.prom-envir {
padding-top: 0px;
}
.fan-img {
padding-bottom: 30px;
}
.advance-btm {
padding-left: 0px;
padding-top: 15px;
}
.insText.our.promoting-envi h4
{
padding-top: 0px;
}
.blue-advance-b-x .border-line p {
font-size: 18px;
line-height: 28px;
padding-bottom: 10px;
}
.energy-case-study.advance .case-brdr::before {
height: 99%;
}
.mbl-30
{
margin-top: 30px;
}

.cellNum
{
display: block;
}
.cellNum.middleWidth7 > div:nth-child(1)
{
max-width: 100%;
}
.cellNum h5 {
font-size: 24px;
line-height: 32px;
}
.cellNum h5 span
{
padding-top: 15px;
}
.revenueCons.dataCntrAcr .accordion-header button span {
font-size: 20px;
line-height: 28px;
}
.edgeBox, .airBusiness, .focusBox, .bioManag, .stakeMain
{
padding: 20px;
}
.insBnrText h2 {
font-size: 22px;
line-height: 30px;
}
.bioPage .insideBanner .insBnrText p
{
padding-bottom: 20px;
}
.bioManag .col-xl-4 {
border-right:none;
border-bottom: 1px solid #707070;
margin-bottom: 40px;
}
.bioManag .col-xl-4::before {
right: 0px;
bottom: -15px;
left: 0px;
margin: auto;
transform: rotate(90deg);
}
.bioManag .gcrBrdNo
{
border-bottom: none;
}
.blueBgOccu {
min-width: auto;
height: 400px;
width: 100%;
}
.bioPage .blueBgOccu {
background-size: cover;
background-position: right;
}
.lftSpc {
margin-left: 0px;
}
.caseMain {
margin-top: -62px;
margin-left: 0px;
width: 100%;
}
.caseBx
{
left: 25px;
}
.fortSec h1 {
font-size: 24px;
line-height: 30px;
}
.lftSpc p {
padding-left: 15px;
}
.fortSec ul.empList {
margin-top: 0px;
padding-top: 0px;
}
.empList
{
margin-bottom: 0px;
}
.fortSec img 
{
margin-bottom: 30px;
}
ul.empList li::before {

bottom: auto;
top: 8px;
}
.purpBusiness
{
margin-top: 30px;
}
.bussLft h4 {
font-size: 14px;
}
.purpBusiness .pageSitemap {
margin-bottom: 20px;
}
.bussRgt {
padding: 40px 10px 30px 30px;
}
.empowSpn {
display: inline;
}
.rowSpc .col-xl-4
{
padding-left: 0px;
}
.rowSpc {
padding: 0px;
}
.aelContent p:nth-child(2) {
padding-bottom: 30px;
}
.brdlftrgtTwo
{
height: auto;
}
.brdlftrgtTwo ul.empList, .brdlftrgtTwo h6
{
padding-bottom: 15px;
}
.innerBox {
left:0px;
padding: 20px;
}
.innerBox::after, .innerBox::before
{
display: none;
}
.skyLine {
left: 0px;
right: 0px;
margin: auto;
}
.mainBox {
padding: 60px 20px 20px;
}
.orngLine
{
width: 100%;
}
.emTop
{
margin-bottom: 30px;
}
.outerLn
{
margin-top: 30px;
}
.climateGrey-box
{
padding: 20px;
}
.climate-left
{
padding-bottom: 10px;
}
.bigg-img.climate .white-box::after
{
bottom: 19px;
}
.climateGrey-box.sec-box h3
{
position: relative;
}
.centreImg
{
position: relative;
}
.corporate-blue-box {
margin: 15px;
}
.corporate-blue-box h2
{
padding: 0px;
}
.corporate-blue-box p
{
padding-left: 0px;
}
.corporate-blue-box h2:nth-of-type(2)
{
padding: 0px;
margin-top: 15px;
}
.corporate-blue-box .col-xl-12
{
padding: 20px;
}
.box-title
{
top:0px;
}
.linkage-box
{
margin-bottom: 30px;
}
.linkage-list
{
margin-top: 35px;
}
.key-linkages-section .row > div:nth-child(2) .linkage-box {
padding: 12px 16px 15px 16px;
}
.capitals-box .icons
{
margin-top: 40px;
}
.key-linkages-section .row > div:nth-child(3) .linkage-box {
padding: 12px 16px 20px 16px;
}
.row.sec-row {
margin-top: 0px;
}
.linkage-box.new-li {
padding-bottom: 10px;
}
.key-linkages-section
{
padding-bottom: 10px;
}
.csr-sec h2
{
padding-bottom: 0px;
}
.csr-sec .first-num h1
{
padding-top: 30px;
padding-bottom: 5px;
}
.csr-sec .first-num {
max-width: 100%;
}
.sec-num
{
margin-top: 30px;
}
.csr-sec h3
{
padding-top: 30px;
padding-bottom: 20px;
}
.board-data p::after, .board-data::before
{
display: none;
}
.board-sec .black
{
left: 15px;
}
.access-data h3 {
padding: 30px 15px 30px 15px;
}
.blue-box-new
{
display: none;
}
.first-li ul
{
padding-left: 0px;
}
.first-step h3 {
font-size: 16px;
line-height: 18px;
}
.csr-process
{
padding: 0px;
}
.btm-data.supp h4 {
padding: 30px 0 10px 0;
}
.btm-data.supp .sdg-img {
padding-bottom: 10px;
padding-top: 10px;
}
.row.estab {
margin-left:0px;
padding: 40px 0 51px 20px;
}
.establish .left-data
{
border-right: none;
}
.row.estab {
padding: 40px 0 30px 20px;
}
.line-data::after, .line-data.new-line::after
{
height: 100%;
}
.sub-sec h3 {
padding: 20px 15px 50px 15px;
}
.sub-sec .left-data h1
{
font-size: 30px;
}
.left-data.data-new p {
padding-bottom: 30px;
}
.prod-eco .first-data {
border-right:none;
border-bottom: 1px solid #707070;
margin-bottom: 40px;
}
.prod-eco .first-data .play-icon {
position: absolute;
right: 0px;
top: auto;
left: 0px;
bottom: -20px;
transform: rotate(90deg);
}
.prod-eco .first-data img {
padding-bottom: 20px;
}
.prod-eco .first-data .play-icon img {
padding-bottom: 0px;
}
.supp-list.benefit {
padding-top: 10px;
}
.training {
padding-top: 0px;
}
.cloth-img p
{
padding-bottom: 0px;
}
.middle-d.new-c h2
{
padding-top: 30px;
}

.globe-icon {
margin-top: 30px;
}
.globe-icon .right-global-data ul
{
padding-bottom: 0px;
margin-bottom: 0px;
}
.check-img.btm
{
padding-bottom: 0px;
}
.tree-img
{
padding-bottom: 30px;
}
.all-img
{
padding-bottom: 0px;
}
.custoPage .insBanner
{
padding-top: 30px;
}
.custoPage .brdlftrgtTwo {
height: auto;
padding-bottom: 20px;
}
.interMain {
margin: 30px 0 40px;
}
.bioderTxt h5 {
padding-bottom: 15px;
padding-top: 10px;
}
.bioderTxt img {
margin: 0px 0 0px;
}
.caseBx p 
{
padding-bottom: 0px !important;
}
.custoPage .caseCusto h6,
.custoPage .caseCusto h5
{
padding-left: 15px;
}
.lftSpc ul
{
margin-left: 30px;
}
.visionThree
{
display: block;
}
.visionThree > div {
width: 100%;
}
.gigaScale
{
display: block;
}
.gigaScale > div::after
{
display: none;
}
.mainContent h4 {
font-size: 20px;
line-height: 28px;
padding-bottom: 15px;
}
.gigaScale p {
padding-bottom: 20px;
}
.ourproIns
{
display: block;
}
.ourproIns > div {
width: 100%;
}
.mainContent .ourproIns p {
margin-bottom: 20px;
}
.ourproIns > div p::after
{
display: none;
}
.mt35
{
margin-top: 0px;
}
.revenueCons {
padding: 20px 0px 40px 0px;
}
.defenW .visitsIns h4 span {
max-width: 100%;
min-height: auto;
}
.mainContent h4
{
padding-bottom: 0px;
}
.allColades
{
display: block;
}
.allColades > div
{
width: 100%;
min-height: auto;
}
.allColades p {
margin-bottom: 0px;
}
.financeBox
{
padding: 20px;
}
.financeIns::after
{
display: none;
}
.financeIns span
{
margin-top: 0px;
}
.financeBox .col-xl-6 
{
margin-bottom: 20px;
}
.wellBeing p {
font-size: 18px;
line-height: 26px;
padding: 20px;
}
.materialAsse {
background-color: #E9F8FA;
padding: 40px 20px;
}
.materImg {
margin-bottom: 30px;
}
.doubleCaps
{
display: block;
}
.doubleCaps > div {
width: 100%;
display: block;
max-width: 100%;
margin-bottom: 20px;
}
.doubleCaps span 
{
padding-left: 20px;
}
.incuBation {
margin-bottom: 0px;
}
.doubleBox_1 .impactRisk, .doubleBox_2 .impactRisk,
.doubleBox_3 .impactRisk, .doubleBox_4 .impactRisk,
.doubleBox_5 .impactRisk, .doubleBox_6 .impactRisk
{
min-height: auto;
}
.impactRisk p 
{
margin-bottom: 0px;
}
.mbl-20
{
margin-top: 20px;
}
.verticalLine, .dottedBorder::after
{
display: none;
}
.empowereveryPage .insBnrText h2 {
color: #8E278F;
padding-top: 0px;
}
.usdTxt p {
padding: 0px 0 15px;

}
.consoTxt h2
{
font-size: 18px;
line-height: 24px;
}
.consoTxt h1 {
font-size: 30px;
padding-bottom: 20px;
}
.empowereveryPage .accordion-body {
padding: 30px 0px 30px 0px;
}
.pupBox {
width: 100%;
padding: 20px;
position: relative;
top: 0px;
height: auto;
}
.greyBox {
background: #ededee;
padding: 20px;
margin-left: 0px;
}
.greyBox h1 {
font-size: 22px;
line-height: 28px;
}
.greyBox .col-xl-3, .greyBox .col-xl-4, .greyBox .col-xl-6,
.greyBox .col-xl-5
{
margin-bottom: 20px;
}
.empLeftCon
{
margin-left: 15px;
margin-right: 15px;
}
.empLeftConFlx .col-xl-3:nth-child(1) {
padding-right: 0px;
padding-left: 0px;
}
.empLeftConFlx .col-xl-3
{
padding: 0px 15px;
}
.brbtm {
height: 30px;
margin-bottom: 15px;
}
.empLeftCon h1
{
font-size: 24px;
line-height: 30px;
padding-bottom: 10px;
}
.empBlue
{
margin-top: 25px;
}
.empBlue .greyBox .row, .empskygrey .greyBox .row {
padding-bottom: 0px;
}
.empGreen .greyBox, .empMahroon .greyBox,
.empDrkOrng .greyBox, .empOrng .greyBox, .empDrkBlue .greyBox  
{
padding: 20px;
}
.energy-case-study .case-brdr::after
{
bottom:-11px;
}
.bigg-img.climate.energy .white-box::after {
bottom: 28px;
}
.csoAt
{
padding: 20px;
}
.bodDia h5 {
font-size: 12px;
line-height: 18px;
padding: 12px 10px;
min-height: auto;
}
.sigleDia {
margin-left: 20%;
max-width: 50%;
}
.sliderCounter {
right:auto;
bottom: 15px;
left: 50%;
transform: translateX(-50%);
}
.golobalPage .insBanner, .investPage .insBanner, 
.occupationalPage .insBanner
{ 
margin-top: 30px;
}
.resOne {
margin-top: -20px;
}
.golobalPage .bussRgt {
padding: 40px 10px 40px 30px;
}
.mapIn::after
{
display: none;
}
.taxImg {
margin-bottom: 0px;
}
.mapMain {
margin-left: 0px;
}
.mapIn
{
border-right: none;
margin-bottom: 20px;
}
.fortSec img {
margin-bottom: 0px;
}
.fortSec p {
padding-bottom: 20px;
}
.mapSpc .col-xl-3 .mapIn {
padding-top: 0px;
}
.upcomingGr > div:nth-child(2) {
max-width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
.investTxt p {
padding-bottom: 30px;
}
.empInBlue
{
margin-top: 0px;
}
.empInBlue .greyBox, .caseTwo
{
padding: 20px !important;
}
.robustTxt h1
{
font-size: 24px;
line-height: 30px;
}
.empInBlue .empLeftCon
{
margin-top: 0px;
}
.espad {
padding: 20px 0 30px;
}
.investPage .skyBox
{
padding: 20px;
}
.director-msz-record {
padding-bottom: 10px;
}
.director-msz-mid
{
padding-bottom: 20px;
}
.director-msz-record h3
{
font-size: 24px;
}
.mid-yellow-corner h2 {
font-size: 18px;
line-height: 26px;
}
.insText h2 {
font-size: 22px;
}
.purpHead h4
{
padding-top: 0px;
}
.busProtscnd {
padding: 10px 0 0;
}
.occuBrdr, .capBox
{
height: auto;
}
.capHead {
margin-top: 0px;
}
.capBox
{
padding-bottom: 20px;
}
.occupationalPage .purpHead h4
{
padding-top: 10px;
}
.gcrTxt
{
height: auto;
border-right: none;
border-bottom: 1px solid;
padding-top: 20px;
padding-bottom: 30px;
text-align: center;
}
.gcrTxt::before {
right: 0px;
left: 0px;
margin: auto;
transform: rotate(90deg);
bottom: -15px;
}
.gcrHead
{
margin-top: 20px;
}
.orgPara p {
padding-top: 30px;
max-width: 100%;
width: 100%;
margin-left: 0px;
}
.addressBx, .addImgTrt
{
max-width: 100%;
}

.sakshamCont {
width: 100%;
}
.lftSpc
{
margin-top: 50px;
}
.our-peoplewrap .key-linkages-section
{
padding-top: 20px;
}
.key-linkages-section .row > div:nth-child(2) .linkage-box.our-p {
padding: 12px 16px 15px 20px;
}
.key-linkages-section .row > div:nth-child(3) .linkage-box.our-p
{
padding: 12px 16px 15px 16px;
}
.linkage-box.our-sdg
{
padding: 12px 16px 25px 16px;
}
.sub-sec .left-data p {
padding-bottom: 30px;
}
section .row > div:nth-child(3) .linkage-box.our-p.light-b {
padding: 12px 16px 15px 16px;
}
.supp-list.our-p.retention h3 {
padding: 10px 0 0px 0;
}
.talent-img {
padding: 20px 0 0px 0;
}
.diversity h1 {
font-size: 24px;
line-height: 28px;
}
.diversity h3 {
font-size: 18px;
line-height: 28px;
padding-top: 0px;
}

.key-p h4 
{
padding-top: 20px;
}
.key-p ul
{
margin-bottom: 0px;
}
.our-peoplewrap .sub-sec h3 {
padding: 20px 0px 20px 0px;
}
.educ-img
{
margin-bottom: 30px;
}
.key-p
{
padding-bottom: 0px;
}
section.empower .col-xl-5, section.empower .col-xl-12 {
padding: 0px 15px;
}
.empower .data h1
{
font-size: 25px;
}
.big-img
{
margin-top: 30px;
}
.white-box
{
max-width: 100%;
margin:0px;
padding: 30px 0px;
}
.white-box::before
{
left: 0px;
height: 83%;
display: none;
}
.white-box::after
{
left: 0px;
bottom: 30px;
display: none;
}
.bigg-img
{
padding-bottom: 0px;
}
.white-box.our-p::before {
left: 0px;
height: 85.8%;
display: none;
}
.performance h1, .xero h1
{
padding-bottom: 20px;
}
.new-table {
padding-bottom: 0px;
}
.white-box.our-p.second::before {
left: 0px;
height: 84%;
top: 94px;
}
.two-btn
{
display: block;
padding-bottom: 10px;
}
.team h3 
{
padding-top: 30px;
}

.last-left h1 
{
padding-top: 10px;
padding-bottom: 20px;
}
.last-left p 
{
padding-bottom: 20px;
}
.managing-director-banner h1
{
font-size: 22px;
line-height: 30px;
}
.perf-sec-high {
padding-top: 20px;
}
.key-linkages-section.promp {
padding-top: 10px;
}
.key-linkages-section.promp h4.section-title {
padding-bottom: 0px;
}
.key-performance .parent-class
{
display: block;
}
.key-performance .first-cls h1 {
font-size: 30px;
line-height: 36px;
padding-bottom: 0px;
}
.key-performance .first-cls
{
margin-bottom: 20px;
}
.key-performance .first-cls {
max-width: 100%;
padding-left: 0px;
}
.first-cls.pd-l
{
padding-left: 0px;
}
.prom-envir h4, .grad-data h3 {
font-size: 18px;
line-height: 26px;
}
.prom-last {
padding-top: 0px;
}
.responsible-wrap .insBanner
{
padding-top:0px;
}
.resPage .brdlftrgtTwo {
height: auto;
display: block;
}
.responsible-wrap .brdlftrgtTwo ul.empList
{
padding-bottom: 0px;
}
.brdHeight {
height: auto !important;
padding-bottom: 20px;
}
.brdlftrgtTwo
{
padding-bottom: 20px;
}
.imgCntr1
{
margin-bottom: 30px;
}
.esgMain {
border-right:none;
border-bottom: 1px solid;
position: relative;
height: auto;
}
.esgMain ul.empList
{
height: auto;
}
.esgMain::before {
right: 0px;
top: auto;
left: 0px;
margin: auto;
transform: rotate(90deg);
bottom: -15px;
}
.esgnwrap .col-xl-4
{
margin-bottom: 40px;
}
.esgnwrap h4
{
padding-top: 10px;
}
.suppTxt {
margin-top:0px;
}
.resPage .bussLft h4
{
padding-right: 10px;
}
.rsc-img, .graph-resp
{
margin-bottom: 30px;
}
.csr-process.responsible .first-li li {
padding-right: 0px;
}
.energy-case-study.responsible .case-brdr::before {
height: 99.4%;
}
.rwm .energy-case-study .case-brdr::after {
bottom: -6px;
}
.boderGov
{
padding: 20px;
}
.rtBorr::after
{
display: none;
}
.rtBorr p
{
margin-bottom: 0px !important;
}
.triangleBox p {
font-size: 18px;
line-height: 28px;
padding: 20px 0px 20px 5px;
}
.regularRisk, .regularRisk.diffrS
{
max-width: 100%;
}
.rightArrImg::after
{
display: none;
}
.allContents h4 {
font-size: 20px;
line-height: 28px;
}
.riskBoxOr > h4 {
padding: 15px 20px 10px 19px;
}
.topThreeR {
display: block;
max-width: 100%;
width: 100%;
margin: 0px;
}
.riskBoxOr {
padding:20px;
margin-left: 30px;
}

p.clr_wallet 
{
padding-top: 5px;
}

.riskBoxOr > h4
{
position: relative;
}
.matIns2 span {
display: inline-block;
margin-bottom: 10px;
}
.cellNum.middleWidth8 > div:nth-child(2) {
max-width: 100%;
}
.cellNum.middleWidth8 > div {
max-width: 100%;
}
.cellNum.middleWidth8 h5 span 
{
padding: 0px 0px 10px 0px;
}
.greenList.twoCol {
display: block;
}
.greenList.twoCol ul {
width: 100%;
margin-bottom: 15px;
}
.greenList.threeCol
{
display: block;
}
.greenList.threeCol ul {
width: 100%;
}
.greenList.threeCol ul::after
{
display: none;
}
.circleGraph
{
margin-bottom: 30px;
}
.indSatke h4
{
font-size: 18px !important;
line-height: 26px !important;
}
.indSatke {
padding: 67px 20px 0px 20px;
}
#myTab
{
display: none;
}

.strageyBody {
padding: 0px;
}
.matIns span
{
display: inline-block;
margin-bottom: 10px;
}
.strategyTabs #myTab
{
display:flex;
gap:17px;
margin-bottom: 30px;
}
.strategyTabs > ul > li {
max-width: 12%;
width: 100%;
}
.topinIns
{
margin-bottom: 20px;
}
.topinIns h5 
{
margin-bottom: 10px !important;
}
.strength-resi-sec h3
{
padding-top: 10px;
}
.compInd
{
padding: 20px;
min-height: auto;
margin-bottom: 20px;
}
.capsImg h4
{
font-size: 20px;
}

.allEnergy div 
{
margin-bottom: 20px;
}
.outputsData h4
{
font-size: 24px;
line-height: 30px;
}
.outputsData {
margin-bottom: 20px;
}
.indSdg h4, .outIns h4 {
font-size: 20px;
}
.indSdg {
margin-bottom: 20px;
min-height: auto;
}
.cellNum.middleWidth h5 span {
margin-top: 0px;
}
.insBanner
{
display: block;
}
.banner-line-inside
{
display: none;
}
/*ask to ns*/
/*.cl-action .col-xl-9, .em-mgmt .col-xl-9,
.en-mgmt .col-xl-9, .pr-env .col-xl-9, .rwm .col-xl-9,
.advas .col-xl-9, .oatrm .col-xl-9
{
padding: 0px;
}*/
.d-materiality .insBanner, .en-warp .insBanner, .stakein-banner
{
margin-top: 30px;
}
.allContents
{
padding-top: 0px;
}
.parent-ul
{
display: block;
}
.parent-ul ul 
{
margin-bottom: 0px;
}
.cloth-img
{
text-align: center;
}
.custoPage .caseSecTwo h4 {
padding: 15px 25px 20px;
}
.cus-table
{
margin-bottom: 30px;
}
.greenList ul li span
{
padding-bottom: 5px;
}
.insText.diffW1 {
max-width: 100%;
}
.insBanner {
max-width: 100%;
margin-bottom: 25px;
}
.insBanner img 
{
width: 100%;
}
.ham-icon1
{
display: block;
}
.insText
{
padding-top: 40px;
}
.insBnrText {
max-width: 100%;
padding-top: 40px;
}
.empLefTwoFlx img 
{
padding-bottom: 20px;
}
.empDrkBlue .pupBox {
padding: 30px 0px 30px 30px;
}
.emp-numwrap.emp-numwrap2 p {
color: #000;
}
.slick-slide
{
padding-bottom: 0px;
}
.insText.corporate {
max-width: 100%;
}
.managing-director-insBanner 
{
margin-top: 20px;
}
.insText {
max-width: 100%;
}
.investPage .insBnrText h2 span {
display:inline;
}
.usdTxt h4
{
height: auto;
padding-bottom: 15px;
}
.allSdg
{
display: flex;
gap:100px;
}
.insText.diffW {
max-width: 100%;
width: 100%;
}
.bueBoTx {
margin-bottom: 10px;
}
.triangleBox
{
padding: 0px;
}
.risk-banner
{
margin-top: 20px;
}
.mainPage
{
padding-top: 0px;
padding-bottom: 0px;
}
.insText.our.promoting-envi {
padding-top: 0px;
}
.insText.our.promoting-envi h2
{
padding-bottom: 20px !important;
}
.insText.our h4 {
padding: 0px 0 20px 0;
}
.fort-img
{
margin-bottom: 20px;
}
.bioInner {
height: auto;
padding-bottom: 20px;
}
.bioit h3
{
padding-top: 10px;
}
.bioPage .lftSpc h4:nth-child(1) {
padding: 20px 20px 20px;
}
.gcrMain
{
margin-bottom: 20px;
}
.purpX
{
margin: 20px 0px;
display: inline-block;
}
.insText.corporate h2 span {
display: inline;
}
.dis-supp img 
{
margin-bottom: 30px;
}
.corporate-blue-box .row
{
min-height: auto;
padding-bottom: 10px;
}
.our-ul-li ul 
{
padding-left: 0px;
}
.rsc-img
{
margin-top: 20px;
}
.prom-envir.pt0 .imapct-h h3
{
width: auto;
}
.cmninner .col-xl-4 
{
width: auto;
margin: auto;
}
.team-card-new
{
height: auto;
padding-bottom: 20px;
}
.modal-body.mybody .rgt-data
{
margin-top: 0px;
}
.insText.green h3
{
margin-bottom: 20px;
}
.cellNum.middleWidth7 > div:nth-child(2) {
max-width: 100%;
}
}

@media (max-width: 767px) {
#header .container {
padding:0px;
background-color: transparent;
}
.insText, .insBnrText {
padding-top: 0px;
}
#wrapper
{
overflow-x: hidden;
}
.hm-banner
{
background-image: url(../images/mbl/banner-mob-bg.webp);
}
.banner-line
{
display: none;
}
.banner-line-mbl
{
display: block;
position: absolute;
left: 0px;
bottom: 8%;
z-index: 2;
width: 100%;
}
.hm-banner .filltext, .hm-banner .border-text {
font-size: 52px;
line-height: 48px;
padding-left: 15px;
}
.read-btn
{
padding-left: 15px;
}
.girl
{
left: 30%;
right: 0;
}
.txtTra h3, .txtTra1
{
font-size: 62px;
line-height: 60px;
letter-spacing: initial;
}
.empowering2-mbl h2 {
font-size: 30px;
line-height: 40px;
}
.emp-num h3 {
font-size: 20px;
line-height: 24px;
}
.emp-numwrap
{
gap:20px;
}
.revenueCons .accordion-header button span
{
font-size: 18px;
line-height: 24px;
}
.revenueCons .accordion-header button
{
font-size: 30px;
padding: 0px;
}
.minusIcon, .plusIcon
{
right: 0px;
}
.aplInd h4
{
font-size: 20px;
line-height: 24px;
}
.aplInd h4 span {
font-size: 18px;
line-height: 22px;
padding-bottom: 5px;
}
.revenueCons .accordion-body {
padding: 35px 0px 35px 0px;
}
.mt94 {
margin-top: 35px;
}

.highlight-lefttext-mbl
{
padding-left: 15px;
top: 27%;
}
.highlight-lefttext-mbl h4 {
font-size: 26px;
line-height: 32px;
}
.linenumber-mbl
{
left: 15px;
}
.highlight-screen2-mbl h2
{
font-size: 24px;
left: 15px;
}
.h-num h4 {
font-size: 20px;
line-height: 25px;
}
.h-num {
margin-bottom: 20px;
min-height: 90px;
}
.msgIns h3 {
font-size: 22px;
line-height: 34px;
margin-top: 0px;
}
.chairmanMsg-mbl .msgIns a {
padding: 5px 45px;
}
.txtTra1, .txtTra 
{
left: 15px;
}
.msgMgr .txtTra1, .msgMgr .txtTra {
left: 15px;
}
.incubating-mbl h6 {
font-size: 18px;
line-height: 24px;
padding-top: 0px;
}
.incubating-mbl h3 {
font-size: 24px;
line-height: 28px;
font-weight: 700;
}
.incubating-mbl h4 {
font-size: 22px;
line-height: 26px;
padding-top: 20px;
}
.abt-bl-text {
max-width: 300px;
}
.topHeading h5
{
display: none;
}
.capitalIo
{
display: block;
}
.capitalIo > div
{
margin-bottom: 20px;
width: 100%;
}
.sdgBusiness
{
display: block;
}
.sdgBusiness > div:nth-child(2) {
width: 100%;
padding-top: 30px;
}
.operatingModel
{
display: block;
}

.businessSeg
{
flex-direction: column-reverse;
gap: 25px;
align-items: flex-start;
}
.businessSeg > div:nth-child(2) {
width: 100%;
}
.busiSegIns
{
display: block;
}
.busiSegIns > div
{
margin-bottom: 20px;
}

.enviromentSocial h3 {
color: #fff;
font-size: 36px;
line-height: 42px;
}
.hmesg-mbl h3 {
font-size: 18px;
line-height: 24px;
min-height: 82px;
}
.mainMenu {
justify-content: start;
margin-top: 10px;
}
#header {
padding: 15px 15px;
position: absolute;
}
.aplInd
{
width:100%;
}
.section-content h3 {
font-size: 20px;
line-height: 24px;
}
.stake-mbl-text h4 {
color: #8B8B8B;
font-size: 18px;
line-height: 24px;
}
.esg-slidermbl .item {
padding: 20px 15px;
}
.stake-mbl-text p, .hmesg-mbl p {
font-size: 16px;
line-height: 22px;
}
.esg-mbl-text {
min-height: auto;
}
.esg-slidermbl .owl-nav button.owl-prev {
right: auto;
left: 0px;
}
.esg-btmtext {
right: 50%;
transform: translateX(50%);
}

.highlight-graph-mbl
{
padding: 0px 30px;
}
.textLogo
{
display: none;
}


.cardslider h5
{
padding-top: 20px;
}
.cardImage-text {
position: relative;
top: 0px;
padding: 15px;
}
.image-panel
{
display: block;
}
.right-img img 
{
max-width: 100%;
}

/* .highlight-num
{
display: block;
}*/
.h-num {
margin-bottom: 30px;
min-height: auto;
width: calc(50% - 15px);
}
.highlight-num .h-num:last-child {
margin-bottom: 20px;
}
.busiSegIns > div
{
width: 100%;
}
.esg-mbl-text h4 
{
font-size: 16px;
min-height: 38px;
}

.bannericon
{
left: 2%;
}
.perf-sec-high h1
{
font-size: 30px;
}
.insText.corporate h2 span {
display: inline;
}
.empInBlue {
margin-top: 15px;
}
.greenList ul li {
margin-bottom: 12px;
}
.innerLists {
margin-top: 10px !important;
}
.capsImg p 
{
padding-top: 0px;
}
.allEnergy
{
display: block;
}
.outputsData.zMrg {
margin-bottom: 20px;
}
.allSdg
{
display: block;
}
.stra-position-left-stake {
margin-left: 0px;
}
.stra-position-left-stake p {
padding-left: 0px;
min-height: auto;
padding-top:20px;
}
h5.stra-position-stake
{
position: relative;
}
.stra-position-left-stake h5 {
padding-left: 0px;
}
.greenList ul
{
margin-bottom: 20px;
}
.rel-position-stake
{
padding-top: 0px;
}
h5.stra-position-ab {
max-width: 200px;
padding: 20px;
top: 0px;
margin-bottom: 0px;
position: relative;
}
.stra-position-left p {
padding-left: 15px;
min-height: auto;
}
.bigg-img.climate .white-box::after {
bottom: 31px;
}
.emission-ul-li-flex ul
{
display: block;
}
.bigg-img.climate .white-box
{
padding-right: 0px;
}
.energy-case-study .case-brdr::after {
bottom: 0px;
}
.blue-advance-b-x::after {
bottom: -11px;
}
.blue-advance-b-x.mt-top-adanvacing::after
{
bottom: -11px;
}
.min-200-wd-respon
{
min-width: auto;
}
.graph-resp
{
margin: 0px 15px;
}
.prom-envir-btm
{
padding-top: 40px;
margin: 0px 15px;
}
.first-table
{
margin-bottom: 20px;
}
.bigg-img .white-box
{
padding-bottom: 0px;
}
.block-pur-ul-li
{
padding-left: 0px;
}
.cassdt1 .blueBgOccu, .caseSecTwo .blueBgOccu, .caseSecThree .blueBgOccu
{
height: auto;
}
/*ask to ns*/
/*  .prom-envir9, .csr-sec, .power-img, .read-pg, .corp-govr
{
margin: 0px 15px;
}*/
.prom-envir9 .power-img
{
padding:0px;
}
.pdbtm-62-cor
{
padding-bottom: 20px !important;
}
.corp-govr
{
display: block;
margin-bottom: 230px;
}
.prof-sec
{
margin-bottom: 30px;
}
.corp-govr
{
margin-bottom: 0px;
}
.cg-piimg
{
margin-top: 30px;
}
.prom-envir9 .power-img
{
margin:0px;
margin-bottom: 20px;
}
.prom-envir.pt0 .flex-container
{
display: block;
}
.main-safe {
display: block;
}
.main-safe .first-safe {
border-right: none;
width: 100%;
min-height: auto;
padding-bottom: 0px !important;
margin-bottom: 0px;   
}
.coll-h
{
margin-bottom: 20px;
}
.main-z
{
display: block;
}
.the-camss {
display: block;
min-height: auto;
}
.the-camss .first-camss {
width: 100%;
border-right: none;
}
.the-camss .first-camss .bluebox, .the-camss::after
{
display: none;
}
.modal-header .btn-close
{
margin-right: 0px;
}
.insText.green h3 {
font-size: 20px;
line-height: 26px;
}
.safeMan
{
display: block;
}
}
@media (max-width: 480px) {
.msgMgr .txtTra1, .msgMgr .txtTra {
max-width: 350px;
}
.highlight-graph-mbl {
margin-top: 20px;
}
}

@media (max-width: 380px) {
.highlight-graph-mbl {
max-width: 250px;
margin: 20px auto 0px;
}
}

@media (min-width: 1440px) {
.emp-line1 img
{
width: 100%;
}
.highlight-lefttext
{
max-width: 550px;
}
.highlight-numwrap
{
margin-left: 60px;
}
.highlight-number .read-btn1 {
margin-left: 60px;
}
.highlight-number h2
{
padding-top: 5%;
}
.stake-line, .stake-linebg
{
top:41%;
}
}
@media (min-width: 1420px) {
  .award-carousel .owl-nav button.owl-prev{
    right: 150px;
  }
  .award-carousel .owl-nav button.owl-next{
    right: 100px;
  }
.chairBg::after {
    position: absolute;
    content: "";
    height: 480px;
    top: 95px;
}
.managDir .chairBg::after {
    left: 0 !important;
    top: 138px;
    height: 450px;
}
.chairman-banner{
      padding-top: 70px;
}
.banner-txt-chairman h2 {
    max-width: 540px;
    width: 100%;
}
.managing-director-banner{
  padding-top: 70px;
}
.banner-txt-managing h2{
   max-width: 540px;
    width: 100%;
}
}
@media only screen and (min-width: 360px) and (max-width: 430px) {
  .banner-txt-managing h2::after {
        right: 15px;
        bottom: -25px;
    }
    .riskGov
 {
    margin-bottom: 0px;
}
}