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

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 24px;
    font-family:BarlowCondensed-Medium;
    color:#4A4949;
}
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: 18px;
    line-height: 24px;
}
h1
{
    font-size: 50px;
    line-height: 55px;
}

h2
{
    font-size: 35px;
    line-height: 40px;
}

h2
{
    font-size: 35px;
    line-height: 40px;
}
h3
{
    font-size: 30px;
}
.my-sidenav,.ham-icon1 {
    display: none;
}
header
{
    width: 100%;
    position: fixed;
    top: 0;
    padding: 10px 0px;
    z-index: 99;
}
header .row
{
    align-items: center;
}
header a{
    font-size: 16px;
    font-family:BarlowCondensed-Medium;
    color: #4A4949;
}
header a span
{
    color: #203A8F;
    padding-right: 5px;
}
/*-----------Header Css End-------------*/

.hmbanner
{
    width: 100%;
    height: 100vh;
/*    background: url(../images/banner-img-jsw.webp);*/
   /* background-size: cover;
    background-position: bottom;*/
    display: flex;
    align-items: center;
    position: relative;
}
.hmbanner .container
{
    position: absolute;
    left: 0;
    right: 0;
}
.hmbanner video
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.videobnr-mbl
{
    display: none;
}
.hmbanner h1
{
    color: #00A65C;
    padding-bottom: 25px;
}
.hmbanner h1 span
{
    display: block;
    color: #203A8F;
}
.sustainabilitysec
{
 width: 100%;
 height: 100vh;
 background: url(../images/sustainability-strategy-img.webp);
 background-size: cover; 
 display: flex;
 align-items: center;
}
.mserdata
{
    height: 100vh;
    position: relative;
}
.mserdata1
{
    background: url(../images/materiality-assessment-img.webp);
    background-size: cover;
    background-position: center;
}
.mserdata2
{
  background: url(../images/stakeholder-engagement-img.webp);
  background-size: cover;
  background-position: center;  
}
.mserdata3
{
  background: url(../images/external-operating-e-img.webp);  
  background-size: cover;
  background-position: center;
}
.mserdata4
{
  background: url(../images/risk-management-img.webp); 
  background-size: cover;
  background-position: center; 
}
.awardsec
{
 width: 100%;
 height: 100vh;
 background: url(../images/awards/bg.webp);
 background-size: cover; 
}
.commonbtn
{
    position: relative;
    color: #4A4949;
    font-size: 18px;
    padding:10px 40px 10px 0px;
}
.commonbtn:before
{
    content: '';
    position: absolute;
    background: url(../images/read-more-arrow.svg);
    width: 30px;
    height: 30px;
    right: 0px;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: translateX(0px);
    transition: ease all 0.5s;
}
.commonbtn:hover
{
    color: #009FE3;
    text-decoration: underline!important;
}
.commonbtn:hover:before
{
    transform: translateX(5px);
    transition: ease all 0.5s;
    background: url(../images/read-more-arrow-hover.svg)
}
.highlightsec
{
    padding: 45px 0px 50px;
}
.highlightsec h2
{
    background: transparent linear-gradient(270deg, #00A65C 0%, #203A8F 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    padding-bottom: 45px;
}
.highlightsec h3
{
    background: transparent linear-gradient(270deg, #00A65C 0%, #203A8F 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.highlightscps
{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.highlightscps div:first-child
{
    display: flex;
    align-items: center;
}
.highlightsec p
{
    font-size: 16px;
}
.highlightscps div:first-child img
{
    margin-right: 10px;
}
.highlightscps a
{
    font-size: 14px;
    color: #4A4949;
}
.highlightscps a img
{
    margin-right: 10px;
}
.highlightsider .swiper-slide .highlightscps:nth-child(3)
{
    padding-top: 48px;
}
.highlightscps
{
    border-bottom:0.5px solid #707070;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.highlightscps div:first-child p
{
    font-size: 20px;
}
.highlightsider .swiper-slide .col-xl-4 p
{
    padding-right: 30px;
    line-height: 20px;
}
.highlightsider h3
{
    font-size: 35px;
}
.highlightsider h3 span
{
    font-size: 24px;
}
.sustainabilitysec h2
{
    color: #fff;
    padding-bottom: 15px;
}
.sustainabilitysec p
{
    color: #fff;
}
.sustainabilitysec h2 span
{
    display: block;
}
.sustainabilitysec a
{
    color: #fff;
    margin-top: 10px;
    display: inline-block;
}
.sustainabilitysec a:hover,.capitalwiseper .col-xl-7 a:hover
{
    color: #fff;
}
.sustainabilitysec a:hover:before,.capitalwiseper .col-xl-7 a:hover:before
{
    background: url(../images/read-more-arrow.svg);
}
.managementsec
{
    padding: 65px 0px 55px;
}
.managementsec h2
{
    background: transparent linear-gradient(270deg, #00A65C 0%, #203A8F 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 30px;
    text-transform: uppercase;
    padding-top: 30px;
}
.managementsec h3
{
    font-size: 35px;
    color: #203A8F;
    padding-bottom: 30px;
}
.managementsec h3 span
{
    font-size: 18px;
    color: #203A8F;
    display: block;
}
.managementsec p
{
    position: relative;
    padding: 10px 30px 15px 0px;
    margin-bottom: 30px;
}
.managementsec p:before
{
    content: '';
    position: absolute;
    background: #D10A10 0% 0% no-repeat padding-box;
    width: 60px;
    height: 8px;
    left: 0;
    bottom: 0;
}
.managementsec h5
{
    color: #203A8F;
    font-size: 32px;
    margin-bottom: 20px;
}
.managementsec a
{
    display: inline-block;
}
.managementsec h5 span
{
    display: block;
    color: #4A4949;
    font-size: 16px;
    font-family:BarlowCondensed-Light;
}
.valuemodalsec h2
{
    text-align: center;
    font-size: 18px;
    color: #203A8F;
    line-height: 20px;
    padding-bottom: 40px;
}
.valuemodalsec h2 span
{
/*    background: transparent linear-gradient(270deg, #00A65C 0%, #203A8F 100%) 0% 0% no-repeat padding-box;*/
    font-size: 35px;
  /*  -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    display: block;
    line-height: 35px;
}
.valueTabsdata
{
    height: 486px;
    padding: 40px 50px;
    background: #ECF5ED 0% 0% no-repeat padding-box;
}
.valuescrolldata
{
    height: 404px;
    overflow-y: auto;
    overflow-x: hidden;
}
.valuescrolldata::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #ccc;
}
.valuescrolldata::-webkit-scrollbar {
    width: 3px;
    background-color: #ccc;
}
.valuescrolldata::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background-color: #D10A10;
}
.capheading
{
    display: flex;
    align-items: center;
    padding: 20px 0px;
}
.capheading img
{
    margin-right: 10px;
}
.valueTabsdata ul
{
    list-style: none;
    padding-left: 0;
    padding-right: 50px;
}
.valueTabsdata ul li
{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #707070;
    padding: 7px 0px;   
}
.capheading h6
{
    font-size: 16px;
    color: #203A8F;
}
.valueTabsdata ul li span
{
    font-family:BarlowCondensed-Medium;
}
.valueTabsdata ul li span:first-child
{
    font-family:BarlowCondensed-Light;
}
.capsfootnote
{
    display: flex;
    padding-top: 20px;
}
.capsfootnote div
{
    max-width: 40%;
    padding-right: 20px;
    border-right: 1px solid #707070;
}
.capsfootnote div p
{
    font-size: 14px;
    font-family:BarlowCondensed-Light;
}
.capsfootnote div:last-child
{
    padding-left: 20px;
    border-right: 0;
}
.valuecreationdata
{
    background: #203A8F 0% 0% no-repeat padding-box;
}
.valuecreationdata ul
{
    list-style: disc;
}
.valuecreationdata ul li
{
    border-bottom: 0;
    color: #fff;
    max-width: 20%;
    width: 100%;
    float: left;
    margin-right: 30px;
    position: relative;
    padding-left: 15px;
}
.valuecreationdata ul li:before
{
    content: '';
    position: absolute;
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 0;
    top: 0px;
    bottom: 0;
    margin: auto;
}
.exenvirotxt
{
    margin: 40px 0px 15px;
    position: relative;
}
.exenvirotxt p
{
    display: inline-block;
    background-color: #fff;
    padding: 7px;
    color: #203A8F;
    position: relative;
}
.exenvirotxt:before
{
    content: '';
    position: absolute;
    background-color:#fff;
    height: 1px;
    width: 85%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.exenvirotxt p:before
{
 content: '';
 border: 1px solid #fff;
 width: 100%;
 height: 100%;
 position: absolute;
 top: -5px;
 left: 5px;
}
.ethosdata
{
    height: 486px;
    background: #E5E5F3 0% 0% no-repeat padding-box;
    padding-top: 110px;
    padding-left: 60px;
    padding-right: 40px;
}
.ethosdata ul
{
    padding-left: 20px;
}
.ethosdata h6
{
    font-size: 18px;
    color: #4A4949;
    padding-bottom: 10px;
}
.ethosdata p,.ethosdata ul li
{
    font-size: 16px;
    font-family:BarlowCondensed-Light;
    padding-bottom: 15px;
}
.ethosdata ul li::marker
{
    color: #203A8F;
}
.ethosdata p
{
    padding-bottom: 40px;
}
.valueoutputdata
{
    background: #E5E5F3 0% 0% no-repeat padding-box;
    height: 486px;
    padding: 100px 215px;
}
.valueoutputdata h3
{
    color: #203A8F;
    font-size: 40px;
    padding-bottom: 40px;
}
.valueoutputdata h3 span
{
    font-size: 24px;
}
.tabsvalue .nav-tabs li
{
    max-width: 20%;
    width: 100%;
    text-align: center;
}
.tabsvalue ul li button
{
    border: 0;
    text-align: center;
    width: 100%;
    border-radius: 0;
    color: #4A4949;
}
.tabsvalue ul li button.active
{
    background-color:#00A65C!important;
    border-radius: 0!important;
    border: 0!important;
    color: #fff!important;
}
.tabsvalue ul li button:hover
{
    border: 0!important;
    outline: none;
    color: #4A4949;
}
.tabsvalue ul li button:focus
{
    outline: none;
    border: 0!important;
}
.tabsvalue .nav-tabs
{
    border-bottom: 0;
}
.strategicsection
{
    background: transparent linear-gradient(270deg, #00A65C 0%, #203A8F 100%) 0% 0% no-repeat padding-box;
    padding: 50px 0px 20px;
}
.strategicsection h2
{
    color: #fff;
}
.strategicsection h2 span
{
    display:block;
    font-size: 18px;
    line-height: 24px;
}
.strategicsection p
{
    color: #fff;
    font-size: 18px;
    padding: 15px 0px 30px;
}
.strategicdata p
{
    display: flex;
    align-items: flex-start;
    color: #203A8F;
    padding: 0;
    padding-left: 30px;
    padding-right: 30px;
    min-height: 72px;
}
.strategicdata
{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 20px;
    padding: 20px 0px 0px;
}
.strategicdata span
{
    font-size: 24px;
    color: #00A65C;
    line-height: 30px;
    padding-right: 15px;
}
.greybx
{
    background: #ECF5ED 0% 0% no-repeat padding-box;
    border-radius: 0px 0px 20px 20px;
    padding: 20px 30px 60px 30px;
    margin-top: 15px;
    min-height: 270px;
}
.greybx h6
{
    font-size: 18px;
    padding-bottom: 10px;
}
.greybx .row .col-xl-6:last-child
{
    padding-top: 30px;
}
.strategicsection a
{
    color: #fff;
    margin-top: 30px;
    display: inline-block;
}
.mserdata a
{
    display: none;
}
.mserdata div
{
    position: absolute;
    left: 30px;
    bottom: 30px;
    transition: ease all 0.5s;
}
.mserdata h3
{
    font-size: 24px;
    color: #fff;
    padding-bottom: 10px;
    padding-right: 20px;
}
.mserdata h3 span
{
    font-size: 18px;
    display: block;
}
.mserdata:hover:before
{
    transition: ease all 0.5;
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255, .9);
}
.mserdata:hover a
{
    display: inline-block;
}
.mserdata:hover h3
{
    color: #00A65C;
}
.mserdata:hover h3 span
{
    color: #203A8F;
}
.capitalwiseper
{
    background: #203A8F 0% 0% no-repeat padding-box;
    padding: 40px 0px 60px;
}
.capitalwiseper h2
{
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
}
.capitalwiseper h2 span
{
    display: block;
    font-size: 18px;
    line-height: 24px;
}
.capitalwiseper ul
{
    border-bottom: 0.5px solid #FFFFFF;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.capitalwiseper ul button,.capitalwiseper ul button:hover,.govframemdasec ul button,.govframemdasec ul button:hover
{
    color: #fff;
    border: 0!important;
    border-radius: 0;
}
.capitalwiseper ul button:hover,.govframemdasec ul button:hover
{
    border: 0;
    border-bottom: 3px solid #D10A10!important;
    border-color: #D10A10!important;
}
.capitalwiseper ul button.active,.govframemdasec ul button.active
{
    background-color: transparent!important;
    border-radius: 0;
    border: 0;
    color: #fff!important;
    border-bottom: 3px solid #D10A10!important;
    border-color: #D10A10!important;
}
.capitalwiseper ul button:focus,.govframemdasec ul button:focus
{
    outline: none;
    border: none;
}
.capitalwiseper .capheading h6
{
    color: #fff;
}
.capitalwiseper .capheading
{
    border-bottom: 0.5px solid #fff;
    margin-bottom: 15px;
    padding:0px 0px 10px;
}
.capitalwiseper .col-xl-7 h3
{
    font-size: 24px;
    color: #fff;
}
.capitalwiseper p
{
    padding: 10px 0px 30px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-family:BarlowCondensed-Light;
}
.capitalwiseper h5
{
    background-color: #fff;
    padding: 5px 8px;
    display: inline-block;
    color: #00A65C;
    margin-bottom: 20px;
}
.capitalwiseper .row .row h3
{
    font-size: 40px;
}
.capitalwiseper .row .row h4
{
    font-size: 24px;
    color: #fff;
}
.capitalwiseper .row .row .col-xl-4 p,.capitalwiseper .row .row .col-xl-5 p,.capitalwiseper .row .row .col-xl-3 p,.capitalwiseper .row .row .col-xl-2 p,.capitalwiseper .row .row .col-xl-6 p
{
    padding: 0;
    padding-bottom: 10px;
}
.capitalwiseper .row .row .col-xl-7 a
{
    color: #fff;
    margin-top: 15px;
    display: inline-block;
}
.capitalwiseper .col-xl-7 h3 span
{
    font-size: 24px;
}
.govframemdasec .row
{
    align-items: center;
}
.govframemdasec
{
    height: 100vh;
}
.govframemdasec .col-xl-6
{
    padding-right: 0;
}
.govframemdasec ul button.active
{
    color: #00A65C!important;
}
.govframemdasec h3
{
    color: #203A8F;
    font-size: 35px;
    padding: 15px 0px;
}
.govframemdasec ul button,.govframemdasec ul button:hover
{
    color: #4A4949;
}
.govframemdasec  p
{
    padding-bottom: 20px;
}
.govframemdasec ul
{
 display: inline-flex;
}
.awardsec
{
    padding: 30px 0px 80px;
}
.awardsec h2
{
    text-align: center;
    padding-bottom: 40px;
    color: #203A8F;
}
.awardsec h2 span
{
    display: block;
    line-height: 24px;
    font-size: 18px;
}
.ardsname
{
    padding-left: 30px;
    position: relative;
}
.ardsname:before
{
    top: -20px;
    content: '';
    position: absolute;
    width: 15px;
    height: 20px;
    background-color: #083ea0;
    left: 30px;
}
.ardsname p
{
    padding-left: 60px;
    padding-top: 10px;
    line-height: 22px;
}
.awardsdata img
{
    width: auto;
}
.downloadcenter
{
    max-width: 1000px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
footer
{
    padding-top: 80px;
}
footer h2
{
    background: transparent linear-gradient(270deg, #00A65C 0%, #203A8F 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    padding-bottom: 80px;
}
.downloadlinks
{
    border: 0.5px solid #707070;
    padding: 12px 44px 42px;
    position: relative;
    margin-bottom: 80px;
}
.downloadlinks a
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    background: #203A8F 0% 0% no-repeat padding-box;
    padding:7px 10px;
    padding: 7px 10px;
    max-width: fit-content;   
    margin: auto;
}
.downloadlinksimg a
{
display: block;
}
.downloadlinksimg a
{
    border: 0.5px solid #707070;
    padding: 7px;
}
.downloadlinksimg a img
{
    padding-left: 10px;
}
.copyrights
{
    margin-top: 100px;
    background: #203A8F 0% 0% no-repeat padding-box;
    padding: 18px 0px;
}
.copyrights p,.copyrights a
{
    color: #fff;
    font-size: 16px;
}
.strategicsection .col-xl-11,.awardsec .col-xl-11
{
    padding-right: 0;
    position: relative;
}
.ardsname img
{
    float: left;
    max-width: 43px;
}
.strategicsection a:hover:before
{
    background: url(../images/read-more-arrow.svg);
}
.strategicsection a:hover
{
    color: #fff;
}
.strategicsection .counter1111
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: auto;
    max-width: fit-content;
}
.swiper-button-next111,.swiper-button-next1
{
    position: absolute;
    bottom: 0px;
    right: 60px;
}
.swiper-button-prev111,.swiper-button-prev1
{
    position: absolute;
    bottom: 0px;
    right: 100px;
}
.counter1111,.counter11
{
    font-size: 24px;
    color: #fff;
}
.current-slide111,.current-slide11
{
    color: #fff;
    font-size: 24px;
}
.total
{
    color: #fff;
    font-size: 16px;
}
.swiper-button-prev1,.swiper-button-next1,.awardsec .counter11
{
    bottom: 0px;
}
.swiper-button-disabled
{
    opacity: 0.5;
}
.awardsec .counter11
{
    color: #203A8F;
}
.awardsec .total
{
color: #4A4949;
}
.awardsec .counter11
{
    text-align: center;
}
.swiper-button-nextm,.swiper-button-nexth
{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.managementsec .container,.highlightsec .container
{
    position: relative;
}
.swiper-button-prevm,.swiper-button-prevh
{
    position: absolute;
    right: 40px;
    bottom: 0;
    z-index: 2;
}
.managementsec .counter11,.highlightsec .counter11
{
    color:#009FE3;
    margin-top: -30px;
    padding-left: 15px;
    position: relative;
}
.managementsec .counter11
{
    margin-top: 0;
}
.managementsec .total,.highlightsec .total
{
color: #4A4949;
}
.valuemodalsec
{
    padding-top: 55px;
}
.managementsec .counter11:before,.highlightsec .counter11:before
{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #707070;
    height: 1px;
    width: 70%;
    left: 0;
    right: 0;
}
.downloadlinks
{
    transition: ease all 0.5s;
}
.downloadlinks:hover a
{
transform: scale(1.1);
transition: ease all 0.5s;
}
.downloadlinksimg a:hover,header a:hover
{
    text-decoration: underline!important;
}
.l-tab-mbl
{
    display: none;
}
.govframemdasec .col-xl-6
{
    height: 100vh;
}
.swiper-button-next11,.swiper-button-prev11
{
    display: none;
}
.sticky
{
    backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.2);
}