.mr-20 {

    margin-right: 20px;

}

.text-black {

    color: #212529;

}

.border-bottom {

    border-bottom: 1px solid #abe1fa !important;

}

.border-top {

    border-top: 1px solid #abe1fa !important;

}

.border-bottom-gray {

    border-bottom: 1px solid #dcddde;

}

.Jsw-green-39bb6d {

    color: #39bb6d !important;

}

.light-white-lilac {

    background-color: #ededee;

}

.light-alice-blue {

    background-color: #E9F6FD;

}

.graf-blocks .img-sec {

    display: flex;

    align-items: center;

    padding: 30px 0px;

}

.graf-blocks .img-sec > img {

    margin-right: 40px;

    max-width: 40%;

}

.graf-blocks .title-sec > h4 {

    padding-bottom: 15px;

    border-bottom: 1px solid #abe1fa;

}

.read-text-colm {

    position: absolute;

    bottom: 8%;

    right: 20%;

}

.read-text-colm .btn-sec {

    display: flex;

    align-items: center;

}

.read-text-colm .btn-sec span {

    width: 20px;

    height: 20px;

    border-radius: 100%;

    border: 1px solid #17479e;

    margin-right: 9px;

    font-size: 20px;

    color: #17479e;

    text-align: center;

    line-height: 18px;

}

.read-text-colm .btn-sec a {

    color: #17479e;

}

.midd-cnt-sec .two-sec {

    display: flex;

    flex-wrap: wrap;

}

.midd-cnt-sec .two-sec .list-sec {

    flex: 0 0 50%;

    margin-right: 20px;

}

.midd-cnt-sec .two-sec .img-sec {

    flex: 0 0 40%;

}

.midd-cnt-sec .cunter-sec {

    display: flex;

    padding-top: 15px;

    border-top: 1px solid #abe1fa;

}

.midd-cnt-sec .cunter-sec .home-kpi-no {

    flex: 0 0 20%;

}

.safety-sec-cnt .nbr {

    color: #00aeef;

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 10px;

}

.safety-sec-cnt .list-sec li {

    font-size: 18px;

    list-style-type: none;

    margin: 10px 0;

    padding-left: 20px;

    position: relative;

    color: #707070;

}

.safety-sec-cnt .list-sec li::before {

    content: "•";

    position: absolute;

    left: 0px;

    font-size: 20px;

    color: #00aeef;

    font-weight: 600;

    top: -2px;

}

.model-cnt .grnt-row {

    background: rgb(252, 245, 241);

    background: linear-gradient(90deg, rgba(252, 245, 241, 1) 0%, rgba(237, 242, 242, 1) 50%, rgba(228, 241, 243, 1) 100%);

    position: relative;

}

.model-cnt .grnt-row.arrow-right:after {

    content: " ";

    position: absolute;

    right: -27px;

    top: 0;

    border-top: 28px solid transparent;

    border-right: none;

    border-left: 28px solid #e4f1f3;

    border-bottom: 28px solid transparent;

}

.model-cnt .block-sec {

    display: flex;

}

.model-cnt .block-sec .img-sec {

    flex: 0 0 7%;

    margin-right: 20px;

}

.model-cnt .block-sec h6 {

    color: #263d8c;

    font-size: 22px;

    margin-bottom: 10px;

    font-weight: 600;

}

.model-cnt .block-sec p {

    margin-bottom: 7px;

}

.input-clm .block-sec {

    position: relative;

    padding-left: 7px;

}

.input-clm .block-sec::before {

    content: "";

    position: absolute;

    top: 0px;

    left: -15px;

    width: 3px;

    height: 40px;

    background: linear-gradient(180deg, rgba(37, 70, 153, 1) 0%, rgba(198, 35, 46, 1) 100%);

    border-radius: 10px;

}

.model-cnt .cont-sec span {

    font-weight: 600;

}

.model-cnt .cont-sec .split-text {

    font-weight: bold;

    font-size: 18px;

    color: #4c4c4e;

}

.vision-sec {

    text-align: center;

    margin-top: 22px;

    width: 100%;

    max-width: 190px;

    margin-left: auto;

    margin-right: auto;

}

.vision-sec h4 {

    color: #263d8c;

    font-size: 26px;

    margin-bottom: 20px;

    font-weight: 600;

}

.vision-sec .img-sec {

    margin-bottom: 20px;

}

.midd-cnt-sec .outputs-sec .cunter-sec {

    display: inline-block;

}

.outputs-cnt-sec .two-sec .block-sec {

    display: inline-block;

    flex: 0 0 50%;

    text-align: left;

}

.environment-sec {

    width: 100%;

    max-width: 550px;

}

.outputs-cnt-sec .block-sec {

    display: inline-block;

    width: 100%;

    text-align: left;

}

.outputs-cnt-sec li {

    font-size: 18px;

    color: #707070;

    margin-bottom: 4px;

    list-style-type: none;

    padding-left: 20px;

    position: relative;

}

.outputs-cnt-sec li::before {

    content: "•";

    position: absolute;

    left: 0px;

    font-size: 20px;

    color: #00aeef;

    font-weight: 600;

    top: -2px;

}

.purpose-sec .block-sec {

    display: flex;

    align-items: center;

    margin-bottom: 10px;

}

.purpose-sec .block-sec > img {

    width: 100%;

    max-width: 10%;

    margin-right: 20px;

}

.input-clm.out-clm .border-bottom {

    border-bottom: 1px solid #d7f1e2 !important;

}

.input-clm.out-clm .block-sec::before {

    content: "";

    position: absolute;

    top: 0px;

    left: -15px;

    width: 3px;

    height: 40px;

    background: linear-gradient(180deg, rgba(125, 203, 145, 1) 0%, rgba(73, 192, 119, 1) 100%);

    border-radius: 10px;

}

.D-view {

    display: block;

}

.M-view {

    display: none;

}

.value-swiper-sec {

    width: 100%;

    padding: 30px 0px;

}

.value-swiper-sec .buss-sldr .buss-slide-1 {

    width: 493px;

}

.value-swiper-sec .buss-sldr .buss-slide-2 {

    width: 516px;

}

.value-swiper-sec .buss-sldr .buss-slide-3 {

    width: 513px;

}

.value-swiper-sec .buss-sldr .buss-slide-4 {

    width: 482px;

}

.key-stpes .col-md-6 {

    border-right: 10px solid;

    border-bottom: 10px solid;

    border-image-slice: 1;

    border-width: 2px;

    border-image-source: linear-gradient(90deg, rgba(19, 73, 158, 1) 0%, rgba(0, 120, 184, 1) 100%);

}

.key-stpes .col-md-6:nth-child(2),

.key-stpes .col-md-6:nth-child(4) {

    border-right: none;

}

.key-stpes .col-md-6:nth-child(3),

.key-stpes .col-md-6:nth-child(4) {

    border-bottom: none;

}

