/* === GLOBAL CSS ===*/ :root{ /*--font-regular: 'Gilroy-Regular', sans-serif;*/ --font-regular: 'Gilroy-Regular', sans-serif; --font-bold: 'Gilroy-Bold', sans-serif; --font-xbold: 'Gilroy-ExtraBold', sans-serif; --font-heavy: 'Gilroy-Heavy', sans-serif; --font-light: 'Gilroy-Light', sans-serif; --navy: #000072; --light-navy: #191B85; --purple: #a500ff; --secondary-blue: #005EB8; --tech-red: #FF4132; --energy-green: #52E800; --heathcare-blue: #00d8ea; --white-color: #FFFFFF; --black-color: #000000; --color-blue : #000072; --color-aqua : #0AD8EA; --light-gray : #F2F2F2; --border-gray : #B3B3D6; } html {-webkit-text-size-adjust: none;font-size: 10px;-webkit-font-smoothing: antialiased;} body {background-color: var(--white-color);color: var(--navy);font-family: var(--font-regular);font-weight: 500;font-size: 1.6rem;line-height: 2.4rem;margin: 0;} .container-fluid {max-width: 1342px;} .position-inherit {position: inherit;} .position-relative {position: relative;} .invisible {position: absolute;left: -9999999px;top: auto;width: 1px;height: 1px;overflow: hidden;visibility: visible !important;background-color: transparent;} .is-inactive{opacity:0.3;pointer-events: none;} .sktmain.visible {position: absolute;left: 0;top: 0;width: auto;height: auto;overflow: hidden;visibility: visible !important;z-index: 11;} .sktmain.visible > a {color: #fff;text-decoration: none;font-size: 1.8rem;font-family: var(--font-regular);line-height: normal;padding: 10px 30px;background: var(--black-color);display: block;} noscript {width: 100%;} noscript.background {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;} noscript > .nojs {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;} .nojs .jsBackDiv {display: none !important;} noscript.autowidth {width: auto;} noscript.image {width: auto;} noscript.image > .image {width: 100%;} header.mega-header + .main-content-wrapper {margin-top: 106px;} .ip3-preview header.mega-header + .main-content-wrapper, .ip3-edit header.mega-header + .main-content-wrapper {margin-top: 0;} .module-wrapper {padding: 40px 0;} .module-inner-wrapper {padding: 80px 0;} figure {margin: 0;} figcaption {display: none;} img {width: 100%;height: auto;} h1, .h1 {font-size: 8.6rem;line-height: 7.7rem;font-family:var(--font-heavy);font-weight: 1000;} h2, .h2 {font-size: 6.4rem;line-height: 5.6rem;font-family:var(--font-heavy);font-weight: 1000;} h3, .h3 {font-size: 4.8rem;line-height: 4.4rem;font-family:var(--font-heavy);font-weight: 1000;} h4, .h4 {font-size: 3.6rem;line-height: 3.2rem;font-family:var(--font-heavy);font-weight: 1000;} h5, .h5 {font-size: 2.6rem;line-height: 2.6rem;font-family:var(--font-heavy);font-weight: 1000;} .txt-22 {font-size: 2.2rem;line-height: 3.0rem;font-family:var(--font-regular);font-weight: 500;} .txt-16 {font-size: 1.6rem;line-height: 2.2rem;font-family:var(--font-regular);font-weight: 500;} .txt-14 {font-size: 1.4rem;line-height: 2.2rem;font-family:var(--font-regular);font-weight: 500;} .txt-16.fnt-xbold {line-height:2.0rem;} .txt-22.fnt-xbold {font-weight: 1000; line-height:2.4rem;} .fnt-regular {font-family: var(--font-regular);font-weight: 500;} .fnt-medium {font-family: var(--font-regular);} .fnt-bold {font-family: var(--font-bold);} .fnt-xbold {font-family: var(--font-xbold);} .fnt-heavy {font-family: var(--font-heavy);} .fnt-light {font-family: var(--font-light);} p {font-size: 1.6rem;line-height: 2.2rem;font-family:var(--font-regular);font-weight: 500;} ul {padding: 0;list-style: none;} ul li {font-size: 1.6rem;line-height: 2.2rem;} input[type="text"], input[type="email"] {border: 1px solid var(--navy);padding: 9px 16px;font-size: 1.4rem;line-height: 2.2rem;min-width: 277px;height: 54px;color: var(--navy);} input[type="text"]::placeholder {color: var(--navy);text-transform: uppercase;} table {width: 100%;} a {color: var(--navy); font-size: 16px;line-height: 20px;cursor:pointer; } a:hover{color: var(--navy); font-weight: 1000;} .link-text-rich a{line-height: 28px;text-decoration: none;font-family: var(--font-xbold);transition: 0.5s ease-in-out;position: relative;display: inline-block;} .link-text-rich a:after{content: '';position: absolute;left: 0;right: auto;bottom: 2px;height: 2px;width: 100%;transition: 0.5s ease-in-out;background: var(--purple);} .link-text-rich a:hover:after{width: 0;left: auto;right: 0px;} .uppercase {text-transform: uppercase;} a:focus-visible {outline: 2px dashed var(--black-color);z-index: 10;} a:hover {text-decoration: none;} .font--white, .font--white > *, .white-color, .white-color > * {color: var(--white-color);} .navy-color, .navy-color > * {color: var(--navy);} .purple-color, .purple-color > * {color: var(--purple);} .secondary-blue-color, .secondary-blue-color > * {color: var(--secondary-blue);} .tech-red-color, .tech-red-color > * {color: var(--tech-red);} .energy-green-color, .energy-green-color > * {color: var(--energy-green);} .heathcare-blue-color, .heathcare-blue-color > * {color: var(--heathcare-blue);} .black-color, .black-color > * {color: var(--black-color);} .bg-light-gray {background-color: var(--light-gray);} .bg-white {background-color: var(--white-color);} .bg-navy {background-color: var(--navy);} .bg-purple {background-color: var(--purple);} .bg-secondary-blue {background-color: var(--secondary-blue);} .bg-tech-red {background-color: var(--tech-red);} .bg-energy-green {background-color: var(--energy-green);} .bg-heathcare-blue {background-color: var(--heathcare-blue);} .bg-black {background-color: var(--black-color);} .bottom-light-gray{background: linear-gradient(transparent 50%, var(--light-gray) 50%);} .bottom-white{background: linear-gradient(transparent 50%, var(--white-color) 50%);} .bottom-navy{background: linear-gradient(transparent 50%, var(--navy) 50%);} .bottom-purple{background: linear-gradient(transparent 50%, var(--purple) 50%);} .bottom-secondary-blue{background: linear-gradient(transparent 50%, var(--secondary-blue) 50%);} .bottom-tech-red{background: linear-gradient(transparent 50%, var(--tech-red) 50%);} .bottom-energy-gree{background: linear-gradient(transparent 50%, var(--energy-green) 50%);} .bottom-heathcare-blue{background: linear-gradient(transparent 50%, var(--heathcare-blue) 50%);} .bottom-black{background: linear-gradient(transparent 50%, var(--black-color) 50%);} .cta {font-size: 1.6rem;line-height: 2.0rem;display: inline-flex;align-items: center;padding: 12px 16px;min-width: 205px;text-decoration: none;justify-content: space-between;transition: all 0.3s ease-in-out;clip-path: polygon(0 0, 100% 0, 100% 100%, 65px 100%, 0 15px);-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 65px 100%, 0 15px);position: relative;height: 54px;padding-left: 65px;padding-right: 0;font-weight: 1000;overflow: hidden;font-family: var(--font-heavy);} .cta:before {content: "";width: 85px;position: absolute;left: -13px;transform: rotate(31deg);top: 30px;} .cta > span.icon {font-size: 1.2rem;margin-left: 30px;height: 52px;width: 53px;display: flex;align-items: center;justify-content: center;transition: all 0.5s;position: relative;} .cta::after {content: "";position: absolute;z-index: -1;display: block;transition: all 0.5s;top: 0;left: auto;right: 0px;height: 100%;width: 0%;} .cta:hover::after {left: 0px;right: auto;width: 100%;transition: all 0.5s;} .cta:focus-visible {border-color: var(--black-color)!important;} .cta:focus-visible:before {border-color: var(--black-color)!important;} .btn-purple .cta.cta-primary, .cta.cta-primary {background-color: var(--purple);color: var(--white-color);border: 2px solid var(--purple);} .btn-purple .cta.cta-primary:before, .cta.cta-primary:before {border: 2px solid var(--purple);} .btn-purple .cta.cta-primary > span.icon, .cta.cta-primary > span.icon {background: var(--white-color);color: var(--navy);border: 2px solid var(--purple);} .btn-purple .cta.cta-primary:hover, .cta.cta-primary:hover {color: var(--navy);} .btn-purple .cta.cta-primary:hover > span.icon, .cta.cta-primary:hover > span.icon {background: var(--purple);color: var(--white-color);} .btn-purple .cta.cta-primary::after, .cta.cta-primary::after {background: var(--white-color);} .btn-navy .cta.cta-primary, .ccBtnReject {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--navy);} .btn-navy .cta.cta-primary:before, .ccBtnReject:before {border: 2px solid var(--navy);} .btn-navy .cta.cta-primary > span.icon, .ccBtnReject > span.icon {background: var(--navy);color: var(--white-color);border: 2px solid var(--navy);} .btn-navy .cta.cta-primary:hover, .ccBtnReject:hover {color: var(--white-color);background: var(--navy);} .btn-navy .cta.cta-primary:hover > span.icon, .ccBtnReject:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-navy .cta.cta-primary::after, .ccBtnReject::after {background: var(--navy);} .btn-white .cta.cta-primary, .bg-navy .btn-navy .cta.cta-primary {background-color: var(--navy);color: var(--white-color);border: 2px solid var(--white-color);} .btn-white .cta.cta-primary:before, .bg-navy .btn-navy .cta.cta-primary:before {border: 2px solid var(--white-color);} .btn-white .cta.cta-primary > span.icon, .bg-navy .btn-navy .cta.cta-primary > span.icon {background: var(--white-color);color: var(--navy);border: 2px solid var(--white-color);} .btn-white .cta.cta-primary:hover, .bg-navy .btn-navy .cta.cta-primary:hover {color: var(--navy);background: var(--white-color);} .btn-white .cta.cta-primary:hover > span.icon, .bg-navy .btn-navy .cta.cta-primary:hover > span.icon, a.main-box-hover:hover .bg-navy .btn-navy .cta.cta-primary > span.icon {background: var(--navy);color: var(--white-color);} .btn-white .cta.cta-primary::after, .bg-navy .btn-navy .cta.cta-primary::after {background: var(--white-color);} .btn-energy-green .cta-primary {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--energy-green);} .btn-energy-green .cta-primary:before {border: 2px solid var(--energy-green);} .btn-energy-green .cta-primary > span.icon {background: var(--energy-green);color: var(--navy);border: 2px solid var(--energy-green);} .btn-energy-green .cta-primary:hover {color: var(--navy);background: var(--energy-green);} .btn-energy-green .cta-primary:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-energy-green .cta-primary::after {background: var(--energy-green);} .btn-tech-red .cta.cta-primary {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--tech-red);} .btn-tech-red .cta.cta-primary:before {border: 2px solid var(--tech-red);} .btn-tech-red .cta.cta-primary > span.icon {background: var(--tech-red);color: var(--white-color);border: 2px solid var(--tech-red);} .btn-tech-red .cta.cta-primary:hover {color: var(--navy);background: var(--tech-red);} .btn-tech-red .cta.cta-primary:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-tech-red .cta.cta-primary::after {background: var(--tech-red);} .btn-heathcare-blue .cta.cta-primary {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary:before {border: 2px solid var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary > span.icon {background: var(--heathcare-blue);color: var(--navy);border: 2px solid var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary:hover {color: var(--navy);background: var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-heathcare-blue .cta.cta-primary::after {background: var(--heathcare-blue);} .cta.cta-icon {width: 40px;height: 40px;background: var(--white-color);border: 2px solid var(--purple);display: flex;min-width: auto;clip-path: none;-webkit-clip-path: none;padding: 0;} .cta.cta-icon span.icon {height: auto;width: auto;margin: auto;} .cta.cta-icon:hover {background: var(--purple);color: var(--white-color);} .cta-box {width: 40px;height: 40px;background-color: var(--white-color);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;} .cta-box span.icon{font-size:1.3rem} .cta-box:hover{background-color: var(--purple);color: var(--white-color);} .cta-box-dark {width: 40px;height: 40px;background-color: var(--purple);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;color:var(--white-color);} .cta-box-dark span.icon{font-size:1.3rem} .cta-box-dark:hover{background-color: var(--white-color);color: var(--purple);} .cta-icon-big {width: 54px;height: 54px;background-color: var(--purple);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;color:var(--white-color);min-width: auto; clip-path: unset; -webkit-clip-path: unset; padding: 0;} .cta-icon-big span.icon{font-size:1.3rem; margin:0; border: none !important; } .cta-icon-big:hover{background-color: var(--white-color);color: var(--purple);} .cta-icon-big:before{display: none;} .btn-purple .cta.cta-icon-big span.icon{ background-color: var(--purple); color: var(--white-color); border-color: var(--purple);} .btn-purple .cta.cta-icon-big:hover span.icon, a.main-box-hover:hover .cta.cta-icon-big span.icon{background: var(--white-color); color: var(--navy); border-color: var(--white-color);} .text-button{font-family: var(--font-xbold);text-transform: uppercase;color: #fff;display: inline-flex;align-content: center;} .text-button .icon{position: relative;top: 8px;font-size: 10px;left: 12px;} .text-button .icon::before{color:var(--white-color);} .text-button .icon.icon-Download{top: 4px;font-size: 14px;} .text-button .icon.icon-Expand{top: 7px;font-size: 10px;} .mfp-close-btn-in .mfp-close:focus {outline: 2px dashed var(--white-color);} body.nojs #auto-top-link {display: none !important;} body.nojs #cc-CookieSetting {display: none !important;} .pt-0 {padding-top: 0px !important;} .pt-10 {padding-top: 10px !important;} .pt-20 {padding-top: 20px !important;} .pt-30 {padding-top: 30px !important;} .pt-40 {padding-top: 40px !important;} .pt-50 {padding-top: 50px !important;} .pt-60 {padding-top: 60px !important;} .pt-70 {padding-top: 70px !important;} .pt-80 {padding-top: 80px !important;} .pt-90 {padding-top: 90px !important;} .pt-100 {padding-top: 100px !important;} .pt-120 {padding-top: 80px;} .pb-0 {padding-bottom: 0px !important;} .pb-10 {padding-bottom: 10px !important;} .pb-20 {padding-bottom: 20px !important;} .pb-30 {padding-bottom: 30px !important;} .pb-40 {padding-bottom: 40px !important;} .pb-50 {padding-bottom: 50px !important;} .pb-60 {padding-bottom: 60px !important;} .pb-70 {padding-bottom: 70px !important;} .pb-80 {padding-bottom: 80px !important;} .pb-90 {padding-bottom: 90px !important;} .pb-100 {padding-bottom: 100px !important;} .pb-120 {padding-bottom: 80px;} .mt-0 {margin-top: 0px;} .mt-10 {margin-top: 10px;} .mt-20 {margin-top: 20px;} .mt-30 {margin-top: 30px;} .mt-40 {margin-top: 40px;} .mt-50 {margin-top: 50px;} .mt-60 {margin-top: 60px;} .mt-70 {margin-top: 70px;} .mt-80 {margin-top: 80px;} .mt-90 {margin-top: 90px;} .mt-100 {margin-top: 100px;} .mb-0 {margin-bottom: 0px;} .mb-10 {margin-bottom: 10px;} .mb-15 {margin-bottom: 15px;} .mb-20 {margin-bottom: 20px;} .mb-25 {margin-bottom: 25px;} .mb-30 {margin-bottom: 30px;} .mb-40 {margin-bottom: 40px;} .mb-50 {margin-bottom: 50px;} .mb-60 {margin-bottom: 60px;} .mb-70 {margin-bottom: 70px;} .mb-80 {margin-bottom: 80px;} .mb-90 {margin-bottom: 90px;} .mb-100 {margin-bottom: 100px;} .mr-20{ margin-right:20px; } .mr-30{ margin-right:30px; } .hide{ display: none !important;} .overlapModule{margin-top: -81px; z-index: 1; position: relative; /*margin-bottom:-1px;*/} /* @media all and (max-width:767.98px) {.container-fluid {padding-right: 64px;padding-left: 64px;}.row {margin-right: -64px;margin-left: -64px;}.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 16px;padding-left: 16px;}} */ @media all and (max-width:991.98px) {.module-wrapper {padding: 30px 0;}.module-inner-wrapper {padding: 60px 0;}header.mega-header + .main-content-wrapper {margin-top: 55px;} .overlapModule{margin-top:-60px;}.pt-120 {padding-top: 60px;} .pb-120 {padding-bottom: 60px;}.pb-80 { padding-bottom: 30px !important;} .pt-80 { padding-top: 30px !important;} } @media all and (max-width:991.98px) {h1, .h1 {font-size: 3.6rem;line-height: 3.2rem;}h2, .h2 {font-size: 2.6rem;line-height: 2.3rem;}h3, .h3 {font-size: 2.2rem;line-height: 2.0rem;}h4, .h4 {font-size: 1.6rem;line-height: 1.4rem;}.txt-22 {font-size: 22px;line-height: 30px;}.txt-16 {font-size: 16px;line-height: 22px;}.txt-14 {font-size: 14px;line-height: 22px;}.txt-12 {font-size: 14px;line-height: 22px;}.cta {font-size: 1.4rem;line-height: 1.8rem;}p, .body {font-size: 1.6rem;line-height: 2.2rem;}} table{margin-top: 10px;} table thead tr th{background-color: var(--navy);color: var(--white-color);text-align: center;font-size: 1.6rem;line-height: 2.2rem;font-weight: 1000;padding: 30px 16px;text-align: left;} /*table thead tr th:first-child{padding-left:32px;}*/ table tbody tr:nth-child(odd) {background-color: var(--light-gray);;} table tbody tr:nth-child(even) {background-color: var(--white-color);} table tbody tr td, table tbody tr th{padding: 20px 16px;font-size:1.6rem;line-height:2.2rem;border-bottom: 1px solid #B3B3D6;} .tabs-content-main-wrapper { display: block; } a[data-linktype="media"].cta span.icon:before { content: "\e910"; font-size: 16px; } /* a[data-linktype="external"] span.icon-longarrow:before { content: "\e801"; font-size: 16px; }*/ .sitemap-content-wrapper ul ul{padding-left:50px;} iframe{border: 0} /* DPWR-546 solution for mac issue */ @media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) { .btn-navy .cta.cta-primary:before, .ccBtnReject:before {background-color: #000071;} .btn-purple .cta.cta-primary:before, .cta.cta-primary:before { background-color: #a500fa;} .btn-white .cta.cta-primary:before, .bg-navy .btn-navy .cta.cta-primary:before { background-color: #FFFFF1;} .btn-energy-green .cta.cta-primary:before {background-color: #52e802;;} .btn-tech-red .cta.cta-primary:before {background-color: #ff4131;} .btn-heathcare-blue .cta.cta-primary:before {background-color: #00d8eb;} } /* DPWR-546 solution for mac issue */ html { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body#ip3-sustainability .video-signpost-wrapper.brightcove.energy-green-color .video-background { clip-path: none !important; } body#ip3-financial-calendar .image-text-signpost-item h2.h3.white-title.fnt-heavy{ width: 82%; } .rad-notes, p.rad-notes, p.rad-notes > a {font-size: 1.2rem;} #map_loader img{width:20px;} body#ip3-solar-as-a-service-self-generated-power-made-easy section#module---images .video-background { background-size: contain !important; } .module-in-page-promo .btn-energy-green .cta-min-width{ width:auto;padding-right:35px; } /* === GLOBAL CSS ===*/ :root{ /*--font-regular: 'Gilroy-Regular', sans-serif;*/ --font-regular: 'Gilroy-Regular', sans-serif; --font-bold: 'Gilroy-Bold', sans-serif; --font-xbold: 'Gilroy-ExtraBold', sans-serif; --font-heavy: 'Gilroy-Heavy', sans-serif; --font-light: 'Gilroy-Light', sans-serif; --navy: #000072; --light-navy: #191B85; --purple: #a500ff; --secondary-blue: #005EB8; --tech-red: #FF4132; --energy-green: #52E800; --heathcare-blue: #00d8ea; --white-color: #FFFFFF; --black-color: #000000; --color-blue : #000072; --color-aqua : #0AD8EA; --light-gray : #F2F2F2; --border-gray : #B3B3D6; } html {-webkit-text-size-adjust: none;font-size: 10px;-webkit-font-smoothing: antialiased;} body {background-color: var(--white-color);color: var(--navy);font-family: var(--font-regular);font-weight: 500;font-size: 1.6rem;line-height: 2.4rem;margin: 0;} .container-fluid {max-width: 1342px;} .position-inherit {position: inherit;} .position-relative {position: relative;} .invisible {position: absolute;left: -9999999px;top: auto;width: 1px;height: 1px;overflow: hidden;visibility: visible !important;background-color: transparent;} .is-inactive{opacity:0.3;pointer-events: none;} .sktmain.visible {position: absolute;left: 0;top: 0;width: auto;height: auto;overflow: hidden;visibility: visible !important;z-index: 11;} .sktmain.visible > a {color: #fff;text-decoration: none;font-size: 1.8rem;font-family: var(--font-regular);line-height: normal;padding: 10px 30px;background: var(--black-color);display: block;} noscript {width: 100%;} noscript.background {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;} noscript > .nojs {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 0;} .nojs .jsBackDiv {display: none !important;} noscript.autowidth {width: auto;} noscript.image {width: auto;} noscript.image > .image {width: 100%;} header.mega-header + .main-content-wrapper {margin-top: 106px;} .ip3-preview header.mega-header + .main-content-wrapper, .ip3-edit header.mega-header + .main-content-wrapper {margin-top: 0;} .module-wrapper {padding: 40px 0;} .module-inner-wrapper {padding: 80px 0;} figure {margin: 0;} figcaption {display: none;} img {width: 100%;height: auto;} h1, .h1 {font-size: 8.6rem;line-height: 7.7rem;font-family:var(--font-heavy);font-weight: 1000;} h2, .h2 {font-size: 6.4rem;line-height: 5.6rem;font-family:var(--font-heavy);font-weight: 1000;} h3, .h3 {font-size: 4.8rem;line-height: 4.4rem;font-family:var(--font-heavy);font-weight: 1000;} h4, .h4 {font-size: 3.6rem;line-height: 3.2rem;font-family:var(--font-heavy);font-weight: 1000;} h5, .h5 {font-size: 2.6rem;line-height: 2.6rem;font-family:var(--font-heavy);font-weight: 1000;} .txt-22 {font-size: 2.2rem;line-height: 3.0rem;font-family:var(--font-regular);font-weight: 500;} .txt-16 {font-size: 1.6rem;line-height: 2.2rem;font-family:var(--font-regular);font-weight: 500;} .txt-14 {font-size: 1.4rem;line-height: 2.2rem;font-family:var(--font-regular);font-weight: 500;} .txt-16.fnt-xbold {line-height:2.0rem;} .txt-22.fnt-xbold {font-weight: 1000; line-height:2.4rem;} .fnt-regular {font-family: var(--font-regular);font-weight: 500;} .fnt-medium {font-family: var(--font-regular);} .fnt-bold {font-family: var(--font-bold);} .fnt-xbold {font-family: var(--font-xbold);} .fnt-heavy {font-family: var(--font-heavy);} .fnt-light {font-family: var(--font-light);} p {font-size: 1.6rem;line-height: 2.2rem;font-family:var(--font-regular);font-weight: 500;} ul {padding: 0;list-style: none;} ul li {font-size: 1.6rem;line-height: 2.2rem;} input[type="text"], input[type="email"] {border: 1px solid var(--navy);padding: 9px 16px;font-size: 1.4rem;line-height: 2.2rem;min-width: 277px;height: 54px;color: var(--navy);} input[type="text"]::placeholder {color: var(--navy);text-transform: uppercase;} table {width: 100%;} a {color: var(--navy); font-size: 16px;line-height: 20px;cursor:pointer; } a:hover{color: var(--navy); font-weight: 1000;} .link-text-rich a{line-height: 28px;text-decoration: none;font-family: var(--font-xbold);transition: 0.5s ease-in-out;position: relative;display: inline-block;} .link-text-rich a:after{content: '';position: absolute;left: 0;right: auto;bottom: 2px;height: 2px;width: 100%;transition: 0.5s ease-in-out;background: var(--purple);} .link-text-rich a:hover:after{width: 0;left: auto;right: 0px;} .uppercase {text-transform: uppercase;} a:focus-visible {outline: 2px dashed var(--black-color);z-index: 10;} a:hover {text-decoration: none;} .font--white, .font--white > *, .white-color, .white-color > * {color: var(--white-color);} .navy-color, .navy-color > * {color: var(--navy);} .purple-color, .purple-color > * {color: var(--purple);} .secondary-blue-color, .secondary-blue-color > * {color: var(--secondary-blue);} .tech-red-color, .tech-red-color > * {color: var(--tech-red);} .energy-green-color, .energy-green-color > * {color: var(--energy-green);} .heathcare-blue-color, .heathcare-blue-color > * {color: var(--heathcare-blue);} .black-color, .black-color > * {color: var(--black-color);} .bg-light-gray {background-color: var(--light-gray);} .bg-white {background-color: var(--white-color);} .bg-navy {background-color: var(--navy);} .bg-purple {background-color: var(--purple);} .bg-secondary-blue {background-color: var(--secondary-blue);} .bg-tech-red {background-color: var(--tech-red);} .bg-energy-green {background-color: var(--energy-green);} .bg-heathcare-blue {background-color: var(--heathcare-blue);} .bg-black {background-color: var(--black-color);} .bottom-light-gray{background: linear-gradient(transparent 50%, var(--light-gray) 50%);} .bottom-white{background: linear-gradient(transparent 50%, var(--white-color) 50%);} .bottom-navy{background: linear-gradient(transparent 50%, var(--navy) 50%);} .bottom-purple{background: linear-gradient(transparent 50%, var(--purple) 50%);} .bottom-secondary-blue{background: linear-gradient(transparent 50%, var(--secondary-blue) 50%);} .bottom-tech-red{background: linear-gradient(transparent 50%, var(--tech-red) 50%);} .bottom-energy-gree{background: linear-gradient(transparent 50%, var(--energy-green) 50%);} .bottom-heathcare-blue{background: linear-gradient(transparent 50%, var(--heathcare-blue) 50%);} .bottom-black{background: linear-gradient(transparent 50%, var(--black-color) 50%);} .cta {font-size: 1.6rem;line-height: 2.0rem;display: inline-flex;align-items: center;padding: 12px 16px;min-width: 205px;text-decoration: none;justify-content: space-between;transition: all 0.3s ease-in-out;clip-path: polygon(0 0, 100% 0, 100% 100%, 65px 100%, 0 15px);-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 65px 100%, 0 15px);position: relative;height: 54px;padding-left: 65px;padding-right: 0;font-weight: 1000;overflow: hidden;font-family: var(--font-heavy);} .cta:before {content: "";width: 85px;position: absolute;left: -13px;transform: rotate(31deg);top: 30px;} .cta > span.icon {font-size: 1.2rem;margin-left: 30px;height: 52px;width: 53px;display: flex;align-items: center;justify-content: center;transition: all 0.5s;position: relative;} .cta::after {content: "";position: absolute;z-index: -1;display: block;transition: all 0.5s;top: 0;left: auto;right: 0px;height: 100%;width: 0%;} .cta:hover::after {left: 0px;right: auto;width: 100%;transition: all 0.5s;} .cta:focus-visible {border-color: var(--black-color)!important;} .cta:focus-visible:before {border-color: var(--black-color)!important;} .btn-purple .cta.cta-primary, .cta.cta-primary {background-color: var(--purple);color: var(--white-color);border: 2px solid var(--purple);} .btn-purple .cta.cta-primary:before, .cta.cta-primary:before {border: 2px solid var(--purple);} .btn-purple .cta.cta-primary > span.icon, .cta.cta-primary > span.icon {background: var(--white-color);color: var(--navy);border: 2px solid var(--purple);} .btn-purple .cta.cta-primary:hover, .cta.cta-primary:hover {color: var(--navy);} .btn-purple .cta.cta-primary:hover > span.icon, .cta.cta-primary:hover > span.icon {background: var(--purple);color: var(--white-color);} .btn-purple .cta.cta-primary::after, .cta.cta-primary::after {background: var(--white-color);} .btn-navy .cta.cta-primary, .ccBtnReject {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--navy);} .btn-navy .cta.cta-primary:before, .ccBtnReject:before {border: 2px solid var(--navy);} .btn-navy .cta.cta-primary > span.icon, .ccBtnReject > span.icon {background: var(--navy);color: var(--white-color);border: 2px solid var(--navy);} .btn-navy .cta.cta-primary:hover, .ccBtnReject:hover {color: var(--white-color);background: var(--navy);} .btn-navy .cta.cta-primary:hover > span.icon, .ccBtnReject:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-navy .cta.cta-primary::after, .ccBtnReject::after {background: var(--navy);} .btn-white .cta.cta-primary, .bg-navy .btn-navy .cta.cta-primary {background-color: var(--navy);color: var(--white-color);border: 2px solid var(--white-color);} .btn-white .cta.cta-primary:before, .bg-navy .btn-navy .cta.cta-primary:before {border: 2px solid var(--white-color);} .btn-white .cta.cta-primary > span.icon, .bg-navy .btn-navy .cta.cta-primary > span.icon {background: var(--white-color);color: var(--navy);border: 2px solid var(--white-color);} .btn-white .cta.cta-primary:hover, .bg-navy .btn-navy .cta.cta-primary:hover {color: var(--navy);background: var(--white-color);} .btn-white .cta.cta-primary:hover > span.icon, .bg-navy .btn-navy .cta.cta-primary:hover > span.icon, a.main-box-hover:hover .bg-navy .btn-navy .cta.cta-primary > span.icon {background: var(--navy);color: var(--white-color);} .btn-white .cta.cta-primary::after, .bg-navy .btn-navy .cta.cta-primary::after {background: var(--white-color);} .btn-energy-green .cta-primary {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--energy-green);} .btn-energy-green .cta-primary:before {border: 2px solid var(--energy-green);} .btn-energy-green .cta-primary > span.icon {background: var(--energy-green);color: var(--navy);border: 2px solid var(--energy-green);} .btn-energy-green .cta-primary:hover {color: var(--navy);background: var(--energy-green);} .btn-energy-green .cta-primary:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-energy-green .cta-primary::after {background: var(--energy-green);} .btn-tech-red .cta.cta-primary {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--tech-red);} .btn-tech-red .cta.cta-primary:before {border: 2px solid var(--tech-red);} .btn-tech-red .cta.cta-primary > span.icon {background: var(--tech-red);color: var(--white-color);border: 2px solid var(--tech-red);} .btn-tech-red .cta.cta-primary:hover {color: var(--navy);background: var(--tech-red);} .btn-tech-red .cta.cta-primary:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-tech-red .cta.cta-primary::after {background: var(--tech-red);} .btn-heathcare-blue .cta.cta-primary {background-color: var(--white-color);color: var(--navy);border: 2px solid var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary:before {border: 2px solid var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary > span.icon {background: var(--heathcare-blue);color: var(--navy);border: 2px solid var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary:hover {color: var(--navy);background: var(--heathcare-blue);} .btn-heathcare-blue .cta.cta-primary:hover > span.icon {background: var(--white-color);color: var(--navy);} .btn-heathcare-blue .cta.cta-primary::after {background: var(--heathcare-blue);} .cta.cta-icon {width: 40px;height: 40px;background: var(--white-color);border: 2px solid var(--purple);display: flex;min-width: auto;clip-path: none;-webkit-clip-path: none;padding: 0;} .cta.cta-icon span.icon {height: auto;width: auto;margin: auto;} .cta.cta-icon:hover {background: var(--purple);color: var(--white-color);} .cta-box {width: 40px;height: 40px;background-color: var(--white-color);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;} .cta-box span.icon{font-size:1.3rem} .cta-box:hover{background-color: var(--purple);color: var(--white-color);} .cta-box-dark {width: 40px;height: 40px;background-color: var(--purple);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;color:var(--white-color);} .cta-box-dark span.icon{font-size:1.3rem} .cta-box-dark:hover{background-color: var(--white-color);color: var(--purple);} .cta-icon-big {width: 54px;height: 54px;background-color: var(--purple);display: flex;align-items: center;justify-content: center;border: 2px Solid var(--purple);transition: 0.3s;color:var(--white-color);min-width: auto; clip-path: unset; -webkit-clip-path: unset; padding: 0;} .cta-icon-big span.icon{font-size:1.3rem; margin:0; border: none !important; } .cta-icon-big:hover{background-color: var(--white-color);color: var(--purple);} .cta-icon-big:before{display: none;} .btn-purple .cta.cta-icon-big span.icon{ background-color: var(--purple); color: var(--white-color); border-color: var(--purple);} .btn-purple .cta.cta-icon-big:hover span.icon, a.main-box-hover:hover .cta.cta-icon-big span.icon{background: var(--white-color); color: var(--navy); border-color: var(--white-color);} .text-button{font-family: var(--font-xbold);text-transform: uppercase;color: #fff;display: inline-flex;align-content: center;} .text-button .icon{position: relative;top: 8px;font-size: 10px;left: 12px;} .text-button .icon::before{color:var(--white-color);} .text-button .icon.icon-Download{top: 4px;font-size: 14px;} .text-button .icon.icon-Expand{top: 7px;font-size: 10px;} .mfp-close-btn-in .mfp-close:focus {outline: 2px dashed var(--white-color);} body.nojs #auto-top-link {display: none !important;} body.nojs #cc-CookieSetting {display: none !important;} .pt-0 {padding-top: 0px !important;} .pt-10 {padding-top: 10px !important;} .pt-20 {padding-top: 20px !important;} .pt-30 {padding-top: 30px !important;} .pt-40 {padding-top: 40px !important;} .pt-50 {padding-top: 50px !important;} .pt-60 {padding-top: 60px !important;} .pt-70 {padding-top: 70px !important;} .pt-80 {padding-top: 80px !important;} .pt-90 {padding-top: 90px !important;} .pt-100 {padding-top: 100px !important;} .pt-120 {padding-top: 80px;} .pb-0 {padding-bottom: 0px !important;} .pb-10 {padding-bottom: 10px !important;} .pb-20 {padding-bottom: 20px !important;} .pb-30 {padding-bottom: 30px !important;} .pb-40 {padding-bottom: 40px !important;} .pb-50 {padding-bottom: 50px !important;} .pb-60 {padding-bottom: 60px !important;} .pb-70 {padding-bottom: 70px !important;} .pb-80 {padding-bottom: 80px !important;} .pb-90 {padding-bottom: 90px !important;} .pb-100 {padding-bottom: 100px !important;} .pb-120 {padding-bottom: 80px;} .mt-0 {margin-top: 0px;} .mt-10 {margin-top: 10px;} .mt-20 {margin-top: 20px;} .mt-30 {margin-top: 30px;} .mt-40 {margin-top: 40px;} .mt-50 {margin-top: 50px;} .mt-60 {margin-top: 60px;} .mt-70 {margin-top: 70px;} .mt-80 {margin-top: 80px;} .mt-90 {margin-top: 90px;} .mt-100 {margin-top: 100px;} .mb-0 {margin-bottom: 0px;} .mb-10 {margin-bottom: 10px;} .mb-15 {margin-bottom: 15px;} .mb-20 {margin-bottom: 20px;} .mb-25 {margin-bottom: 25px;} .mb-30 {margin-bottom: 30px;} .mb-40 {margin-bottom: 40px;} .mb-50 {margin-bottom: 50px;} .mb-60 {margin-bottom: 60px;} .mb-70 {margin-bottom: 70px;} .mb-80 {margin-bottom: 80px;} .mb-90 {margin-bottom: 90px;} .mb-100 {margin-bottom: 100px;} .mr-20{ margin-right:20px; } .mr-30{ margin-right:30px; } .hide{ display: none !important;} .overlapModule{margin-top: -81px; z-index: 1; position: relative; /*margin-bottom:-1px;*/} /* @media all and (max-width:767.98px) {.container-fluid {padding-right: 64px;padding-left: 64px;}.row {margin-right: -64px;margin-left: -64px;}.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding-right: 16px;padding-left: 16px;}} */ @media all and (max-width:991.98px) {.module-wrapper {padding: 30px 0;}.module-inner-wrapper {padding: 60px 0;}header.mega-header + .main-content-wrapper {margin-top: 55px;} .overlapModule{margin-top:-60px;}.pt-120 {padding-top: 60px;} .pb-120 {padding-bottom: 60px;}.pb-80 { padding-bottom: 30px !important;} .pt-80 { padding-top: 30px !important;} } @media all and (max-width:991.98px) {h1, .h1 {font-size: 3.6rem;line-height: 3.2rem;}h2, .h2 {font-size: 2.6rem;line-height: 2.3rem;}h3, .h3 {font-size: 2.2rem;line-height: 2.0rem;}h4, .h4 {font-size: 1.6rem;line-height: 1.4rem;}.txt-22 {font-size: 22px;line-height: 30px;}.txt-16 {font-size: 16px;line-height: 22px;}.txt-14 {font-size: 14px;line-height: 22px;}.txt-12 {font-size: 14px;line-height: 22px;}.cta {font-size: 1.4rem;line-height: 1.8rem;}p, .body {font-size: 1.6rem;line-height: 2.2rem;}} table{margin-top: 10px;} table thead tr th{background-color: var(--navy);color: var(--white-color);text-align: center;font-size: 1.6rem;line-height: 2.2rem;font-weight: 1000;padding: 30px 16px;text-align: left;} /*table thead tr th:first-child{padding-left:32px;}*/ table tbody tr:nth-child(odd) {background-color: var(--light-gray);;} table tbody tr:nth-child(even) {background-color: var(--white-color);} table tbody tr td, table tbody tr th{padding: 20px 16px;font-size:1.6rem;line-height:2.2rem;border-bottom: 1px solid #B3B3D6;} .tabs-content-main-wrapper { display: block; } a[data-linktype="media"].cta span.icon:before { content: "\e910"; font-size: 16px; } /* a[data-linktype="external"] span.icon-longarrow:before { content: "\e801"; font-size: 16px; }*/ .sitemap-content-wrapper ul ul{padding-left:50px;} iframe{border: 0} /* DPWR-546 solution for mac issue */ @media screen and (-webkit-max-device-pixel-ratio:1) and (min-color-index:0) { .btn-navy .cta.cta-primary:before, .ccBtnReject:before {background-color: #000071;} .btn-purple .cta.cta-primary:before, .cta.cta-primary:before { background-color: #a500fa;} .btn-white .cta.cta-primary:before, .bg-navy .btn-navy .cta.cta-primary:before { background-color: #FFFFF1;} .btn-energy-green .cta.cta-primary:before {background-color: #52e802;;} .btn-tech-red .cta.cta-primary:before {background-color: #ff4131;} .btn-heathcare-blue .cta.cta-primary:before {background-color: #00d8eb;} } /* DPWR-546 solution for mac issue */ html { scroll-behavior: smooth; } @media screen and (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } body#ip3-sustainability .video-signpost-wrapper.brightcove.energy-green-color .video-background { clip-path: none !important; } body#ip3-financial-calendar .image-text-signpost-item h2.h3.white-title.fnt-heavy{ width: 82%; } .rad-notes, p.rad-notes, p.rad-notes > a {font-size: 1.2rem;} #map_loader img{width:20px;} body#ip3-solar-as-a-service-self-generated-power-made-easy section#module---images .video-background { background-size: contain !important; } .module-in-page-promo .btn-energy-green .cta-min-width{ width:auto;padding-right:35px; } #ip3-solutions .lottie-wrapper.content-wrapper svg { transform: none !important; object-fit: cover; } #ip3-mobility #main-content-wrapper .lottie-wrapper.content-wrapper svg { transform: none !important; object-fit: cover; } #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .slide-arrow-nav-wrapper { /* bottom: 0px; */ display: none; } #ip3-solutions #how-we-serve-our-customers-2.infographic-module-wrapper .slide-arrow-nav-wrapper{ bottom: 0px; } #ip3-solutions #our-solutions-1, #ip3-mobility #our-solutions-1 { clip-path: none; margin-top:-5px; } #ip3-energy #energy-solutions { clip-path:none; } #ip3-energy #dcc-energy-our-structure{ clip-path:none; } #our-solutions-1 .h3.count-name.fnt-light,#our-solutions .h3.count-name.fnt-light { font-weight: 600; } #ip3-mobility #what-we-do-cards{ clip-path:none; } section#why-we-like-liquid-gas-key-numbers .key-text.txt-22, section#why-we-like-solar-electric-power-self-generation .key-text.txt-22 { font-size: 1.5rem; line-height: 2.1rem; font-family: var(--font-regular); font-weight: 500; } /*=========== Blue box start ========*/ #ip3-solutions #what-we-do-solutions .card-content-wrapper:nth-child(1) .cta.cta-primary, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .cta.cta-primary, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .cta.cta-primary, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .cta.cta-primary { border: 2px solid var(--navy) !important; } #ip3-solutions #what-we-do-solutions .card-content-wrapper:nth-child(1) .cta.cta-primary:before, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .cta.cta-primary:before, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary:before, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary:before, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .cta.cta-primary:before, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .cta.cta-primary:before { border: 1px solid #000072 !important; } #ip3-solutions #what-we-do-solutions .card-content-wrapper:nth-child(1) .btn-energy-green .cta.cta-primary::after, #ip3-solutions #what-we-do-solutions .card-content-wrapper:nth-child(1) .cta.cta-primary:hover::after, #ip3-solutions #what-we-do-solutions .card-content-wrapper:nth-child(1) .cta.cta-primary:hover, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .btn-energy-green .cta.cta-primary::after, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .cta.cta-primary:hover::after, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .cta.cta-primary:hover, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .btn-energy-green .cta.cta-primary::after, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary:hover::after, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary:hover, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .btn-energy-green .cta.cta-primary::after, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary:hover::after, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .cta.cta-primary:hover, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .btn-energy-green .cta.cta-primary::after, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .cta.cta-primary:hover::after, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .cta.cta-primary:hover { background-color: #000072 !important; color: #fff !important; } #ip3-energy #dcc-energy-our-structure .card-content-wrapper.main-box-hover:nth-child(1):hover .cta-primary > span.icon, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .btn-energy-green .cta-primary > span.icon:hover, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper.main-box-hover:nth-child(1):hover .cta-primary > span.icon, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .btn-energy-green .cta-primary > span.icon:hover, #ip3-energy #what-we-do .card-content-wrapper.main-box-hover:nth-child(1):hover .cta-primary > span.icon, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .btn-energy-green .cta-primary > span.icon:hover, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper.main-box-hover:hover .cta-primary > span.icon, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .btn-energy-green .cta-primary > span.icon:hover { background-color: #fff !important } #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper.main-box-hover:hover .cta-primary > span.icon { color: #000072 !important; } #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(1) .btn-energy-green .cta-primary > span.icon, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(1) .btn-energy-green .cta-primary > span.icon, #ip3-energy #what-we-do .card-content-wrapper:nth-child(1) .btn-energy-green .cta-primary > span.icon, #ip3-reports-online-summary-2025 #sustainable-growth .card-content-wrapper .btn-energy-green .cta-primary > span.icon { background-color: #fff !important; } /*=========== Blue box end ========*/ #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary { border: 2px solid #00E6FE !important; } #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary:before, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary:before { border: 1px solid #00E6FE !important; } #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary > span.icon:hover, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2):hover .cta-primary > span.icon, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper.main-box-hover:nth-child(3):hover .cta-primary > span.icon, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .btn-energy-green .cta-primary > span.icon:hover, #ip3-energy #what-we-do .card-content-wrapper.main-box-hover:nth-child(3):hover .cta-primary > span.icon, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .btn-energy-green .cta-primary > span.icon:hover { background-color: #fff !important } #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .btn-energy-green .cta-primary > span.icon, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .btn-energy-green .cta-primary > span.icon { background-color: #00E6FE !important; } #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta-primary > span.icon, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary::after, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary:hover::after, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary:hover, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .btn-energy-green .cta.cta-primary::after, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary:hover::after, #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary:hover, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .btn-energy-green .cta.cta-primary::after, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary:hover::after, #ip3-energy #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary:hover { background-color: #00E6FE !important; } #ip3-mobility .ctas-and-anchor-links-area .ctas-and-anchor-links-box:hover .read-more-btn .icon, #ip3-mobility .ctas-and-anchor-links-area .ctas-and-anchor-links-box:hover .read-more-btn, #ip3-mobility #what-we-do-cards, #ip3-mobility #dcc-energy-mobility-in-action .bg-energy-green, #ip3-mobility #our-winning-strategy .bg-energy-green, #ip3-mobility #main-content-wrapper .side-cover-wrapper.bg-energy-green { background: #0ad8ea; } #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .slide-prev:hover, #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .slide-next:hover, #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .slide-arrow-nav-wrapper .slider-nav { color: #0ad8ea !important; } #ip3-mobility #mobility-pathways.ctas-and-anchor-links-area .ctas-and-anchor-links-box .read-more-btn .icon, #ip3-mobility #about-dcc-mobility.ctas-and-anchor-links-area .ctas-and-anchor-links-box .read-more-btn .icon { border: 2px solid rgb(10 216 234) !important; } #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary, #ip3-energy #dcc-energy-our-structure .card-content-wrapper:nth-child(2) .cta.cta-primary:before, #ip3-mobility #accelerating-with-energy .btn-energy-green .cta-primary:before, #ip3-mobility #accelerating-with-energy .btn-energy-green .cta-primary, #ip3-mobility #what-we-do-cards .btn-energy-green .cta-primary { border: 2px solid #0ad8ea; } #ip3-mobility #what-we-do-cards .btn-energy-green .cta-primary > span.icon, #ip3-mobility #accelerating-with-energy .btn-energy-green .cta-primary > span.icon { background: #0ad8ea; border: 2px solid #0ad8ea; } #ip3-mobility #accelerating-with-energy .btn-energy-green .cta.cta-primary::after, #ip3-mobility #accelerating-with-energy.btn-energy-green .cta-primary:hover::after, #ip3-mobility #accelerating-with-energy .btn-energy-green .cta-primary:hover { background: #0ad8ea !important; } @media screen and (max-width: 991px) { #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .slider-nav-bg { min-width: 207px; min-height: 35px; padding: 10px 15px 15px 60px; clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 20%); } } ul.cust-li { list-style-type: disc; list-style-position: outside; /* Bullets will appear outside content box */ padding-left: 20px; } /*#ip3-solutions dcc-map#where-we-operate .sub_header, #ip3-solutions dcc-map#where-we-operate .para { display: none; }*/ #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper.main-box-hover:nth-child(2):hover .cta-primary { border: 2px solid var(--energy-green) !important; } #ip3-reports-online-summary-2025 #what-we-do .btn-purple .cta.cta-icon-big span.icon { background: var(--white-color) !important; color: var(--navy) !important; } #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(2) .cta.cta-primary { border: 2px solid var(--energy-green) !important; } #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(2):hover .cta.cta-primary .icon.icon-longarrow { background: #fff !important; } #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(2) .cta.cta-primary .icon.icon-longarrow{ background: var(--energy-green)!important; color: var(--navy) !important; } #ip3-reports-online-summary-2025 #what-we-do .card-content-wrapper:nth-child(3) .cta.cta-primary .icon.icon-longarrow{ background: #00e6fe !important; color: var(--navy) !important; } @media screen and (min-width: 991px) and (max-width: 1199px) { #ip3-the-digital-route-to-fleet-management-success #module---key-numbers .key-number .h2 { font-size: 3.5rem !important; } } @media screen and (max-height: 1010px) { #ip3-the-digital-route-to-fleet-management-success #module---key-numbers .key-number .h2 { font-size: 3.5rem !important; } } #ip3-solutions #energy-solutions-pathways.ctas-and-anchor-links-area .ctas-and-anchor-links-box .read-more-btn .icon, #ip3-solutions #about-dcc-energy-solutions.ctas-and-anchor-links-area .ctas-and-anchor-links-box .read-more-btn .icon { border :2px solid var(--navy) !important; } #ip3-solutions #energy-solutions-pathways.ctas-and-anchor-links-area .ctas-and-anchor-links-box:hover .read-more-btn, #ip3-solutions #about-dcc-energy-solutions.ctas-and-anchor-links-area .ctas-and-anchor-links-box:hover .read-more-btn { background-color: var(--navy) !important; } #ip3-solutions #energy-solutions-pathways.ctas-and-anchor-links-area .background-bg-navy .ctas-and-anchor-links-box:hover .read-more-btn .text-cta-span, #ip3-solutions #about-dcc-energy-solutions.ctas-and-anchor-links-area .background-bg-navy .ctas-and-anchor-links-box:hover .read-more-btn .text-cta-span { color: var(--white) !important; } #ip3-solutions #energy-solutions-pathways.ctas-and-anchor-links-area .ctas-and-anchor-links-box:hover .read-more-btn .icon, #ip3-solutions #about-dcc-energy-solutions.ctas-and-anchor-links-area .ctas-and-anchor-links-box:hover .read-more-btn .icon { background: none !important; border: 2px solid var(--navy) !important; } #ip3-solutions #energy-solutions-pathways.ctas-and-anchor-links-area .ctas-and-anchor-links-box .read-more-btn .icon::before, #ip3-solutions #about-dcc-energy-solutions.ctas-and-anchor-links-area .ctas-and-anchor-links-box .read-more-btn .icon::before { color: var(--navy) !important; } #ip3-solutions #energy-solutions-pathways.ctas-and-anchor-links-area .background-bg-navy .ctas-and-anchor-links-box:hover .read-more-btn .icon::before, #ip3-solutions #about-dcc-energy-solutions.ctas-and-anchor-links-area .background-bg-navy .ctas-and-anchor-links-box:hover .read-more-btn .icon::before { color: var(--white) !important; } #ip3-solutions #title-energy-products-in-numbers .main-content-title-8 { max-width: 100% !important; } #ip3-solutions #energy .btn-energy-green .cta-primary { border: 2px solid var(--navy) !important; } #ip3-solutions #title-energy-services-in-numbers .module-inner-wrapper, #ip3-solutions #title-energy-products-in-numbers .module-inner-wrapper { padding-bottom: 0!important; } #ip3-solutions #energy-products-in-numbers .stats-percentage-wrapper-main-title { display: none !important; } @media screen and (min-width: 992px) { #ip3-solutions #how-we-serve-our-customers-2.infographic-module-wrapper .slide-arrow-nav-wrapper { bottom: -100px !important; } #ip3-solutions #how-we-serve-our-customers-2.infographic-module-wrapper .slide-arrow-nav-wrapper .slider-nav-init { max-width: 230px!important; } #ip3-solutions #how-we-serve-our-customers-2.infographic-module-wrapper .main-slider-wrapper .slider-item-nav-wrapper > div > div.slick-list { height: 50px!important; } } @media screen and (min-width: 768px){ #ip3-energy #energy-attractive-scale-organic-state .box-counting-column.col-md-6 { -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } } #ip3-energy #how-were-fuelling-decarbonisation .number-decimalicon .number-text { text-align: center; } #ip3-energy #read-this-next .btn-purple .cta.cta-primary, #ip3-energy #read-this-next .btn-purple .cta.cta-primary:before, #ip3-energy #read-this-next .read-next-box .cta.cta-primary{ border: 2px solid var(--white) !important; } #ip3-solutions .infographic-module-wrapper .slide-arrow-nav-wrapper .slider-nav[data-slick-index="0"] { color: var(--white) !important; } #ip3-solutions #energy .btn-energy-green .cta-primary > span.icon { background-color: var(--navy) !important; color: var(--white) !important; } #ip3-energy #energy-attractive-scale-organic-state .main-content-title-8 { max-width: 100% !important; } #ip3-energy #dcc-energy-in-action .content-holder.bg-navy.white-color { background: var(--white)!important; } #ip3-energy #dcc-energy-in-action .content-holder.bg-navy.white-color .content-wrapper, #ip3-energy #dcc-energy-in-action .content-holder.bg-navy.white-color .title-wrapper { color: var(--navy)!important; } #ip3-solutions #simple-charts h2 { min-height: 60px; } #ip3-energy #why-energy-attractive .my-progress-bar svg text { font-size: 50px !important; } /*===== Energy Products box start ====*/ #ip3-our-strategy #enable-people-and-businesses .col-card:nth-child(1):hover .energy-green-color, #ip3-our-strategy #enable-people-and-businesses .col-card:nth-child(1):hover .energy-green-color > *, #ip3-about-us #module---large-featured-card .col-card:nth-child(1):hover .energy-green-color, #ip3-about-us #module---large-featured-card .col-card:nth-child(1):hover .energy-green-color > *, #ip3-Homepage #module---large-featured-card .col-card:nth-child(1):hover .navy-color, #ip3-Homepage #module---large-featured-card .col-card:nth-child(1):hover .navy-color > *, #ip3-our-business-model #diversified-sectors .col-card:nth-child(1):hover .energy-green-color, #ip3-our-business-model #diversified-sectors .col-card:nth-child(1):hover .energy-green-color > * { color: var(--white) !important; } #ip3-our-strategy #enable-people-and-businesses .col-card:nth-child(1) .energy-green-color, #ip3-our-strategy #enable-people-and-businesses .col-card:nth-child(1) .energy-green-color > *, #ip3-about-us #module---large-featured-card .col-card:nth-child(1) .energy-green-color, #ip3-about-us #module---large-featured-card .col-card:nth-child(1) .energy-green-color > *, #ip3-Homepage #module---large-featured-card .col-card:nth-child(1) .navy-color, #ip3-Homepage #module---large-featured-card .col-card:nth-child(1).navy-color > *, #ip3-our-business-model #diversified-sectors .col-card:nth-child(1) .energy-green-color, #ip3-our-business-model #diversified-sectors .col-card:nth-child(1) .energy-green-color > * { color: var(--white) !important; } #ip3-our-strategy #enable-people-and-businesses .col-card:nth-child(1).energy-green-color-hover:focus .card-item .title-wrapper .title, #ip3-our-strategy #enable-people-and-businesses .col-card:nth-child(1).energy-green-color-hover:hover .title-wrapper .title, #ip3-about-us #module---large-featured-card .col-card:nth-child(1).energy-green-color-hover:focus .card-item .title-wrapper .title, #ip3-about-us #module---large-featured-card .col-card:nth-child(1).energy-green-color-hover:hover .title-wrapper .title, #ip3-Homepage #module---large-featured-card .col-card:nth-child(1).navy-color-hover-hover:focus .card-item .title-wrapper .title, #ip3-Homepage #module---large-featured-card .col-card:nth-child(1).navy-color-hover:hover .title-wrapper .title, #ip3-our-business-model #diversified-sectors .col-card:nth-child(1).energy-green-color-hover:focus .card-item .title-wrapper .title, #ip3-our-business-model #diversified-sectors .col-card:nth-child(1).energy-green-color-hover:hover .title-wrapper .title { color: var(--white) !important; } /*===== Energy Products box end ====*/ #ip3-Homepage #module---large-featured-card .btn-energy-green .cta-primary { padding-right: 35px; } #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:before, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:before, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(2) .cta.cta-primary, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:before, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(1) .cta.cta-primary, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:before, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(2) .cta.cta-primary, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:before, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(1) .cta.cta-primary, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:before, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:before, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:before, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:before, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:before { border: 2px solid var(--navy) !important; } #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary::after, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:hover, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary::after, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:hover, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(2) .cta.cta-primary::after, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:hover, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(1) .cta.cta-primary::after, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:hover, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(2) .cta.cta-primary::after, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:hover, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(2) .cta.cta-primary::after, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:hover, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(1) .cta.cta-primary::after, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:hover, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary::after, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:hover, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary::after, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:hover, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary::after, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(2) .cta.cta-primary:hover, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary::after, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(1) .cta.cta-primary:hover { background: var(--navy) !important; color: var(--white) !important; } #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary::before, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(3) .cta.cta-primary, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:before, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(3) .cta.cta-primary, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:before, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:before, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:before { border: 2px solid var(--heathcare-blue) !important; } #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary::after, #ip3-sustainability #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:hover, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(3) .cta.cta-primary::after, #ip3-our-business-model #diversified-sectors .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:hover, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(3) .cta.cta-primary::after, #ip3-our-strategy #enable-people-and-businesses .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:hover, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary::after, #ip3-about-us #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:hover, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary::after, #ip3-Homepage #module---large-featured-card .large-cards-holder .col-card:nth-child(3) .cta.cta-primary:hover { background: var(--heathcare-blue) !important; } @media screen and (min-device-width: 1500px) and (max-device-width: 1799px){ #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .infographic-slider-background-wrapper .bg-images { top: 80px !important; } } @media screen and (min-width: 1800px){ #ip3-mobility #how-we-serve-our-customers .slick-slider .slick-list, #ip3-solutions #how-we-serve-our-customers-2 .slick-slider .slick-list { height: 1040px !important; } #ip3-solutions #how-we-serve-our-customers-2 .slick-slider .slick-track .slider-nav { top: -150px !important; } #ip3-mobility #how-we-serve-our-customers.infographic-module-wrapper .infographic-slider-background-wrapper .bg-images { top: 90px !important; } } @media screen and (min-width: 1534px){ #ip3-solutions #how-we-serve-our-customers-2 .slick-slider .slick-track { margin-top: 100px; } #ip3-solutions #how-we-serve-our-customers-2 .slick-slider .slick-track .slider-nav { top: -100px !important; } } #ip3-solutions #dcc-energy-solutions-in-action .btn-white .cta-wrap.cta-icon-big::after, #ip3-solutions #dcc-energy-solutions-in-action .btn-white .cta-wrap.cta-icon-big::before { clip-path: polygon(0 0, 100% 0, 100% 100%, 100px 100%, 0 calc(100% - 54px)); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100px 100%, 0 calc(100% - 54px)); border: 1px solid var(--navy); } #ip3-solutions #dcc-energy-solutions-in-action .main-cta-wrapper.btn-white { border: 1px solid var(--navy); right: 0px !important; bottom: 0px !important; } #ip3-solutions #dcc-energy-solutions-in-action .btn-white .cta-wrap.cta-icon-big { clip-path: polygon(0 0, 100% 0, 100% 100%, 100px 100%, 0 calc(100% - 54px)); -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 100px 100%, 0 calc(100% - 54px)); left: -1px; top: -1px; } #ip3-more-of-an-energy-partner-rather-than-just-a-propane-provider #module-images-1 .link-text-rich a::after{ background: var(--purple) !important; } #ip3-more-of-an-energy-partner-rather-than-just-a-propane-provider #ready-to-grow .navy-color a { line-height: 28px; text-decoration: none; font-family: var(--font-xbold); transition: 0.5s ease-in-out; position: relative; display: inline-block; } #ip3-more-of-an-energy-partner-rather-than-just-a-propane-provider #ready-to-grow .navy-color a::after { content: ''; position: absolute; left: 0; right: auto; bottom: 3px; height: 3px; width: 100%; transition: 0.5s ease-in-out; background: var(--energy-green); } #ip3-more-of-an-energy-partner-rather-than-just-a-propane-provider #ready-to-grow .navy-color a:hover:after { width: 0; left: auto; right: 0px; } #ip3-more-of-an-energy-partner-rather-than-just-a-propane-provider #foot-notes .text-content-wrapper p{ font-size: 1.2rem !important; } #ip3-more-of-an-energy-partner-rather-than-just-a-propane-provider #foot-notes .text-content-wrapper p a { font-size: 1.2rem !important; } #ip3-technology #read-this-next .read-next-img span { background-position: top !important; } #ip3-our-strategy #how-we-grow-text.key-numbers-wrapper h2 { position: relative; z-index: 2; } #ip3-our-strategy #module---count-module1.stats-percentage-wrapper, #ip3-our-strategy #module---count-module2.stats-percentage-wrapper { clip-path: inherit !important; -webkit-clip-path: none !important; } #ip3-our-strategy .bulletli { padding-left: 20px; } #ip3-our-strategy .bulletli li { list-style: disc !important; font-weight: 600; margin-bottom: 20px; } #ip3-our-strategy .bulletli li ul { padding-left: 30px; } #ip3-our-strategy .bulletli li ul li { font-weight: 400 !important; } #ip3-our-strategy #how-we-grow-future-boxes .content-holder { background: none !important; } #ip3-our-strategy #how-we-grow-future-boxes .content-holder .content-wrapper, #ip3-our-strategy #how-we-grow-future-boxes .content-holder .title-wrapper { color: var(--navy) !important; } #ip3-ai-at-dcc-why-were-finding-our-best-innovators-beyond-the-data-lab .text-module p { margin-bottom: 1rem !important; }