/*Principles*/
.home #pageheader .navbar { background: transparent; }
.w-90 { width: 90px; height: 90px; }
.w-180 { width: 180px; height: 180px; }
.page-wrapper-container .white { background-color: #fff; }
.page-wrapper-container .green { background-color: #00A9A1; }
.page-wrapper-container .blue { background-color: #033F49; }
.page-wrapper-container .grayish { background-color: #34454E; }
.page-wrapper-container .dark-green { background: #01746D; }
.dark-green-text { color: #01746D; }
.page-wrapper-container .dark-blue { background: #9DDAE5; }
.page-wrapper-container .yellow { background: #F29B00; }
.page-wrapper-container .skyblue { background: #0094BB; }
.page-wrapper-container .light-green { background-color: #77D4A7; }
.page-wrapper-container .light-gray { background: #FBFCF7; }
.page-wrapper-container .gray { background-color: #D9D9D9; }
.banner-content .h3, .banner-content h2 { font-size: 25px; font-weight: 350; line-height: 32px; color: #C57E00; text-transform: uppercase; }
.banner-content .h2, .banner-content h3 { font-size: 50px; color: #000; font-weight: 900; line-height: 60px; margin: 12% 0; font-family: 'Avenir LT Std'; text-transform: none; }
.principles-banner .banner-content { max-width: 560px; margin-left: 120px; padding: 100px 60px 91px; }
.people-banner.principles-banner .banner-content { padding-bottom: 54px; }
.banner-content ul { padding-left: 25px; font-weight: 900; font-family: 'Avenir LT Std'; font-size: 18px; color: #01746D; }
.banner-content ul li { margin: 10px 0; }
.principles-banner .box-white { position: absolute; bottom: 0; left: 0; }
.principles-banner .banner-img { position: relative; }
.principles-banner .box-green { position: absolute; top: 0px; right: 0; }
.principles-banner .box-blue { position: absolute; bottom: 90px; left: 90px; background: #77D4A7; }
.principles-banner .banner-img { margin-left: 90px; }
.principles-abt-inner h3 { line-height: 1.480; }
.regulatory-environment-content { margin-left: 30px; }
.principles-banner .people-banner-img.banner-img { margin-left: 90px; margin-right: 90px; }
.people-banner .box-blue { background: #033F49; bottom: 180px; right: 90px; left: auto; }
.responsibilities h5, .responsibilities .h5 { font-size: 14px; color: #01746D; text-transform: uppercase; letter-spacing: 2.1px; line-height: 1.286; font-weight: 900; }
.principles-abt-inner { padding: 69px 80px; background: #033F49; position: relative; max-width: 910px; }
.principles-abt-inner h3 { color: #fff; text-transform: none; font-weight: normal; margin-bottom: 40px; }
.principles-abt-inner h3:last-child { margin: 0; }
.principles-abt-inner:after { content: ""; background: #033F49; position: absolute; top: 0; left: 100%; height: 100%; width: 200%; }
.principles-abt .box-white { position: absolute; right: 0; bottom: 0; }
.principles-abt { position: relative; margin-bottom: 90px; }
.principles-abt .box-blue { position: absolute; top: 0; right: 100%; }
.principles-abt .box-green { position: absolute; top: 180px; right: calc(100% + 180px); }
.ethical-behavior-content, .regulatory-environment-content { padding: 76px 60px; max-width: 570px; margin: 0 auto; margin-left: 45px; }
.ethical-behavior-content { margin-left: 120px; }
.regulatory-environment-content { margin-left: 30px; padding: 92px 60px 60px; }
.regulatory-environment-img { margin-right: 90px; position: relative; }
.ethical-behavior-content h2, .regulatory-environment-content h2 { margin-bottom: 1rem; }
.ethical-behavior .box-skyblue { position: absolute; bottom: -2px; left: 0 }
.ethical-behavior .box-white { position: absolute; bottom: 0; right: 0; }
.ethical-behavior .box-white1 { position: absolute; top: 0; left: 0; }
.ethical-behavior .box-yellow { position: absolute; bottom: 90px; right: 90px; }
.regulatory-environment .box-white { position: absolute; top: 0; right: 0; }
.regulatory-environment .box-white1 { position: absolute; bottom: 0; left: -90px; }
.regulatory-environment .light-green { position: absolute; bottom: 180px; left: 90px; }
.security-behavior .box-dark-blue { position: absolute; bottom: 0px; left: 90px; }
.security-behavior .box-white1 { position: absolute; bottom: 0; left: -90px; }
.security-behavior .box-white { position: absolute; top: 0; right: 0; }
.in-focus { background: #FBFCF7; margin-bottom: 90px; }
.in-focus-img { margin-right: -180px; }
.in-focus .box-green { position: absolute; bottom: 0; left: 0; }
.in-focus .regulatory-environment-content { background: #fff; padding: 48px 90px 30px; max-width: calc(100% + 180px); margin-left: 0; position: relative; }
.in-focus .regulatory-environment-content p { max-width: 450px; }
.framework-content { padding: 53px 60px 30px; max-width: 600px; margin-left: 120px; }
.framework-img { margin-left: 90px; }
.framework-content h2 { margin-bottom: 1rem; }
.framework-content h3 { color: #01746D; text-transform: none; margin-bottom: 1rem; margin-top: 2rem }
.framework-content p { margin-bottom: 1rem; line-height: 1.250; max-width: 350px; }
.security-behavior p a, .framework-content p a { font-weight: 700; font-size: 18px; }
.framework .box-green { position: absolute; bottom: 0; left: 0; }
.framework .dark-blue { position: absolute; top: 90px; right: 90px; background: #01746D; }
.framework .box-white { top: 0; right: 0; position: absolute; }
.framework .box-white1 { right: 0; bottom: 0; position: absolute; }
.people-banner-img .box-white { right: -90px; left: auto; bottom: 0; }
.people-banner-img .box-green { right: 100%; top: -60px; }
.teamSafty { background: #F2F1EE; position: relative; margin-bottom: 90px; }
.teamSafty .teamSafty_content { padding: 60px; max-width: 660px; margin-left: 120px; margin-right: auto; }
.teamSafty .teamSaftyImg { max-width: 380px; padding: 60px 60px 10px; margin-left: 90px; background-color: #fff; }
.teamSafty .teamSaftyImg:after { content: ""; left: 100%; top: 0; height: 100%; width: 100vw; background-color: #fff; position: absolute; }
.teamSafty .teamSafty_content p { max-width: 471px; }
.teamSafty .teamSaftyImg p { margin-bottom: 2.5rem; }
.teamSafty .teamSafty_content h2 { margin: 0.7rem 0 1.2rem; }
.teamSafty .box-light-gray { position: absolute; right: 0px; bottom: 0; }
.teamSafty .box-light-green { top: 0; position: absolute; right: 0; width: 90px; height: 90px; }
.teamSafty .box-blue { top: 0; left: 0; position: absolute; }
.teamSafty .light-yellow-box { bottom: -90px; left: 0; position: absolute; background: #FBFCF7; height: 90px; width: 182px; }
.teamSaftyImg_wrap { margin-left: 90px; height: 100%; }
.diversity-content { max-width: 580px; padding: 23px 60px; margin-left: 30px; }
.diversity-content h2 { margin-bottom: 1.5rem; }
.diversity { padding-bottom: 90px; }
.diversity .box-light-green { position: absolute; bottom: -90px; }
.diversity .box-yellow { position: absolute; left: 180px; bottom: -90px; }
.diversity .box-white { position: absolute; right: 0; top: 0; }
.skill-for-future-content { max-width: 585px; margin-left: 120px; padding: 60px; }
.skill-for-future-content h2 { margin-bottom: 20px; }
.diversity-img { max-width: calc(100% - 90px); }
.diversity-content p { line-height: 1.250; }
.skill-for-future { padding-bottom: 90px }
.skill-for-future .box-white { position: absolute; right: 0; bottom: 0; }
.skill-for-future .box-green { top: 0; right: 0; position: absolute; }
.impact .box-light-green { position: absolute; bottom: 0px; left: 100%; }
.impact .big-white-box { height: 90px; width: 180px; background: #fff; top: 0; position: absolute; left: 0; }
.spotlight { background: #01746D; padding: 87px 0 236px; color: #fff; }
.spotlight .container, .spotlight_listing .container { max-width: calc(100% - 360px); }
.spotlight h2 { margin-bottom: 20px; }
.spotlight .h5 { color: #fff; }
.spotlight_listing img { width: 97% !important; }
.spotlight_listing p { margin: 20px 0; }
.spotlight_listing { margin-top: -206px; padding-bottom: 50px; position: relative; }
.community { padding-bottom: 90px; position: relative; }
.community-content { padding: 127px 60px 60px; max-width: 580px; margin-left: 120px; }
.community-content p { line-height: 1.250; }
.community-content h2 { margin-bottom: 1.5rem; }
.community-content .learn-more { font-size: 18px; color: #000; font-weight: 750; position: relative; }
.community-content .learn-more::after { content: ''; position: absolute; background-image: url(../images/green-arrow.svg); width: 15px; height: 15px; right: -25px; top: 4px; }
.community .box-white { position: absolute; top: 0; left: 0; }
.community .box-yellow { bottom: 0; position: absolute; right: 90px; }
.community .box-white1 { position: absolute; bottom: 90px; right: 0; }
.community .light-square-box { position: absolute; height: 180px; width: 180px; bottom: 90px; left: 0; background: #FBFCF7; }
.sustainability .framework-content { margin-left: 0; padding: 60px 0; }
.sustainability_img .box-white1 { right: auto; left: 0; }
.sustainability_img .light-green { position: absolute; bottom: 180px; left: 180px; }
.logos img { padding: 10px 0 20px; }
/*.pagecontent.responsibilities { padding-top: 60px; }*/

/*.top-footer.dark:after { display: none; }*/

/*Planet*/
.left-pm-space { padding-left: 90px; padding-right: 50px; margin-left: 90px; }
.planet-banner .banner-content { margin-right: -15px; max-width: 800px; padding: 95px 60px 0px; margin-left: 120px; }
.planet-banner .banner-content .h2 { margin: 8% 0; }
.planet-banner .banner-img { margin-left: 58px; }
.planet-banner .banner-img .box-white { position: absolute; bottom: 0; left: 0; right: auto; }
.planet-banner .banner-img { position: relative; }
.planet-banner .banner-img .box-blue { position: absolute; top: 0; right: 0; }
.planet-banner .banner-img .box-green { position: absolute; right: 0; z-index: 1; bottom: -90px; top: auto; }
.planet-banner .banner-img .box-gray { position: absolute; bottom: 140px; right: 100%; }
.responsibilities .footprint_blk .h5 { margin-bottom: 11px; }
.responsibilities .footprint_blk h2 { margin-bottom: 18px; }
.planet-banner { padding-bottom: 90px; }
.planet-banner .banner-img img { min-height: 450px; }
.footprint_blk { background: #FBFCF7; position: relative; }
.footprint_blk .footprint_blk_content { padding: 102px 60px; margin-left: 120px; max-width: 590px; }
.footprint_blk .footprint_blkImg { padding: 22px 80px 27px; background-color: #fff; margin-left: -40px; width: calc(100% + 40px); }
.footprint_blkImg h4 { margin-bottom: 20px; }
.footprint_blkImg img { padding: 0; }
.footprint_blk .footprint_blkImg ul { padding: 1rem 0; margin: 0; text-align: left; }
.footprint_blk .footprint_blkImg ul li { list-style: none; font-size: 14px; color: #000; }
.footprint_blk .footprint_blkImg ul li span { display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin-top: -8px; }
.footprint_blk .footprint_blkImg:after { content: ""; left: 100%; top: 0; height: 100%; width: 100vw; background-color: #fff; position: absolute; }
.footprint_blk .box-light-green { position: absolute; bottom: -90px; z-index: 2; }
.footprint_blk .box-white { position: absolute; right: 40px; top: 0; }
.videoBlk_wrap { max-width: 75%; }
.videoBlk { position: relative; z-index: 1; }
.videoBlk p { position: absolute; bottom: -30px; left: 15px; font-size: 14px; }
.inSpotlight .inSpotlight_wrap { padding-left: 90px; padding-right: 90px; padding-bottom: 50px; background: #F2F1EE; max-width: 75%; padding-top: calc(20% + 40px); margin-top: -18%; margin-left: auto; }
.inSpotlight .inSpotlight_content { max-width: 400px; }
.inSpotlight_content h2 { color: #01746D; margin-bottom: 1rem; }
.inSpotlight_content h3 { color: #000000; text-transform: none; }
.inSpotlight_content p a { font-weight: 900; text-decoration: underline; }
.fuelManagement_content { padding: 123px 60px 0; margin: 0 auto 0 120px; max-width: 550px; }
.fuelManagement_content h2 { margin-bottom: 1rem; }
.fuelManagement_boxes .boxes-color.yellow { max-width: 450px; margin-left: auto; }
.fuelManagement_boxes .boxes-color.green, .fuelManagement_boxes .boxes-color.grayish { max-width: 270px; }
.fuelManagement_boxes .boxes-color.grayish { margin-left: auto; }
.boxes-color { min-height: 270px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 30px 18px; text-align: center; }
.boxes-color .counterNumber { color: #000000; font-size: 64px; font-weight: 900; line-height: 1.2; }
.boxes-color h3 { font-size: 35px; color: #000; text-transform: none; margin-bottom: 2.5rem; }
.boxes-color p { font-size: 16px; }
.boxes-color.grayish .counterNumber { color: #77D4A7; }
.boxes-color.grayish p { color: #fff; }
.inSpotlight_geo_img { max-width: 81.3%; }
.inSpotlight_geo { position: relative; margin-bottom: 90px; }
.inSpotlight_geo_content { position: absolute; bottom: 0; max-width: 50%; width: 100%; right: 0; background: #FBFCF7; padding: 50px 90px 40px; }
.inSpotlight_geo_content .box-light-green { right: 100%; position: absolute; bottom: 0; }
.inSpotlight_geo_content_wrap { max-width: 450px; }
.inSpotlight_geo_content_wrap h2 { color: #01746D; }
.inSpotlight_geo_content_wrap h3 { margin-bottom: 1rem; color: #000000; text-transform: none; }
.inSpotlight_geo_img img { min-height: 630px; }
.innovation .diversity-img { max-width: 100%; }
.innovation .box-white1 { position: absolute; top: 0; left: 0; }
.innovation .box-white { position: absolute; right: 0; bottom: 0; top: auto; }
.innovation .box-skyblue { position: absolute; top: 0; left: 180px; }
.innovation { padding-bottom: 0; }
.innovation.diversity .box-yellow { bottom: 0; height: 180px; left: 0; }
.innovation .diversity-content { margin-left: 120px; padding: 90px 60px 40px; max-width: 100%; }
.innovation .diversity-content .h5 { margin-bottom: 8px; }
.innovation .diversity-content p { max-width: 456px; margin-bottom: 35px; }
.pr-90 { padding-right: 90px; }
.pt-90 { padding-top: 90px; }
.insLeadershipContent { background: #033F49; padding: 90px 90px 0; padding-left: 180px; margin-left: -180px; position: relative; z-index: -1; }
.insLeadershipContent_inner { max-width: 450px; min-height: 270px; }
.insLeadershipContent h2 { color: #F29B00; margin-bottom: 1rem; }
.insLeadershipContent p { color: #fff; }
.insLeadershipContent .box-white { height: 90px; position: absolute; right: 0; bottom: 0; }
.insLeadership .box-green { position: absolute; left: calc(100% - 90px); bottom: 0; }
.acitLists_wrap { padding: 56px 150px 0; }
.acitLists_inner img { max-width: 213px; }
.acitLists_wrap p a { font-weight: 900; }
.acitLists_wrap p { max-width: 200px; margin: 0 auto; }
.acitLists_inner { margin-bottom: 76px; }
.inSpotlight_content.inSpotlight_content_text { padding-left: 36px; }
.acitLists { padding-bottom: 50px; }
.inSpotlight_geo_content:after {background-color: #FBFCF7;}

.principles-banner .banner-content.givesContent { max-width: 100%; padding: 100px 40px 60px 60px; }
.principles-banner .banner-content.givesContent h3 { margin: 9% 0 11%; }
.gives-banner.principles-banner .box-green { top: -60px; }
.gives-banner.principles-banner .box-white { left: auto; right: 0; }
.gives-banner.principles-banner .box-blue { background: #033F49; right: 100%; left: auto; bottom: 0; }
.gives .logos-section { padding: 4.5rem 0 0; }
.gives .logos-section .container { max-width: calc(100% - 360px); padding: 0; }
.gives .logos-section .right-img { margin: 0 -20px; }
.gives .logos-section .right-img .logo-box { margin-top: 3px; margin-bottom: 20px; }

.project-top .right-img { margin-left: 90px; }
.project-top .left-content { padding: 90px 60px 40px; margin-left: 120px; }
.project-top .left-content span { font-size: 25px; font-weight: 350; line-height: 32px; color: #C57E00; text-transform: uppercase; }
.project-top .left-content h1 { margin-top: 3rem; margin-bottom: 2rem; }
.project-top .left-content p { padding-right: 0; }
.featured-projects { padding-top: 6.3rem; }
.featured-projects { padding-top: 6.3rem; }
.featured-projects .container { padding: 0; max-width: calc(100% - 260px); }
.featured-projects h2 { margin-bottom: 23px; }
.featured-projects .right-content .tabcontent { padding-top: 18px; }
.featured-projects .right-content .projects-row .box-content img { min-height: 203px; object-fit: cover; }
.featured-projects .right-content .tabcontent h5 { padding-top: 16px; padding-left: 16px; padding-right: 16px; }
.featured-projects .right-content .projects-row .box-content .location { padding: 0 16px; }
.featured-projects .right-content .projects-row .box-content .tags { padding: 0 16px 12px; }
.featured-projects .load-more { margin-top: 26px; }
.featured-projects .load-more .sec_btn { padding: 13px 40px; }
.lets-work-together { padding-top: 10rem; }
.lets-work-together .left-img { margin-right: 90px; }
.lets-work-together .right-content { padding: 84px 60px 60px; margin-left: 30px; }
.lets-work-together .right-content h2 { color: #000; }
.project-top .right-img .white-small-box { right: auto; left: 0; }
.project-top .right-img .white-big-box { right: auto; left: 0; }
.project-top .right-img .small-green { right: auto; left: 180px; }
.privacy-content-section { margin-top: 26px; padding: 130px 0; }
.privacy-content-section .container { padding: 0; max-width: 720px; }
.privacy-content-section h1 { margin-bottom: 80px; }
.privacy-content-section .container { padding: 0 15px; max-width: 750px; }
.privacy-content-section p { line-height: 1.3; margin-bottom: 20px; }
.privacy-content-section h2, .privacy-content-section h3 { line-height: 1.3; margin-top: 40px; margin-bottom: 20px; font-size: 18px; text-transform: none; color: #000; }
.privacy-content-section h3 { margin-bottom: 12px; }
.privacy-content-section ul { padding-left: 25px; margin-bottom: 23px;  line-height: 1.3; font-size: 16px; }
.news .left-content p { margin-bottom: 10px; line-height: 1.3; }
.news .left-content { padding-right: 25px; margin-left: 120px; padding-left: 48px; padding-top: 110px; }
.news .left-content h3 { margin-bottom: 18px; }
.news .left-content h3 { margin-bottom: 18px; }
.news .white-big-box, .news .orange-small-box { z-index: 1; }
.news-articles { padding: 60px 0; }
.news-articles .container { max-width: calc(100% - 300px); }
.related-articles .load-more { margin-top: 30px; }
.related-articles .bottom-content { padding: 30px; }
.related-articles .bottom-content h4 { margin-top: 4px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 6px; }
.related-articles .bottom-content p { margin-bottom: 4px; line-height: 1.3; }
.related-articles .load-more .sec_btn { padding: 14px 40px; }
.related-articles .g-5.projects-row { --bs-gutter-x: 32px; }

.case-study-top .left-content { width: 720px; }
.case-study-top .left-content h2 { margin-top: 10px; margin-bottom: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.case-study-sec h3 { line-height: 1.5; }
.case-study-sec { max-width: calc(100% - 360px); margin: 0 auto; }
.case-study-middle-contents { padding-top: 30px; }
.case-study-middle-contents .center-content { max-width: 723px; margin: auto; }
.case-study-middle-contents .center-content h3 { margin-bottom: 22px; }
.case-study-middle-contents .center-content .work-area { padding: 23px 33px; }
.case-study-middle-contents .center-content .work-area ul { padding-left: 25px; line-height: 1.3; margin-bottom: 8px; }
.center-content .counter { padding-top: 33px; padding-bottom: 0px; }
.case-study-middle-contents .center-content .counter .count { padding: 30px 30px 40px; }
.related-project h2 { margin-top: 1px; }
.related-project .right-content .tabcontent { padding-top: 3px; }
.related-project .container { max-width: 1060px; }
.related-project .right-content .projects-row .box-content img { min-height: 181px; }
.featured-projects .right-content .tabcontent h5 { padding-bottom: 14px; margin-bottom: 4px; }
.lets-work-together-prohect { padding-top:0; }
.related-articles .image-tags img { height: 240px; object-fit: cover; }

.news-single-articles { width: calc(100% - 33.2%); }
.news-single-articles .left-content { left: -107.5%; padding-top: 70px; }
.case-study-top.news-single-articles .left-content p { margin-bottom: 0; }
.case-study-middle-contents { padding-top: 39px; padding-bottom: 75px; }
.case-study-middle-contents p { line-height: 1.37; }
.news-single-articles-more h2 { margin-bottom: 15px; }
.news-single-articles-more .right-content .projects-row .box-content img { max-height: 201px; object-fit: cover; }
.news-single-articles-more .right-content .projects-row .box-content .bottom-content { padding: 18px 10px; }
.news-single-articles-more .right-content .projects-row .box-content .bottom-content h4 { margin-top: 5px; }
.related-articles.news-single-articles-more .load-more { margin-top: 57px; margin-bottom: 10px; }

@media(max-width:1400px) {
    .banner-content .h2, .banner-content h3 { margin: 7% 0; }
    .insLeadership img { min-height: 359px; object-fit: cover; }
    .planet-banner { padding-bottom: 56px; }
    .innovation .diversity-content { padding-bottom: 30px; }
    .fuelManagement_boxes .boxes-color.yellow { max-width: 425px; }
    .fuelManagement_boxes .boxes-color.green, .fuelManagement_boxes .boxes-color.grayish { max-width: 255px; }
}

@media(max-width:1320px) {
    .skill-for-future img, .banner-img img, .ethical-behavior img, .regulatory-environment img, .community img, .diversity img, .security-behavior img, .in-focus img, .framework img { min-height: 585px; object-fit: cover; }
    .teamSafty .box-light-gray { display: none; }
    .sustainability .framework-content { padding-bottom: 30px; }
    .planet-banner .banner-content .h2 { font-size: 42px; }
    .framework-content { padding-right: 40px; }
    .fuelManagement_boxes .boxes-color.yellow { max-width: 400px; }
    .fuelManagement_boxes .boxes-color.green, .fuelManagement_boxes .boxes-color.grayish { max-width: 240px; }
    .boxes-color { min-height: 240px; }
    .planet-banner .banner-img .box-green { width: 120px; height: 120px; bottom: -60px; }
    .project-top .left-content h1 { font-size: 42px; line-height: 1.200; }
    .lets-work-together { padding-top: 5rem; }
    .project-top .right-img img { min-height: 620px; object-fit: cover; }
    .news .left-content { padding-left: 30px; padding-top: 60px; }
}

@media(max-width:1199px) {
    .teamSafty .teamSafty_content { padding: 100px 60px 60px; }
    .footprint_blk .footprint_blk_content, .fuelManagement_content, .innovation .diversity-content, .planet-banner .banner-content { margin-left: 60px; }
    .acitLists_wrap { padding: 60px; }
    .project-top .left-content, .framework-img, .framework-content, .ethical-behavior-content, .principles-banner .banner-content, .principles-banner .banner-img { margin-left: 30px; }
    .ethical-behavior-content { padding: 100px 60px; }
    .regulatory-environment-img { margin-right: 30px; }
    .framework-content { padding: 60px 60px 30px; }
    .responsibilities .banner-content .h2, .responsibilities .banner-content h3 { font-size: 45px; }
    .teamSafty .teamSafty_content, .teamSafty .teamSaftyImg, .skill-for-future-content, .community-content { margin-left: 30px; }
    .diversity-img { max-width: 100%; }
    .spotlight .container, .spotlight_listing .container { max-width: calc(100% - 180px); }
    .pagecontent.responsibilities { padding-top: 0; }
    .planet-banner { padding-bottom: 70px; }
    .insLeadership img { min-height: 400px; }
    .insLeadershipContent { padding-bottom: 40px }
    .gives .logos-section .container { max-width: calc(100% - 180px); }
    .gives .logos-section .right-img { margin: 0; }
    .gives .logos-section .right-img .logo-box { margin-top: 0; margin-bottom: 15px; padding: 0 15px; }
    .principles-banner .banner-content.givesContent, .framework-content { padding-right: 60px; }
    .project-top .left-content h1 br { display: none; }
    .related-project .container, .featured-projects .container { max-width: calc(100% - 180px); padding: 0 15px; }
    .news .right-img img { min-height: 500px; object-fit: cover; }
    .news .left-content { padding: 60px; margin-left: 30px; }
    .news-articles .container { max-width: calc(100% - 180px); }
    .fuelManagement_boxes .boxes-color.yellow { max-width: 100%; }
    .fuelManagement_boxes .boxes-color.green, .fuelManagement_boxes .boxes-color.grayish { max-width: 100%; }
    .case-study-sec { max-width: calc(100% - 180px); margin: 0 auto; }
    .case-study-top .left-content { padding-left: 120px; }
    .case-study-middle-contents .center-content { max-width: 830px; }
    .lets-work-together .right-content { margin-left: 0; }
    .news-single-articles { width: calc(100% - 25%); }
    .news-single-articles .left-content { left: -80%; }
}
@media(max-width:991px) {
    p:last-child { margin-bottom: 1rem; }
    .framework-img, .framework-content, .ethical-behavior-content, .principles-banner .banner-content, .principles-banner .banner-img { margin-left: 0; }
    .banner-content .h2, .banner-content h3 { margin: 2rem 0; }
    .ethical-behavior { margin-top: 60px; }
    .principles-banner .container { max-width: 100%; }
    .principles-banner .banner-content { padding: 60px; max-width: 100%; margin-left: 0; }
    .w-90 { width: 60px; height: 60px; }
    .privacy-content-section h1, .project-top .left-content h1, .responsibilities .banner-content .h2, .responsibilities .banner-content h3, .banner-content .h2, .banner-content h3 { font-size: 38px; line-height: 1.2; }
    .privacy-content-section h1 { margin-bottom: 50px; }
    .principles-abt-inner { padding: 60px; }
    .principles-abt { margin-bottom: 0px; }
    .ethical-behavior-content, .regulatory-environment-content, .framework-img, .framework-content { margin-left: 0; }
    .regulatory-environment-img { margin-right: 0; }
    .ethical-behavior-content, .regulatory-environment-content { padding: 60px; max-width: 100%; }
    .w-180 { width: 120px !important; height: 120px !important; }
    .in-focus .regulatory-environment-content { margin: 0; max-width: 100%; padding: 40px 60px; }
    .in-focus { margin-bottom: 0; }
    .framework-content { padding: 60px; }
    .principles-banner .box-green { top: 0; }
    .principles-banner .box-blue { bottom: 60px; left: 60px; background: #77D4A7; }
    .ethical-behavior .box-yellow { bottom: 60px; right: 60px; }
    .regulatory-environment .box-white1 { left: -60px; }
    .regulatory-environment .light-green { left: 60px; bottom: 120px; }
    .security-behavior .box-white1 { left: -30px; }
    .framework .dark-blue { top: 60px; right: 60px; }
    .framework-content { max-width: 100%; }
    .principles-banner .banner-img { overflow: hidden; }
    .teamSafty .box-light-gray { right: -60px; }
    .teamSafty .teamSafty_content { padding: 80px 60px 60px; margin-left: 0; }
    .teamSafty { margin-bottom: 0; }
    .diversity, .skill-for-future-content, .spotlight_listing { padding-bottom: 40px; }
    .skill-for-future, .community { padding-bottom: 0; }
    .people-banner-img .box-white { right: -60px; }
    .principles-banner .people-banner-img .box-blue { right: 90px; }
    .principles-banner .people-banner-img { overflow: inherit; }
    .people-banner-img .box-green { right: 0; left: auto; top: 100%; height: 80px; }
    .diversity-content { max-width: 100%; padding: 120px 60px 0px; }
    .diversity .box-light-green { bottom: -60px; }
    .diversity .box-yellow { bottom: -60px; left: 120px; }
    .diversity-img { max-width: 100%; }
    .impact .diversity-content { padding-top: 90px; }
    .diversity .box-light-green { left: 0; right: auto; bottom: -60px; }
    .spotlight { padding: 60px 45px 210px; }
    .community .box-yellow { right: 60px; }
    .community .box-white1 { bottom: 60px; }
    .community-content, .sustainability .framework-content { padding: 60px; }
    .sustainability_img .light-green { left: 120px; bottom: 120px; }
    .skill-for-future-content, .community-content { margin-left: 0; }
    .spotlight .container, .spotlight_listing .container { max-width: 100%; }
    .skill-for-future img, .banner-img img, .ethical-behavior img, .regulatory-environment img, .community img, .diversity img, .security-behavior img, .in-focus img, .framework img { min-height: initial; }
    .planet-banner .banner-img .box-green { right: 0; left: auto; bottom: -60px; }
    .footprint_blk .footprint_blk_content, .fuelManagement_content, .innovation .diversity-content, .planet-banner .banner-content { margin-left: 0; }
    .planet-banner { padding-bottom: 0; }
    .footprint_blk .box-white { right: 0; width: 60px; height: 60px; }
    .footprint_blk .footprint_blk_content { padding: 80px 60px 60px; }
    .footprint_blk .footprint_blkImg { margin: 0; animation: 0; width: 100%; padding: 60px; }
    .footprint_blk .box-light-green { bottom: -60px; }
    .videoBlk_wrap { max-width: 100%; }
    .videoBlk p { bottom: auto; top: 100%; margin-top: 10px; }
    .inSpotlight .inSpotlight_wrap { margin: 35px 0; max-width: 100%; padding: 60px; }
    .fuelManagement_content { padding: 60px; margin-top: -30px; }
    .fuelManagement_boxes .boxes-color.green, .fuelManagement_boxes .boxes-color.grayish { max-width: 100%; }
    .inSpotlight_geo_content { position: static; max-width: 100%; padding: 60px; }
    .inSpotlight_geo_img { max-width: 100%; }
    .inSpotlight_geo_img img { min-height: initial; }
    .inSpotlight_geo { margin-bottom: 0; }
    .innovation .diversity-content { margin-left: 20px; padding-bottom: 0; }
    .pt-90 { padding-top: 60px; }
    .pr-90 { padding-right: 60px; }
    .innovation { padding-bottom: 0; }
    .insLeadership .box-green { left: auto; right: 0; }
    .insLeadershipContent { padding: 60px; margin: 0; }
    .insLeadershipContent .box-white { height: 60px; }
    .acitLists_inner { margin-bottom: 60px; }
    .inSpotlight_geo_content .box-light-green { right: 0; width: 60px; height: 60px; }
    .innovation .box-skyblue { left: 120px; }
    .acitLists_wrap { padding: 60px 30px; }
    .principles-banner .people-banner-img.banner-img { margin: 0; }
    .teamSaftyImg_wrap { margin-left: 0; }
    .teamSafty .box-light-green { width: 60px !important; height: 60px !important; }
    .teamSafty .teamSaftyImg { padding-bottom: 60px; }
    .diversity-content { margin-left: 0; }
    .spotlight_listing img { width: 100% !important; }
    .spotlight_listing p { margin: 20px; }
    .community .light-square-box { height: 60px; width: 60px; bottom: 30px; }
    .planet-banner .banner-img img { min-height: initial; }
    .planet-banner .banner-img { margin-left: 0; }
    .planet-banner .banner-content { margin: 0; padding: 60px; }
    .footprint_blk .box-white, .insLeadershipContent .box-white { width: 60px !important; height: 60px !important; }
    .footprint_blk .footprint_blkImg, .inSpotlight_geo_content { padding-bottom: 90px; }
    .inSpotlight_content.inSpotlight_content_text { padding: 0; }
    .principles-banner .banner-content.givesContent { padding:  60px 60px 0; }
    .gives .logos-section .container { max-width: calc(100% - 120px); }
    .gives .logos-section .right-img { margin: 0 -15px; }
    .gives .logos-section .left-content h2 { font-size: 30px; }
    .gives .logos-section .right-img .logo-box p { margin: 0 }
    .gives .logos-section.miscellan-logo { margin-bottom: 60px;  }
    .gives .logos-section .right-img .logo-box p br { display: none; }
    .people-banner .people-banner-img .box-blue { background: #033F49; bottom: 120px; right: 60px !important; left: auto; }
    .teamSafty .teamSafty_content, .teamSafty .teamSafty_content p, .skill-for-future-content, .community-content { max-width: 100%; }
    .teamSafty .teamSaftyImg { margin: 0 auto; }
    .gives .logos-section .left-content h2 + p br { display: none; }
    .fuelManagement_boxes .boxes-color.yellow { max-width: 100%; }
    .inSpotlight_geo_content { padding-bottom: 120px; }
    .framework-content p, .insLeadershipContent_inner, .innovation .diversity-content p, .footprint_blk .footprint_blk_content, .inSpotlight .inSpotlight_content, .fuelManagement_content, .inSpotlight_geo_content_wrap { max-width: 100%; }
    .project-top .right-img .small-green { display: block; }
    .project-top .right-img img { min-height: initial; }
    .project-top .right-img { margin: 0; }
    .project-top .left-content { padding: 40px; margin: 0; }
    .featured-projects .container { max-width: calc(100% - 80px); padding: 0 15px; }
    .lets-work-together .gray-box { bottom: 0; top: auto; right: 0; left: auto; }
    .lets-work-together .right-content { position: relative; margin: 0; padding: 60px; }
    .lets-work-together .left-img { margin-right: 0; }
    .news .right-img img { min-height: inherit; }
    .news .left-content { margin: 0 !important; }
    .news-articles .container { max-width: calc(100% - 120px); }
    .case-study-top .left-content { height: auto; margin: 0; width: auto; left: -12px; width: calc(100% - 60px); padding: 60px 120px; }
    .case-study-top { margin-bottom: 207px; }
    .case-study-middle-contents { padding: 75px; }
    .case-study-middle-contents .center-content .counter .count { padding: 20px 20px 40px; }
    .case-study-middle-contents .center-content .counter h3 { margin-bottom: 15px; }    
    .responsibilities .footprint_blk h2 br { display: none; }
    .news-single-articles { width: 100%; }
    .news-single-articles .left-content { left: 0; width: 100%; top: 276px; padding: 60px; }
    .case-study-middle-contents .center-content { padding: 0; }
    .news-article-middle { padding: 60px; }
    .related-project .container { padding: 0; }
    .news-single-articles-more.put-us-work { padding-top: 0 !important; }
}
@media(max-width:560px) {
    .insLeadership img, .insLeadershipContent_inner { min-height: initial; }
    .gives .logos-section .container { max-width: calc(100% - 90px); }
    .principles-banner .banner-content.givesContent { padding: 60px 45px 0; }
    .news .left-content { padding: 60px 36px; }
    .news-articles .container { max-width: calc(100% - 80px); }
    .privacy-content-section h1, .project-top .left-content h1, .responsibilities .banner-content .h2, .responsibilities .banner-content h3, .banner-content .h2, .banner-content h3 { font-size: 34px; line-height: 1.2; }
    .case-study-top .left-content { padding: 60px; width: calc(100% - 35px); }
    .case-study-top { margin-bottom: 100px; }
    .case-study-sec { max-width: calc(100% - 120px); }
    .case-study-sec .center-content .small-blue { width: 60px; left: auto; right: 100%; height: 60px; }
    .case-study-sec .center-content .big-green { width: 120px; height: 120px; bottom: -60px; right: -60px; }
    .case-study-sec h3 { font-size: 20px; padding: 50px; }
    .case-study-middle-contents { padding: 48px; }
    .news-single-articles .left-content { position: static; margin-top: 400px; width: auto; margin-left: -12px; margin-right: -12px; margin-bottom: 0 !important; padding: 40px; }
    .news-single-articles { margin: 0; }
    .news-single-articles { background-size: auto 400px !important; background-position: top center !important; }
    .news-article-middle { padding: 28px; }
    .news-single-articles-more .container { max-width: calc(100% - 105px); }
}
@media(max-width:390px) {
    .planet-banner .banner-content { padding: 40px; }
}

/*Principles*/