.title.gradient-red-text > h2 {

    background-color: #9b0a0d;

    background-image: linear-gradient(90deg, #d71920, #9b0a0d);

    background-size: 100%;

    background-repeat: repeat;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    -moz-background-clip: text;

    -moz-text-fill-color: transparent;

}

.stakeholder-groups-cnt .col-md-3 {

    border-bottom: none;

    border-right: 1px solid #f5cdbc;

}

.stakeholder-groups-cnt .col-md-3:nth-child(7) {

	border-right: none;

} 

.stakeholder-groups-cnt .col-md-4:nth-child(3) {

	border-right: none;

} 

.stakeholder-groups-cnt .col-md-4 {

    border-bottom: 1px solid #f5cdbc;

    border-right: 1px solid #f5cdbc;

}

.stakeholder-groups-cnt .title {

	padding: 10px;

}

.stakeholder-groups-cnt .col-md-3:nth-child(6) .title,

.stakeholder-groups-cnt .col-md-3:nth-child(7) .title {

    margin-top: 15px;

}

.stakeholder-table-sec .table thead th {

    border-top: none;

}

.stakeholder-table-sec .table thead th {

    font-size: 20px;

    color: #263d8c;

}

.stakeholder-table-sec .table thead th:nth-child(1) {

    border-bottom-color: #cbecfb;

    width: 15%;

}

.stakeholder-table-sec .table thead th:nth-child(2) {

    border-bottom-color: #ca171e;

    border-bottom-width: 4px;

}

.stakeholder-table-sec .table thead th:nth-child(3) {

    border-bottom-color: #00b5ee;

    border-bottom-width: 4px;

}

.stakeholder-table-sec .table tbody th:nth-child(1) {

    font-size: 20px;

    color: #263d8c;

    vertical-align: middle;

}

.stakeholder-table-sec .table .list-sec li {

    list-style-type: none;

    padding-left: 20px;

    position: relative;

    margin-bottom: 7px;

    font-size: 18px;

}

.stakeholder-table-sec .table .list-sec li::before {

    content: "•";

    position: absolute;

    left: 0px;

    font-size: 20px;

    color: #00aeef;

    font-weight: 600;

    top: -2px;

}

.stakeholder-table-sec .table .list-sec.red-sec li::before {

    color: #c6161c;

}

.stakeholder-table-sec .table .list-sec li span {

    float: left;

    width: 100%;

    padding-left: 20px;

    position: relative;

}

.stakeholder-table-sec .table .list-sec li span::before {

    content: "";

    position: absolute;

    left: 0px;

    top: 14px;

    width: 10px;

    height: 2px;

    background-color: #504c4e;

}

.light-blue-clr {

    background-color: #e9f6fd;

}

.light-gray-clr {

    background-color: #ecedee;

}

.stakeholder-table-sec .table tbody th,

.stakeholder-table-sec .table tbody td {

    border-top-color: #cbecfb;

}

.materiapty-matrix-pst .col-md-3 {

    border-right: 1px solid #dfdfdf;

}

.materiapty-matrix-pst .col-md-3:last-child {

    border: none;

}

.materiapty-matrix-pst .nbr-pst p {

    display: flex;

}

.materiapty-matrix-pst .nbr-pst p span:first-child {

    margin-right: 15px;

    width: 30px;

    height: 30px;

    border-radius: 100%;

    color: #fff;

    background-color: #17479e;

    display: inline-block;

    flex: 0 0 30px;

    text-align: center;

    line-height: 30px;

}

.materiapty-matrix-table .table thead th {

    background-color: #81d2ed;

    color: #16469d;

    border-bottom: none;

}

.materiapty-matrix-table .table thead th:nth-child(2) {

    color: #fff;

    background-color: #16469d;

    width: 13%;

    text-align: center;

}

.materiapty-matrix-table .table thead th:nth-child(2),

.materiapty-matrix-table .table thead th:nth-child(3) {

    border-bottom: 5px solid #00adef;

}

.materiapty-matrix-table .table tbody td,

.materiapty-matrix-table .table tbody th {

    border-top-color: #cbecfb;

    vertical-align: middle;

}

.materiapty-matrix-table .table tbody td:nth-child(2) img {

    width: 100%;

    max-width: 30%;

}

.materiapty-matrix-table .table tbody td:nth-child(2) {

    text-align: center;

}

.materiapty-matrix-table .table tbody td:nth-child(2) img {

    width: 100%;

    max-width: 50%;

}

.materiapty-matrix-table .table .know-more {

    margin-top: 0px;

}

.materiapty-matrix-table .table tbody th {

    color: #707070;

    font-size: 18px;

    line-height: 26px;

    font-weight: 400;

}

.materiapty-matrix-table .table thead th:nth-child(3) {

    width: 22%;

}

.safety-sec-cnt.opp-landscap .conter-sec {

    padding: 15px;

}

.safety-sec-cnt.opp-landscap .conter-sec p {

    margin-bottom: 0px;

}

.safety-sec-cnt.opp-landscap .border-bottom {

    border-bottom-color: #dcddde !important;

}

.risk-management-sec .plan-sec {

    width: 100%;

    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);

    height: 142px;

    background-color: #e9f7fe;

    padding: 20px;

}

.risk-management-sec .plan-sec .nbr,

.risk-nbr-sec .nbr {

    font-weight: 600;

    color: #d31618;

    font-size: 24px;

}

.risk-management-sec .plan-sec p {

    font-size: 24px;

    color: #263d8c;

}

.risk-nbr-sec h4 {

    font-size: 22px;

    color: #1a499c;

}

.risk-nbr-sec p > span,

.risk-list-sec p > span {

    color: #00aeef;

    font-weight: 600;

    font-size: 18px;

}

.risk-list-sec h6 {

    font-size: 18px;

    font-weight: bold;

    padding-bottom: 5px;

    border-bottom: 1px solid #e98185;

    margin-bottom: 20px;

}

.risk-sec.green-sec h6 {

    border-bottom: 1px solid #77c696;

}

.risk-list-sec p {

    margin-bottom: 10px;

    position: relative;

}

.risk-list-sec .plus-icon p,

.risk-list-sec .arrow-icon p {

    padding-left: 18px;

}

.risk-list-sec .plus-icon p::before {

    content: "•";

    position: absolute;

    left: 0;

    top: 0px;

    color: #263d8c;

}

.risk-sec.green-plusicon .plus-icon p::before {

    color: #77c696;

}

.risk-list-sec .arrow-icon p {

    margin-left: 15px;

}

.risk-list-sec .arrow-icon p::before {

    content: ">";

    position: absolute;

    left: 0;

    top: 0px;

    color: #263d8c;

    font-size: 12px;

}

.risk-nbr-sec h4.arrow-down-sec,

.risk-nbr-sec h4.arrow-midd-sec,

.risk-nbr-sec h4.arrow-up-sec {

    position: relative;

}

.risk-nbr-sec h4.arrow-down-sec::after,

.risk-nbr-sec h4.arrow-midd-sec::after,

.risk-nbr-sec h4.arrow-up-sec::after {

    content: "";

    position: absolute;

    top: -10px;

    left: auto;

    right: 0px;

}

.risk-nbr-sec h4.arrow-down-sec::after {

    background-image: url(../images/risk-down-arrow.png);

    width: 40px;

    height: 40px;

}

.risk-nbr-sec h4.arrow-midd-sec::after {

    background-image: url(../images/risk-midd-arrow.png);

    width: 40px;

    height: 29px;

}

.risk-nbr-sec h4.arrow-up-sec::after {

    background-image: url(../images/risk-up-arrow.png);

    width: 40px;

    height: 40px;

}

.risk-list-sec .two-sec .plus-icon {

    padding-right: 15px;

    flex: 0 0 60%;

}

.btm-sec {

    margin-top: 20px;

    border-top: 1px solid #cbecfb;

    padding-top: 20px;

}

.btm-sec .define-arrow-sec {

    display: flex;

}

.btm-sec .define-arrow-sec img {

    width: 100%;

    max-width: 16%;

}

.btm-sec .define-arrow-sec p {

    float: right;

    color: #263d8c;

    font-size: 14px;

}

.btm-sec .define-arrow-sec .sec {

    margin-right: 30px;

}

.addjust-img {

    float: right;

    padding: 1rem;

}

.strategic .nbr {

    font-size: 24px;

    background: linear-gradient(90deg, #007cb9 0%, #103680 100%);

    padding: 2px 10px;

    text-align: center;

    color: #fff;

    text-transform: uppercase;

    display: inline-block;

}

.strategic h3 {

    color: #263d8c;

    font-size: 30px;

    font-weight: 400;

    margin-top: 15px;

    min-height: 70px;

}

.strategic p {

    min-height: 80px;

}

.strategic h6 {

    color: #263d8c;

    font-size: 22px;

    margin-bottom: 10px;

}

.strategic .read-btn-sec {

    display: block;

    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);

    height: 56px;

    background-color: #e9f7fe;

    padding: 16px 20px;

    transition: 0.5s;

    margin-top: 20px;

}

.strategic .read-btn-sec:hover {

    background: linear-gradient(90deg, #007cb9 0%, #103680 100%), #263d8c;

    transition: 0.5s;

}

.strategic .read-btn-sec a {

    color: #263d8c;

}

.strategic .read-btn-sec:hover a {

    color: #fff;

}

.strategic .read-btn-sec span {

    font-size: 20px;

    width: 21px;

    height: 21px;

    border-radius: 100%;

    border: 1px solid;

    display: inline-block;

    text-align: center;

    line-height: 17px;

    font-weight: 600;

    margin-right: 3px;

}

.strategic .allocated-sec .img-sec > img {

    width: 100%;

    max-width: 8%;

    margin-right: 15px;

}

.strategic .define-segment {

    padding-top: 20px;

    border-top: 1px solid #cbecfb;

}

.strategic .define-segment img {

    float: left;

    width: 100%;

    max-width: 8%;

    margin-right: 15px;

}

.strategic .define-segment h6 {

    font-size: 18px;

    color: #212529;

    margin-bottom: 0px;

}

.strategic .define-segment .col-md-4 {

    margin-bottom: 20px;

}

.strategic .col-md-4 {

    margin-bottom: 40px;

}

.strategic .define-segment .sec {

    display: flex;

    align-items: center;

}

.strategic .note-sec {

    margin-top: 30px;

}

.strategic-sec {

    width: 100%;

    background: linear-gradient(180deg, rgba(16, 54, 128, 1) 0%, rgba(0, 116, 194, 1) 50%, rgba(0, 98, 149, 1) 100%);

}

.strategic-sec h3.text-white {

    margin-top: 7px;

    margin-left: 15px;

}

.strategic-sec .img-sec {

    margin-top: -64px;

}

.strategic-growth-content-sec {

    width: 100%;

    /* max-width: 700px; */

    margin-left: auto;

    margin-right: auto;

}

.strategic-growth-content-sec h2.common-ttle {

    font-size: 38px;

    padding: 15px 0px;

    border-top: 10px solid;

    border-bottom: 10px solid;

    border-image-slice: 1;

    border-width: 4px;

    border-image-source: linear-gradient(90deg, rgba(255, 211, 121, 1) 0%, rgba(255, 175, 83, 1) 100%);

}

.testi-sec h5 {

    color: #1a499c;

    font-size: 22px;

    padding: 20px 0px;

    display: inline-block;

}

.testi-sec .name-sec {

    width: 100%;

    display: inline-block;

}

.testi-sec .name-sec p {

    margin-bottom: 0px;

}

.content-sec .col-md-6 {

    border-right: 1px solid #c6eafb;

    border-bottom: 1px solid #c6eafb;

}

.content-sec .col-md-6:nth-child(2),

.content-sec .col-md-6:nth-child(4) {

    border-right: none;

}

.content-sec .col-md-6:nth-child(3),

.content-sec .col-md-6:nth-child(4) {

    border-bottom: none;

}

.content-sec .block-sec {

    padding: 30px;

}

.content-sec .col-md-6:nth-child(1) .block-sec,

.content-sec .col-md-6:nth-child(2) .block-sec {

    padding-top: 0px;

}

.content-sec .col-md-6:nth-child(1) .block-sec,

.content-sec .col-md-6:nth-child(3) .block-sec {

    padding-left: 0px;

}

.content-sec .block-sec .icon-sec {

    margin-bottom: 10px;

}

.content-sec .block-sec .list-sec li {

    font-size: 18px;

    color: #3e59a8;

    padding-left: 20px;

    list-style-type: none;

    position: relative;

    margin-bottom: 3px;

}

.content-sec .block-sec .list-sec li::before {

    content: "•";

    position: absolute;

    left: 0;

    top: 0px;

    color: #00aeef;

}

.plus-icon li,

.plus-icon p {

    list-style-type: none;

    font-size: 18px;

    color: #707070;

    margin-bottom: 3px;

    position: relative;

    padding-left: 20px;

}

.plus-icon li::before,

.plus-icon p::before {

    content: "•";

    position: absolute;

    left: 0;

    top: 0px;

    color: #00aeef;

}

.mines-icon li,

.mines-icon p {

    list-style-type: none;

    font-size: 18px;

    color: #707070;

    margin-bottom: 3px;

    position: relative;

    padding-left: 20px;

}

.mines-icon li::before,

.mines-icon p::before {

    content: "-";

    position: absolute;

    left: 0;

    top: 0px;

    color: #00aeef;

}

.summary-table-sec .table thead th {

    background-color: #81d3ed;

    border-bottom-color: #81d3ed;

}

.summary-table-sec .table thead th:nth-child(2),

.summary-table-sec .table thead th:nth-child(3) {

    border-bottom-color: #00aeef;

    border-bottom-width: 5px;

    width: 20%;

}

.summary-table-sec .table td,

.summary-table-sec .table th {

    padding-top: 0.3rem;

    padding-bottom: 0.3rem;

}

.Jsw-gray {

    color: #707070;

}

.summary-table-sec .table td:nth-child(2),

.summary-table-sec .table td:nth-child(3) {

    text-align: center;

}

.summary-table-sec .table tbody td,

.summary-table-sec .table tbody th {

    border-top-color: #00aeef;

}

.summary-table-sec .table tbody td:nth-child(2) {

    border-right: 1px solid #00aeef;

}

.prog-bar-sec .f1 {

    margin-top: 15px;

    border-bottom: 1px solid #00aeef;

    padding-bottom: 15px;

}

.prog-bar-sec .f1 .cunter-sec {

    width: 100%;

    max-width: 400px;

}

.prog-bar-sec .f1 .cunter-sec .f1-cunter {

    background-color: #ededee;

    padding: 9px 15px;

    text-align: center;

    position: relative;

}

.prog-bar-sec .f1 .cunter-sec .f1-cunter::after {

    content: "";

    position: absolute;

    top: 0px;

    left: auto;

    right: 0px;

    width: 5px;

    height: 100%;

    background: linear-gradient(180deg, rgba(128, 211, 237, 1) 0%, rgba(0, 174, 239, 1) 100%);

}

.prog-bar-sec .f1 .cunter-sec .f1-cunter span {

    font-size: 30px;

    color: #1a499c;

}

.prog-bar-sec .f2 {

    margin-top: 20px;

}

.prog-bar-sec .f2 .cunter-sec,

.prog-bar-sec .f3 .cunter-sec {

    display: flex;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(1) {

    background-color: #81d3ed;

    padding: 9px 15px;

    flex: 0 0 60%;

    text-align: center;

}

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(1) {

    background-color: #81d3ed;

    padding: 9px 15px;

    flex: 0 0 25%;

    text-align: center;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(1) span,

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(3) span,

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(1) span,

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(3) span {

    font-size: 30px;

    color: #1a499c;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(2) {

    background: linear-gradient(180deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    flex: 0 0 20%;

    text-align: center;

    padding: 9px 15px;

    position: relative;

}

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(2) {

    background: linear-gradient(180deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    flex: 0 0 40%;

    text-align: center;

    padding: 9px 15px;

    position: relative;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(2)::before,

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(2)::before {

    background: linear-gradient(180deg, rgba(128, 211, 237, 1) 0%, rgba(0, 174, 239, 1) 100%);

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    right: auto;

    width: 5px;

    height: 100%;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(2)::after,

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(2)::after {

    background: linear-gradient(180deg, rgba(0, 155, 207, 1) 0%, rgba(0, 87, 165, 1) 100%);

    content: "";

    position: absolute;

    top: 0px;

    left: auto;

    right: 0px;

    width: 5px;

    height: 100%;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(2) span,

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(2) span,

.prog-bar-sec .f4 .cunter-sec .f4-cunter:nth-child(1) span {

    font-size: 30px;

    color: #fff;

}

.prog-bar-sec .f2 .cunter-sec .f2-cunter:nth-child(3),

.prog-bar-sec .f3 .cunter-sec .f3-cunter:nth-child(3) {

    flex: 0 0 10%;

    text-align: center;

    padding: 9px 15px;

}

.prog-bar-sec .f4 .cunter-sec .f4-cunter {

    background: linear-gradient(180deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    padding: 9px 15px;

    text-align: center;

    position: relative;

}

.prog-bar-sec .f4 .cunter-sec .f4-cunter::after {

    content: "";

    position: absolute;

    top: 0px;

    left: auto;

    right: 0px;

    width: 5px;

    height: 100%;

    background: linear-gradient(180deg, rgba(0, 155, 207, 1) 0%, rgba(0, 87, 165, 1) 100%);

}

.prog-bar-sec .f2,

.prog-bar-sec .f3,

.prog-bar-sec .f4 {

    margin-top: 20px;

}

.prog-bar-sec .f4 .cunter-sec {

    width: 100%;

    max-width: 500px;

}

.prog-bar-sec .btm-sec .define-arrow-sec p {

    font-size: 16px;

    font-weight: 600;

    color: #160203;

    margin-bottom: 0px;

}

.prog-bar-sec .btm-sec .define-arrow-sec .sec:first-child span {

    width: 20px;

    height: 16px;

    display: inline-block;

    background-color: #81d3ed;

    margin-right: 12px;

    margin-top: 4px;

}

.prog-bar-sec .btm-sec .define-arrow-sec .sec:last-child span {

    width: 20px;

    height: 16px;

    display: inline-block;

    background: linear-gradient(90deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    margin-right: 12px;

    margin-top: 4px;

}

.prog-bar-sec .btm-sec {

    margin-top: 0;

    border-bottom: 1px solid #e6e7e8;

    padding-bottom: 20px;

    border-top: none;

    padding-top: 0px;

}

.define-two-sec .light-blue-sec {

    background-color: #81d3ed;

    padding: 20px;

}

.define-two-sec .dark-blue-sec {

    background: linear-gradient(90deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    padding: 20px;

}

.define-two-sec .cunter-sec-cnt {

    background-color: #e9f7fe;

    padding: 15px;

}

.define-two-sec .cunter-sec-cnt .block-sec span:nth-child(2) {

    font-size: 36px;

}

.project-profress-sec h5 {

    position: relative;

    padding-left: 15px;

    margin-left: 15px;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-image: linear-gradient(to right, #009ed1 0%, #0150a1 100%);

}

.project-profress-sec h5::before {

    content: "";

    position: absolute;

    top: 4px;

    left: -10px;

    width: 15px;

    height: 15px;

    border-radius: 100%;

    background: linear-gradient(to right, #009ed1 0%, #0150a1 100%);

}

.project-profress-sec .pref-sec {

    margin-left: 35px;

}

.project-profress-sec .block-sec .sec {

    margin-top: 15px;

    border-bottom: 1px solid #ededee;

    padding-bottom: 15px;

}

.project-profress-sec .block-sec .sec:last-child {

    padding: 0px;

    border: none;

}

.value-cnt-sec {

    padding: 30px;

    background-color: #e9f7fe;

}

.value-cnt-sec h5 {

    color: #1749ab;

}

.feature-story-cnt {

    width: 100%;

    background-image: url(../images/feature-story-bg.jpg);

    background-attachment: fixed;

    background-position: center;

    background-size: cover;

}

.feature-story-cnt .cunter-sec {

    display: flex;

}

.feature-story-cnt .cunter-sec .two-sec {

    margin-right: 30px;

}

.feature-story-cnt .cunter-sec p {

    width: 100%;

    max-width: 220px;

}

.Jsw-blue-grnt {

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-image: linear-gradient(to right, #009ed1 0%, #0150a1 100%);

}

.mt-sec {

    background: #e9f7fe;

    background-size: cover;

    clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);

    width: 100%;

    max-width: 300px;

    padding: 10px 20px;

}

.mt-sec p {

    margin-bottom: 0px;

}

.more-cnt-sec .pref-sec {

    margin-top: 10px;

}

.split-sec sup {

    color: red;

}

.previous-acquisitions-sec .mt-sec {

    background: #ededee;

}

.previous-acquisitions-sec .mt-sec .two-sec {

    display: flex;

}

.outlook-cnt {

    display: flex;

    width: 100%;

    height: 100%;

}

.outlook-cnt .img-sec {

    flex: 0 0 40%;

}

.outlook-cnt .img-sec img {

    width: 100%;

    height: 100%;

    object-fit: fill;

}

.outlook-cnt .content-sec {

    flex: 0 0 60%;

    position: relative;

}

.outlook-cnt .content-sec .right-cnt {

    background-color: #17479e;

    clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%);

    height: 96.4%;

}

.outlook-cnt .content-sec h4,

.outlook-cnt .content-sec p {

    color: #fff;

}

.outlook-cnt .content-sec .block-sec {

    padding: 0px 30px;

    margin-top: 20px;

}

.outlook-cnt .content-sec h3 {

    margin-top: -26px;

    clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 0 100%, 0% 50%);

    width: 100%;

    max-width: 150px;

    padding: 10px 15px;

    background: linear-gradient(180deg, rgba(0, 155, 207, 1) 0%, rgba(0, 87, 165, 1) 100%);

    color: #fff;

    position: absolute;

    top: 0px;

    left: 0px;

}

.director-sec {

    display: flex;

    flex-wrap: wrap;

}

.director-sec .img-sec {

    flex: 0 0 22%;

    margin-right: 30px;

}

.director-sec .director-cnt {

    flex: 0 0 70%;

}

.chairperson-sec {

    background-color: #e9f6fd;

    padding: 30px 30px 0px 30px;

    display: flex;

    width: 100%;

    flex-wrap: wrap;

    align-items: flex-end;

}

.chairperson-sec .chairperson-cnt {

    flex: 0 0 70%;

    padding-bottom: 40px;

}

.chairperson-sec .chairperson-img {

    flex: 0 0 30%;

    text-align: right;

}

.chairperson-sec .chairperson-img > img {

    width: 100%;

    max-width: 70%;

}

.board-committees .col-md-6,

.board-summary .col-md-4 {

    border-right: 1px solid #abe1fa;

    border-bottom: 1px solid #abe1fa;

}

.board-committees .col-md-6:nth-child(2n + 2) {

    border-right: none;

}

.board-committees .col-md-6:nth-child(5),

.board-committees .col-md-6:nth-child(6) {

    border-bottom: none;

}

.board-committees .col-md-6 .committees-sec {

    padding: 20px;

}

.board-committees .col-md-6:nth-child(1) .committees-sec,

.board-committees .col-md-6:nth-child(3) .committees-sec,

.board-committees .col-md-6:nth-child(5) .committees-sec,

.board-summary .col-md-4:nth-child(1) .cunter-sec,

.board-summary .col-md-4:nth-child(4) .cunter-sec {

    padding-left: 0px;

}

.board-summary .cunter-sec,

.board-competency-summary .cunter-sec {

    display: inline-block;

    border: none;

    padding: 20px;

}

.board-summary .cunter-sec p {

    margin-bottom: 0px;

}

.board-summary .cunter-sec h2 {

    font-size: 32px;

}

.board-competency-summary .col-md-3 {

    border-right: 1px solid #ededee;

    border-bottom: 1px solid #ededee;

}

.board-competency-summary .cunter-sec h2 {

    font-size: 50px;

    margin: 10px 0px;

}

.board-competency-summary .define-sec {

    position: absolute;

    bottom: 20px;

    left: 24px;

}

.board-competency-summary .define-sec p {

    color: #263d8c;

    font-weight: 500;

    position: relative;

    margin-bottom: 10px;

    padding-left: 28px;

}

.board-competency-summary .define-sec p:first-child::before {

    content: "";

    position: absolute;

    top: 5px;

    left: 0px;

    width: 18px;

    height: 18px;

    background-color: #d31618;

    border-radius: 100%;

}

.board-competency-summary .define-sec p:last-child::before {

    content: "";

    position: absolute;

    top: 5px;

    left: 0px;

    width: 18px;

    height: 18px;

    background-color: #263d8c;

    border-radius: 100%;

}

.director-cnt .head-title {

    border-bottom: 1px solid #abe1fa;

    margin-bottom: 15px;

}

.board-committees .committees-sec h6.jsw-blue {

    font-weight: 600;

    padding-bottom: 15px;

    border-bottom: 10px solid;

    border-image-slice: 1;

    border-width: 4px;

    border-image-source: linear-gradient(90deg , rgba(0,150,204,1) 0%, rgba(20,72,158,1) 100%);

    margin-bottom: 15px;

}

.sdg-wrp .table-sec .table thead th {

    font-size: 20px;

    background-color: #81d2ed;

    border-bottom-color: #81d2ed;

}

.sdg-wrp .table-sec .table thead th:nth-child(2) {

    background-color: #0059a6;

}

.sdg-wrp .table-sec .table thead th:nth-child(2), .sdg-wrp .table-sec .table thead th:nth-child(3) {

    border-bottom-width: 5px;

    border-bottom-color: #00adef;

    width: 18%;

    text-align: center;

}

.sdg-wrp .table-sec .table tbody td:nth-child(2), .sdg-wrp .table-sec .table tbody td:nth-child(3) {

    text-align: center;

    font-size: 18px;

    vertical-align: middle;

}

.sdg-wrp .table-sec .table tbody td:nth-child(2) {

    border-right: 1px solid #abe1fa;

}

.sdg-wrp .table-sec .table tbody th .img-text p {

    font-weight: 400;

    margin-left: 20px;

}

.sdg-wrp .table-sec .table tbody th, .sdg-wrp .table-sec .table tbody td {

    border-top-color: #abe1fa;

    vertical-align: middle;

}

.sdg-wrp .table-sec .table tbody th .img-text {

    display: flex;

    align-items: center;

}

.graf-secr-row .img-sec img:nth-child(2) {

    margin-left: 50px;

}

.safety-story-sec {

    width: 100%;

    background-image: url(../images/safety-feature-story-bg.jpg);

    background-attachment: fixed;

    background-position: center top;

    background-size: cover;

}

.clip-cnt-sec {

    background-color: #e9f6fd;

    padding: 20px;

    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);

}

.clip-cnt-sec h2 {

    font-size: 42px;

}

.clip-cnt-sec.small-icon {

    position: relative;

}

.clip-cnt-sec.small-icon::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0;

    background-image: url(../images/till-arrow.png);

    width: 50px;

    height: 49px;

    background-size: 50%;

    background-repeat: no-repeat;

}

.focus-sec .digitalisation-fullsec {

    width: 100%;

    height: 100%;

    background-color: #1a2452;

    position: relative;

    z-index: 2;

}

.focus-sec .digitalisation-fullsec::after {

    content: "";

    position: absolute;

    bottom: 0px;

    left: 0;

    background-image: url('../images/feature-story-btm-img.jpg');

    width: 100%;

    height: 198px;

    z-index: -1;

}

.colmm-content-sec .colmm {

    border-bottom: 1px solid #16469d;

    padding-bottom: 7px;

}

.colmm-content-sec .colmm:last-child {

    border: none;

}

.digital-evangelist-sec .head-title h2 {

    position: relative;

    padding-bottom: 15px;

}

.digital-evangelist-sec .head-title h2::after {

    content: '';

    width: 100%;

    height: 5px;

    background: linear-gradient(90deg, #0099cd 0%, #0a4da0 100%);

    position: absolute;

    bottom: 0px;

    left: 0px;

}

.logistics-steps-sec .nbrs-sec,

.logistics-steps-sec .steps-cnt {

    display: flex;

    position: relative;

}

.logistics-steps-sec .nbrs-sec::before {

    content: '';

    background: linear-gradient(90deg, #0099cd 0%, #0a4da0 100%);

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    height: 2px;

    width: 75%;

    z-index: -1;

}

.logistics-steps-sec .circle {

    flex: 0 0 25%

}

.logistics-steps-sec .circle .sec {

    background-color: #fff;

    font-size: 20px;

    font-weight: 600;

    color: #17479e;

    border-radius: 50%;

    height: 40px;

    width: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 2px solid #17479e;

}

.logistics-steps-sec .steps-cnt p {

    flex: 0 0 25%;

    margin-top: 15px;

    padding-right: 20px;

    position: relative;

}

.logistics-steps-sec .steps-cnt p::after {

    content: "";

    position: absolute;

    top: -45px;

    left: 40%;

    width: 15px;

    height: 27px;

    background-image: url('../images/arrow-gradient.png');

    background-size: 70%;

    background-repeat: no-repeat;

}

.logistics-steps-sec .steps-cnt p:last-child::after {

    content: none;

}

.strategic-sec.sustainability-sec .img-sec {

    margin-top: 0px;

}

.strategic-sec.sustainability-sec .img-sec > h2 {
    position: absolute;
    top: 46%;
    left:40%;

}

.sustainability-sec .border-bottom {

    border-bottom: 1px solid #376496 !important;

}

.sustainability-sec .border-right {

    border-right: 1px solid #376496 !important;

}

.sustainability-sec .strategic-growth-content-sec {

    max-width: 100%;

}

.strategic-sec.sustainability-sec {

    width: 100%;

    background: linear-gradient(180deg, rgba(0, 98, 149, 1) 50%, rgba(16, 54, 128, 1) 100%);

}

.environmental-sec{

    background-image: url('../images/environmental-banner.jpg');

    background-attachment: fixed;

    background-position: center top;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}

.environmental-sec-img{

  width: 100%;

}

.environmental-table thead{

    background-color: #81d2ed;

    color: #263D8C;

    text-align: center;

}

.environmental-table tbody td , .environmental-table tbody th{

    border-bottom: 1px solid #c6eafb;

}

.environmental-table .table thead th {

    vertical-align: middle;

    border-bottom-color: #00adef;

    border-bottom-width: 3px;

}

.environmental-table .table thead th:nth-child(1) {

    text-align: left;

    border-bottom: none;

}

.environmental-table .table thead th:nth-child(4) {

    background-color: #0062aa;

    color: #fff;

}

.environmental-table tbody td {

    border-right: 1px solid #c6eafb;

}

.environmental-table tbody td:last-child {

    border-right: none;

}

.half-circle {

    float: right;

    width: 100%;

    text-align: right;

    margin-bottom: 30px; 

}

.economyimg-sec {

    background-image: url('../images/environment-img2.jpg');

    background-attachment: fixed;

    background-position: center top;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}

.green-sec {

    background-color: #f1faf4;

}

.ccu-sec {

    background-image: url('../images/environment-img3.jpg');

    background-attachment: fixed;

    background-position: center top;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}

.ccu-sec .sec li,

.Waste-focus-sec li {

    color: #fff;

    font-size: 18px;

    list-style-type: none;

    position: relative;

    padding-left: 20px;

}

.ccu-sec .sec ul,

.Waste-focus-sec .sec ul {

    padding: 0px;

}

.ccu-sec .sec li::before,

.Waste-focus-sec .sec li::before {

    content: "•";

    position: absolute;

    top: 0px;

    left: 0px;

    font-size: 18px;

    font-family: 'Breuer Text';

}

.target-sec .clip-cnt-sec {

    padding: 30px;

}

.target-sec h3::after {

    content: "";

    position: absolute;

    top: 0px;

    left: auto;

    right: 0px;

    width: 50px;

    height: 50px;

    background-image: url(../images/target-icon.png);

    background-repeat: no-repeat;

    background-size: 80%;

}

.performance-sec .tow-img-sec img {

    max-width: 40%;

    padding: 30px;

}

.performance-sec .tow-img-sec img:first-child {

    border-right: 1px solid #abe1fa;

}

.climate-key-sec .divied-sc {

    display: flex;

}

.climate-key-sec .divied-sc .inter-sec,

.climate-key-sec .divied-sc .out-sec {

    flex: 0 0 50%;

}

.climate-key-sec .divied-sc h5 {

    background-color: #e9f6fd;

    padding: 9px 12px;

}

.key-tables-sec .table td, .key-tables-sec .table th {

    vertical-align: middle;

}

.key-tables-sec .table thead th {

    width: 50%;

    position: relative;

    border: none;

    font-size: 24px;

    color: #1749ab;

    font-weight: 500; 

}

.key-tables-sec .table thead th:first-child::after {

    content: '';

    width: 95%;

    height: 5px;

    background: linear-gradient(90deg, #0099cd 0%, #0a4da0 100%);

    position: absolute;

    bottom: 0px;

    left: 0px;

}

.key-tables-sec .table thead th:last-child::after {

    content: '';

    width: 100%;

    height: 5px;

    background: linear-gradient(90deg, #00aeef 0%, #7dd2ed 100%);

    position: absolute;

    bottom: 0px;

    left: 0px;

}

.key-tables-sec .table tbody th {

    border: none;

}

.key-tables-sec .table tbody td {

    border-top-color: #c6eafb;

    font-size: 17px;

}

.target-sec .tow-sec p {

    display: inline-block;

    width: 100%;

    max-width: 500px;

}

.simple-table-sec .table-head-sec {

    display: flex;

}

.simple-table-sec .table-head-sec h5 {

    flex: 0 0 33.33%;

}

.simple-table-sec .table-head-sec h5:nth-child(2), .simple-table-sec .table-head-sec h5:nth-child(3) {

    text-align: center;

}

.simple-table-sec .table thead th {

    background-color: #81d2ed;

}

.simple-table-sec .table thead th:nth-child(1) {

    width: 40%;

    border-bottom: none;

}

.simple-table-sec .table thead th:nth-child(2),

.simple-table-sec .table thead th:nth-child(4) {

    background-color: #0078b8;

    color: #fff;

}

.simple-table-sec .table thead th:nth-child(2),

.simple-table-sec .table thead th:nth-child(3),

.simple-table-sec .table thead th:nth-child(4),

.simple-table-sec .table thead th:nth-child(5) {

    border-bottom-color: #00adef;

    border-bottom-width: 4px;

    text-align: center; 

}

.simple-table-sec .table tbody td:nth-child(2),

.simple-table-sec .table tbody td:nth-child(3),

.simple-table-sec .table tbody td:nth-child(4),

.simple-table-sec .table tbody td:nth-child(5) {

    text-align: center;

    border-right: 1px solid #00adef;

}

.simple-table-sec .table tbody td:nth-child(5) {

    border-right: none;

}

.simple-table-sec .table tbody th.full-th {

    border-top-width: 4px;

    border-top-color: #00adef;

}

.simple-table-sec .table tbody td,

.simple-table-sec .table tbody th {

    border-top: none;

    border-bottom: 1px solid #00adef;

}

.innovation-sec {

    background-image: url('../images/environment-img9.jpg');

    background-attachment: fixed;

    background-position: center;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}

.waste-cnt-sec .prog-bar-sec .f1 .cunter-sec .f1-cunter,

.waste-cnt-sec .prog-bar-sec .f2 .cunter-sec .f2-cunter {

    background-color: #e9f6fd;

}

.waste-cnt-sec .prog-bar-sec p b {

	color: #212529;

}

.waste-cnt-sec .prog-bar-sec .f2 .cunter-sec .f2-cunter,

.waste-cnt-sec .prog-bar-sec .f3 .cunter-sec .f3-cunter {

	position: relative;

}

.waste-cnt-sec .prog-bar-sec .f2 .cunter-sec .f2-cunter::after,

.waste-cnt-sec .prog-bar-sec .f3 .cunter-sec .f3-cunter::after {

    content: "";

    position: absolute;

    top: 0px;

    left: auto;

    right: 0px;

    width: 5px;

    height: 100%;

    background: linear-gradient(

180deg, rgba(128, 211, 237, 1) 0%, rgba(0, 174, 239, 1) 100%);

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(4) .cunter-sec .f1-cunter,

.waste-cnt-sec .prog-bar-sec .f2:nth-child(4) .cunter-sec .f2-cunter {

    background: linear-gradient(180deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    flex: 0 0 20%;

    text-align: center;

    padding: 9px 15px;

    position: relative;

    color: #fff;

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(4) .cunter-sec .f1-cunter::after,

.waste-cnt-sec .prog-bar-sec .f2:nth-child(4) .cunter-sec .f2-cunter::after {

    background: linear-gradient(180deg, rgba(0, 155, 207, 1) 0%, rgba(0, 87, 165, 1) 100%);

    content: "";

    position: absolute;

    top: 0px;

    left: auto;

    right: 0px;

    width: 5px;

    height: 100%;

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(4) .cunter-sec .f1-cunter span,

.waste-cnt-sec .prog-bar-sec .f2:nth-child(4) .cunter-sec .f2-cunter span {

	color: #fff;

}

.waste-cnt-sec .prog-bar-sec .f1,

.waste-cnt-sec .prog-bar-sec .f2 {

    margin-top: 15px;

    border-bottom: none;

    padding-bottom: 0px;

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(4) {

	border-bottom: 1px solid #e6e7e8;

	padding-bottom: 15px;

} 

.waste-cnt-sec .prog-bar-sec .f1 .cunter-sec,

.waste-cnt-sec .prog-bar-sec .f2 .cunter-sec {

    width: 100%;

    max-width: 100%;

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(2) .cunter-sec {

    max-width: 1000px;

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(3) .cunter-sec {

    max-width: 750px;

}

.waste-cnt-sec .prog-bar-sec .f1:nth-child(4) .cunter-sec {

    max-width: 550px;

}

.waste-cnt-sec .prog-bar-sec .f2:nth-child(2) .cunter-sec .f2-cunter {

	flex: 0 0 59%

}

.waste-cnt-sec .prog-bar-sec .f2:nth-child(3) .cunter-sec .f2-cunter {

	flex: 0 0 79%

}

.waste-cnt-sec .prog-bar-sec .f2:nth-child(4) .cunter-sec .f2-cunter {

	flex: 0 0 70%

}

.Waste-focus-sec {

    background-image: url('../images/environment-img11.jpg');

    background-attachment: fixed;

    background-position: center;

    width: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}

.air-emissions-sec .simple-table-sec .table-head-sec h5:nth-child(1) {

    flex: 0 0 46%;

}

.air-emissions-sec .simple-table-sec .table-head-sec h5:nth-child(2), 

.air-emissions-sec .simple-table-sec .table-head-sec h5:nth-child(3), 

.air-emissions-sec .simple-table-sec .table-head-sec h5:nth-child(4) {

    flex: 0 0 18%;

}

.air-emissions-sec .simple-table-sec .table thead th:nth-child(2), 

.air-emissions-sec .simple-table-sec .table thead th:nth-child(3), 

.air-emissions-sec .simple-table-sec .table thead th:nth-child(4), 

.air-emissions-sec .simple-table-sec .table thead th:nth-child(5),

.air-emissions-sec .simple-table-sec .table thead th:nth-child(6),

.air-emissions-sec .simple-table-sec .table thead th:nth-child(7) {

    border-bottom-color: #00adef;

    border-bottom-width: 4px;

    text-align: center;

}

.air-emissions-sec .simple-table-sec .table thead th:nth-child(2), 

.air-emissions-sec .simple-table-sec .table thead th:nth-child(4),

.air-emissions-sec .simple-table-sec .table thead th:nth-child(6) {

    background-color: #0078b8;

    color: #fff;

}

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(2), 

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(3), 

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(4), 

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(5),

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(6),

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(7) {

    text-align: center;

    border-right: 1px solid #00adef;

}

.air-emissions-sec .simple-table-sec .table tbody td:nth-child(7) {

	border-right: none;

}

.air-emissions-sec .divided-sec {

    display: flex;

}

.air-emissions-sec .divided-sec p:nth-child(1) {

    flex: 0 0 26%;

}

.biodiversity-sec .divided-sec {

    display: flex;

}

.biodiversity-sec .divided-sec .sec {

    flex: 0 0 33.33%;

}

.environment-page-sec .row {

	margin-left: -15px;

	margin-right: -15px;

}

.difine-all-icons img {

    width: 100%;

    max-width: 8%;

    float: left;

    margin-right: 15px;

}

.difine-all-icons h6 {

	margin-top: 11px;

}

.risk-sec.flex-sec .two-sec .perf-sec {

    flex: 0 0 60%;

    padding-right: 30px;

}

.scale-up-ver-bottom {

    -webkit-animation: scale-up-ver-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;

    animation: scale-up-ver-bottom 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) both;

}

@-webkit-keyframes scale-up-ver-bottom {

    0% {

        -webkit-transform: scaleY(0.4);

        transform: scaleY(0.4);

        -webkit-transform-origin: 0 100%;

        transform-origin: 0 100%;

    }

    100% {

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

        -webkit-transform-origin: 0 100%;

        transform-origin: 0 100%;

    }

}

@keyframes scale-up-ver-bottom {

    0% {

        -webkit-transform: scaleY(0.4);

        transform: scaleY(0.4);

        -webkit-transform-origin: 0 100%;

        transform-origin: 0 100%;

    }

    100% {

        -webkit-transform: scaleY(1);

        transform: scaleY(1);

        -webkit-transform-origin: 0 100%;

        transform-origin: 0 100%;

    }

}

.graf-board-sec h4 {

    font-size: 22px;

    margin-bottom: 0px;

}

.graf-board-sec .graf-row {

    display: table;

    table-layout: fixed;

    width: 100%;

    max-width: 700px;

    height: 240px;

    margin: 0 auto;

    border-bottom: solid 2px #073e84;

    padding-left: 0;

    margin-top: 0px;

    margin-bottom: 30px;

}

.graf-board-sec .graf-row li {

    position: relative;

    display: table-cell;

    vertical-align: bottom;

    height: 240px;

}

.graf-board-sec .graf-row li::after {

    content: "";

    position: absolute;

    bottom: -23px;

    right: 0;

    left: auto;

    width: 2px;

    height: 9px;

    background-color: #81d2ed;

}

.graf-board-sec .graf-row li:last-child::after {

    content: none;

}

.graf-board-sec .graf-row span {

    display: block;

    font-size: 12px;

    font-weight: 700;

    position: relative;

    background-size: 1.8px;

    background-color: #81d2ed;

    border-top: 10px solid;

    border-image-slice: 1;

    border-width: 4px;

    border-image-source: linear-gradient(90deg, rgba(0, 155, 207, 1) 0%, rgba(0, 87, 165, 1) 100%);

    width: 42px;

    margin: 0 auto;

}

.graf-board-sec .graf-row span::before {

    position: absolute;

    left: 0;

    right: 0;

    top: 100%;

    padding: 9px 0em 0px;

    display: block;

    text-align: center;

    color: #263D8C;

    content: attr(title);

    word-wrap: break-word;

    width: auto;

    font-weight: 600;

    font-size: 14px;

}

.graf-board-sec .graf-row span::after {

    font-weight: 300;

    content: attr(rel);

    position: absolute;

    left: 0px;

    right: 0px;

    font-size: 14px;

    transform: translateY(0px) translateX(0px);

    width: auto;

    text-align: center;

    font-weight: 700;

    background: linear-gradient(180deg, rgba(0, 96, 148, 1) 0%, rgba(8, 57, 129, 1) 100%);

    height: 40%;

    color: #fff;

    line-height: 5rem;

    border-bottom: 10px solid;

    border-image-slice: 1;

    border-width: 4px;

    border-image-source: linear-gradient(90deg, rgba(128, 211, 237, 1) 0%, rgba(0, 174, 239, 1) 100%);

}

.key-value-graf .graf-board-sec .graf-row {

    margin-top: 66px;

    border-bottom: solid 2px #03aced;

}

.key-value-graf .graf-board-sec .graf-row li .circle-shape {

    position: absolute;

    top: -40px;

    width: 55px;

    height: 55px;

    line-height: 52px;

    left: 0px;

    right: 0px;

    margin: 0 auto;

    border-radius: 100%;

    background-color: #17469e;

    text-align: center;

    color: #fff;

    font-weight: 600;

}

.key-value-graf .graf-board-sec .graf-row li {

    padding-top: 0px;

}

.key-value-graf .graf-board-sec .graf-row span::after {

    font-size: 20px;

    background: transparent;

    border:  none;

    transform: translateY(-30px) translateX(0px);

    color: #17469e;

    line-height: normal;

    font-weight: 400;

}

.key-value-graf .graf-board-sec .graf-row li:nth-child(1) span::after,

.key-value-graf .graf-board-sec .graf-row li:nth-child(2) span::after,

.key-value-graf .graf-board-sec .graf-row li:nth-child(3) span::after,

.key-value-graf .graf-board-sec .graf-row li:nth-child(4) span::after,

.key-value-graf .graf-board-sec .graf-row li:nth-child(5) span::after,

.key-value-graf .graf-board-sec .graf-row li:nth-child(6) span::after {

    height: auto;

    line-height: normal;

}

.key-value-graf .graf-board-sec .graf-row li:last-child span::after {

    font-weight: 600;

}

.key-value-graf .graf-board-sec .graf-row li:last-child span {

    background: linear-gradient(180deg, rgb(0 147 201) 0%, rgb(0 102 174) 100%);

}

.key-value-graf .sec1 .graf-row {

    margin-top: 0px;

}

.key-value-graf .graf-board-sec .graf-row span {

    width: 70%;

}

.key-value-graf .graf-board-sec .graf-row span::before {

    font-size: 16px;

}

.debt-graf-sec .key-value-graf .graf-board-sec .graf-row {

    margin-top: 66px;

    position: relative;

    border-bottom: solid 2px #16469d;

}

.content-sec .debt-graf-sec .col-md-6 {

    border:  none;

}

.debt-graf-sec .graf-board-sec .graf-row li:nth-child(2) span {

    display: none;

}

.debt-graf-sec .graf-board-sec .graf-row li:nth-child(2)::after {

    display: none;

}

.debt-graf-sec .key-value-graf .graf-board-sec .graf-row p {

    margin: 0px;

    position: absolute;

    top: -5px;

    padding-bottom: 10px;

    border-bottom: solid 2px #03aced;

    width: 100%;

    z-index: 2;

    color: #17469e;

}

.debt-graf-sec .key-value-graf .graf-board-sec .graf-row span {

    width: 55%;

}

.debt-graf-sec .key-value-graf.full-graf .graf-row li:nth-child(2) span {

    display: block;

}

.debt-graf-sec .key-value-graf.full-graf .graf-row li:nth-child(2)::after {

    display: block;

}

.debt-graf-sec .key-value-graf.full-graf .graf-board-sec .graf-row {

    max-width: 100%;

}

.debt-graf-sec .key-value-graf.full-graf li:nth-child(2) span,

.debt-graf-sec .key-value-graf.full-graf li:nth-child(3) span,

.debt-graf-sec .key-value-graf.full-graf li:nth-child(4) span,

.debt-graf-sec .key-value-graf.full-graf li:nth-child(5) span {

    background-color: transparent;

    border-image-source: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 100%);

}

.debt-graf-sec .key-value-graf.full-graf li:nth-child(2)::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    margin: 0px auto;

    width: 100%;

    max-width: 118px;

    height: 40px;

    background-color: #548bc5;

}

.debt-graf-sec .key-value-graf.full-graf li:nth-child(3)::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    margin: 0px auto;

    width: 100%;

    max-width: 118px;

    height: 25px;

    background-color: #d71920;

}

.debt-graf-sec .key-value-graf.full-graf li:nth-child(4)::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    margin: 0px auto;

    width: 100%;

    max-width: 118px;

    height: 15px;

    background-color: #16469d;

}

.debt-graf-sec .key-value-graf.full-graf li:nth-child(5)::before {

    content: "";

    position: absolute;

    top: 0px;

    left: 0px;

    right: 0px;

    margin: 0px auto;

    width: 100%;

    max-width: 118px;

    height: 10px;

    background-color: #00adef;

}

.debt-graf-sec .key-value-graf.full-graf li:last-child {

    padding-top: 40px;

}

.debt-graf-sec .key-value-graf.full-graf li:last-child span::after {

    transform: translateY(-70px) translateX(0px);

}

.debt-graf-sec .key-value-graf.full-graf .graf-board-sec .graf-row span {

    width: 65%;

}

.performance-sec .title h6 {

    display: flex;

    justify-content: space-between;

}

.performance-sec .graf-board-sec .graf-row span::after {

    color: #00AEEF;

}

.performance-sec .graf-board-sec .graf-row li:last-child span::after {

    color: #17469e;

}



@media (max-width: 1300px) {

    .common-container {

        padding-left: 15px;

        padding-right: 15px;

    }

}



@media (max-width: 991px) {

    .director-sec .img-sec {

        flex: 0 0 50%;

    }

    .director-sec .director-cnt {

        flex: 0 0 100%;

        margin-top: 20px;

    }

    .chairperson-sec .chairperson-cnt {

        flex: 0 0 100%;

    }

    .chairperson-sec .chairperson-img > img {

        max-width: 100%;

    }

    .sdg-wrp .table-sec .table tbody th .img-text {

        flex-wrap: wrap;

    }

    .sdg-wrp .table-sec .table tbody th .img-text p {

        margin-left: 0px;

    }

    .graf-secr-row .img-sec img:nth-child(2) {

        margin-left: 0px;

    }

}



@media (max-width: 767px) {

    .graf-blocks .img-sec {

        flex-wrap: wrap;

    }

    .graf-blocks .img-sec > img {

        max-width: 90%;

    }

    .graf-blocks .img-sec > img:first-child {

        margin-bottom: 25px;

    }

    .read-text-colm {

        position: static;

        margin-top: 20px;

    }

    .safety-sec-cnt .nbr {

        margin-top: 15px;

    }

    .model-cnt .grnt-row.arrow-right:after {

        content: none;

    }

    .D-view {

        display: none;

    }

    .M-view {

        display: block;

    }

    .materiapty-matrix-table .table thead th:nth-child(3) {

        width: 35%;

    }

    .safety-sec-cnt.opp-landscap .img-sec {

        margin-bottom: 10px;

    }

    .btm-sec .define-arrow-sec img {

        width: 100%;

        max-width: 30%;

    }

    .risk-list-sec .two-sec .plus-icon {

        flex: 0 0 100%;

        order: 2;

    }

    .midd-cnt-sec .two-sec .img-sec {

        flex: 0 0 100%;

    }

    .addjust-img {

        float: none;

        padding: 0rem;

    }

    .strategic .col-md-4:last-child {

        margin-bottom: 10px;

    }

    .strategic h3 {

        font-size: 26px;

        min-height: 0px;

    }

    .strategic p {

        min-height: 0px;

    }

    .strategic .note-sec {

        margin-top: 0;

    }

    .content-sec .col-md-6 {

        border-right: none;

    }

    .content-sec .col-md-6:nth-child(3),

    .content-sec .col-md-6:nth-child(4) {

        border-bottom: 1px solid #c6eafb;

    }



    .content-sec .col-md-6:nth-child(1) .block-sec,

    .content-sec .col-md-6:nth-child(2) .block-sec {

        padding-top: 30px;

    }

    .content-sec .col-md-6:nth-child(2) .block-sec,

    .content-sec .col-md-6:nth-child(4) .block-sec {

        padding-left: 0px;

    }

    .capex-sec .img-sec {

        margin-bottom: 20px;

    }

    .capex-outlay,

    .define-two-sec .dark-blue-sec {

        margin-top: 20px;

    }

    .outlook-cnt {

        flex-wrap: wrap;

        margin-bottom: 30px;

    }

    .outlook-cnt .img-sec {

        flex: 0 0 100%;

        height: 100%;

        max-height: 400px;

    }

    .outlook-cnt .img-sec img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        max-height: 400px;

    }

    .outlook-cnt .content-sec {

        flex: 0 0 100%;

        position: relative;

        margin-top: -21px;

    }

    .outlook-cnt .content-sec .right-cnt {

        height: 100%;

    }

    .strategic-sec .img-sec {

        margin-top: 0;

    }

    .board-competency-summary .define-sec {

        position: static;

        padding: 20px 0px;

    }

    .board-summary .col-md-4:nth-child(2) .cunter-sec,

    .board-summary .col-md-4:nth-child(3) .cunter-sec,

    .board-summary .col-md-4:nth-child(5) .cunter-sec,

    .board-committees .col-md-6:nth-child(2) .committees-sec,

    .board-committees .col-md-6:nth-child(4) .committees-sec,

    .board-committees .col-md-6:nth-child(6) .committees-sec {

        padding-left: 0px;

    }

    .board-committees .col-md-6:nth-child(5) {

        border-bottom: 1px solid #abe1fa;

    }

    .board-committees .col-md-6:nth-child(1),

    .board-committees .col-md-6:nth-child(3),

    .board-committees .col-md-6:nth-child(5) {

        border-right: none;

    }

    .environment-page-sec .img-sec {

    	padding: 0px !important;

    	margin-bottom: 7px;

    }

    .performance-sec .tow-img-sec img {

    	max-width: 100%;

    }

    .more-cnt h2 {

    	margin-top: 7px;

    }

    .simple-table-sec .table-head-sec h5 {

    	font-size: 16px;	

    }

    .waste-cnt-sec .prog-bar-sec p b {

	    float: left !important;

	    width: 100%;

	    margin-bottom: 7px;

	}

	.air-emissions-sec .divided-sec {

		flex-wrap: wrap;

	}

	.air-emissions-sec .divided-sec p:nth-child(1),

	.air-emissions-sec .divided-sec p:nth-child(2),

	.air-emissions-sec .divided-sec p:nth-child(3) {

		flex: 0 0 100%;

	}

	.biodiversity-sec .divided-sec {

		flex-wrap: wrap;

	}	

	.biodiversity-sec .divided-sec .sec {

		flex: 0 0 100%;

		margin-bottom: 10px;

	}

	.biodiversity-sec .divided-sec .sec h2 {

		margin-bottom: 0px;

	}

	.green-sec .img-sec.float-right {

		float: left !important;

	}

	.green-sec p {

		width: 100%;

		display: inline-block;

	}

	.key-stpes .col-md-6:nth-child(1),

	.key-stpes .col-md-6:nth-child(3) {

	    border-right: none;

	}

	.key-stpes .col-md-6:nth-child(3),

	.key-stpes .col-md-6:nth-child(4) {

		border-bottom: 10px solid;

	    border-image-slice: 1;

	    border-width: 2px;

	    border-image-source: linear-gradient(90deg, rgba(19, 73, 158, 1) 0%, rgba(0, 120, 184, 1) 100%);

	}

	.key-stpes .col-md-6:nth-child(2) .row-block {

		padding-top: 1rem;

	}

	.stakeholder-groups-cnt .col-md-3,

	.stakeholder-groups-cnt .col-md-4 {

		border-right: none;

	}

	.stakeholder-groups-cnt .col-md-3,

	.stakeholder-groups-cnt .col-md-4 {

		border-bottom: 1px solid #f5cdbc;

	}

	.risk-sec.flex-sec .two-sec .perf-sec {

		flex: 0 0 100%;

	}

    .debt-graf-sec .key-value-graf .graf-board-sec .graf-row span,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(2)::before,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(3)::before,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(4)::before,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(5)::before {

        width: 65%;

    }

    .debt-graf-sec .key-value-graf .graf-board-sec .graf-row span::after {

        font-size: 18px;

    }

    .debt-graf-sec .key-value-graf.full-graf .graf-board-sec .graf-row span::after {

        font-size: 15px;

    }

    .content-sec .debt-graf-sec .col-md-6 {

        border: none;

    }

    .debt-graf-sec .key-value-graf.full-graf .graf-board-sec .graf-row span::before {

        font-size: 12px;

    }

}



@media (max-width: 600px) {

    .logistics-steps-sec .steps-cnt {

        flex-wrap: wrap;

    }

    .logistics-steps-sec .steps-cnt p {

        flex: 0 0 100%;

    }

    .logistics-steps-sec .steps-cnt p::after {

        content: none;

    }

    .logistics-steps-sec .circle .sec {

        position: relative;

    }

    .logistics-steps-sec .circle .sec::after {

        content: "";

        position: absolute;

        top: 9px;

        left: 59px;

        width: 15px;

        height: 27px;

        background-image: url('../images/arrow-gradient.png');

        background-size: 70%;

        background-repeat: no-repeat;

    }

    .logistics-steps-sec .circle:nth-child(4) .sec::after {

        content: none;

    }

}

@media (max-width: 500px) {

    .debt-graf-sec .key-value-graf.full-graf .graf-board-sec .graf-row span::before {

        font-size: 9px;

    }

    .debt-graf-sec .key-value-graf .graf-board-sec .graf-row span,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(2)::before,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(3)::before,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(4)::before,

    .debt-graf-sec .key-value-graf.full-graf li:nth-child(5)::before {

        width: 42px;

    }

}

.strategic-growth-content-sec hr { border-bottom: solid 1px #fff; margin-top: 50px; }
.banner-text { padding-top: 190px; }