/* Footer layout structure only.
   Add footer styles and scripts separately as needed. */

:root {
    --default-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;
}

.site-footer .main-container {
    overflow: hidden;
}

    .site-footer .main-container,
    .site-footer .main-container * {
        box-sizing: border-box;
    }

input,
select,
textarea,
button {
    outline: 0;
}

.site-footer .main-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    position: relative;
    width: 100%;
    margin: 0;
}

.site-footer .sub-footer-component {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    min-width: 0;
    padding: 33px 95px 33px 95px;
    background: #555555;
    overflow: hidden;
}

.site-footer .frame-1 {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: wrap;
    flex-shrink: 0;
    justify-content: space-between;
    column-gap: 40px;
    row-gap: 32px;
    position: relative;
    z-index: 1;
}

.site-footer .footer-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex: 1 1 220px;
    gap: 10px;
    position: relative;
    width: 213px;
    z-index: 2;
}

.site-footer .about-enbridge-gas {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 17.600000381469727px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}

.site-footer .frame-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    width: 213px;
    z-index: 4;
}

.site-footer .line {
    flex-shrink: 0;
    position: relative;
    width: 31.002px;
    height: 2px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/3J1XcCkyyf.png) no-repeat center;
    background-size: cover;
    z-index: 5;
}

.site-footer .frame-3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 4px;
    position: relative;
    width: 213px;
    z-index: 6;
}

.site-footer .about-us {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 208px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 7;
}

.site-footer .giving-back-communities {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 213px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 8;
}

.site-footer .regulatory-information {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 208px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 9;
}

.site-footer .projects {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 208px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 10;
}

.site-footer .news {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 208px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 11;
}

.site-footer .careers {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 208px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 12;
}

.site-footer .footer-text-4 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex: 1 1 220px;
    gap: 10px;
    position: relative;
    width: 220px;
    z-index: 13;
}

.site-footer .doing-business-us {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 17.600000381469727px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    text-transform: capitalize;
    white-space: nowrap;
    z-index: 14;
}

.site-footer .frame-5 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    width: 181px;
    z-index: 15;
}

.site-footer .line-6 {
    flex-shrink: 0;
    position: relative;
    width: 31.002px;
    height: 2px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/gq9NHjVPpb.png) no-repeat center;
    background-size: cover;
    z-index: 16;
}

.site-footer .group {
    flex-shrink: 0;
    position: relative;
    width: 181px;
    height: 88px;
    z-index: 17;
}

.site-footer .frame-7 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 4px;
    position: absolute;
    width: 181px;
    height: 88px;
    top: 0;
    left: 0;
    z-index: 18;
}

.site-footer .large-business-services {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 192px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 19;
}

.site-footer .transportation-services {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 20;
}

.site-footer .rates-tariffs {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 21;
}

.site-footer .sustainability {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 22;
}

.site-footer .footer-text-8 {
    flex: 1 1 220px;
    position: relative;
    width: 143px;
    height: 213px;
    z-index: 23;
}

.site-footer .frame-9 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 12px;
    position: relative;
    width: 174px;
    margin: 0 0 0 0;
    z-index: 24;
}

.site-footer .frame-a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 143px;
    z-index: 25;
}

.site-footer .connect-with-us {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 17.600000381469727px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    white-space: nowrap;
    z-index: 26;
}

.site-footer .line-b {
    flex-shrink: 0;
    position: relative;
    width: 31.002px;
    height: 2px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/9wCAyp5kiX.png) no-repeat center;
    background-size: cover;
    z-index: 27;
}

.site-footer .frame-c {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    min-width: 0;
    z-index: 28;
}

.site-footer .frame-d {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    z-index: 29;
}

.site-footer .facebook-f {
    flex-shrink: 0;
    position: relative;
    width: 19px;
    height: 19px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/AfnK5Lpgbu.png) no-repeat center;
    background-size: contain;
    z-index: 30;
}

.site-footer .facebook {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 143px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 31;
}

.site-footer .frame-e {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    z-index: 32;
}

.site-footer .instagram-circle {
    flex-shrink: 0;
    position: relative;
    width: 19px;
    height: 19px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/DOxvEgsk7u.png) no-repeat center;
    background-size: contain;
    z-index: 33;
}

.site-footer .instagram {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 143px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 34;
}

.site-footer .frame-f {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    z-index: 35;
}

.site-footer .linkedin {
    flex-shrink: 0;
    position: relative;
    width: 19px;
    height: 19px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/X7jtSKVVYL.png) no-repeat center;
    background-size: contain;
    z-index: 36;
}

.site-footer .linkedin-10 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 143px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 37;
}

.site-footer .frame-11 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    z-index: 38;
}

.site-footer .x {
    flex-shrink: 0;
    position: relative;
    width: 19px;
    height: 19px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/LLWcPHfkoK.png) no-repeat center;
    background-size: contain;
    z-index: 39;
}

.site-footer .x-formerly-twitter {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 143px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 40;
}

.site-footer .frame-12 {
    display: flex;
    align-items: center;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    z-index: 41;
}

.site-footer .youtube {
    flex-shrink: 0;
    position: relative;
    width: 19px;
    height: 19px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/30DktWrjA6.png) no-repeat center;
    background-size: contain;
    z-index: 42;
}

.site-footer .youtube-13 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 143px;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 43;
}

.site-footer .footer-text-14 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex: 1 1 220px;
    gap: 10px;
    position: relative;
    width: 261px;
    z-index: 44;
}

.site-footer .contact-us {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 17.600000381469727px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
    white-space: nowrap;
    z-index: 45;
}

.site-footer .frame-15 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 12px;
    position: relative;
    min-width: 0;
    z-index: 46;
}

.site-footer .line-16 {
    flex-shrink: 0;
    position: relative;
    width: 31.002px;
    height: 2px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/PX3K3nufvs.png) no-repeat center;
    background-size: cover;
    z-index: 47;
}

.site-footer .frame-17 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 24px;
    position: relative;
    z-index: 48;
}

.site-footer .frame-18 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 4px;
    position: relative;
    z-index: 49;
}

.site-footer .bills-payments {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 50;
}

.site-footer .frame-19 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    z-index: 51;
}

.site-footer .phone-number {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.256px;
    text-align: left;
    white-space: nowrap;
    z-index: 52;
}

.site-footer .office-hours {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.256px;
    text-align: left;
    white-space: nowrap;
    z-index: 53;
}

.site-footer .frame-1a {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 4px;
    position: relative;
    width: 112px;
    z-index: 54;
}

.site-footer .emergency {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 19px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    white-space: nowrap;
    z-index: 55;
}

.site-footer .emergency-number {
    align-self: stretch;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    min-width: 0;
    height: 21px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 16px;
    font-weight: 400;
    line-height: 20.256px;
    text-align: left;
    white-space: nowrap;
    z-index: 56;
}

.site-footer .footer-component {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    min-width: 0;
    padding: 8px 94px 8px 94px;
    background: #373737;
    z-index: 57;
}

.site-footer .frame-1b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-wrap: nowrap;
    flex-shrink: 0;
    position: relative;
    z-index: 58;
}

.site-footer .frame-1c {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 198.7px;
    padding: 28px 19.35px 19.35px 19.35px;
    z-index: 59;
}

.site-footer .group-1d {
    flex-shrink: 0;
    position: relative;
    width: 160px;
    height: 38.414px;
    background: url(https://codia-f2c.s3.us-west-1.amazonaws.com/image/2025-12-03/5WGJ4JYCvM.png) no-repeat center;
    background-size: 100% 100%;
    z-index: 60;
}

.site-footer .frame-1e {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 4px;
    position: relative;
    width: 769px;
    z-index: 61;
}

.site-footer .footnote-component {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 111px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 62;
}

.site-footer .manage-cookies {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 91px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 63;
}

.site-footer .component {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 26px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 64;
}

.site-footer .header-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 6px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 65;
}

.site-footer .footnote-component-1f {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 66px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 66;
}

.site-footer .sitemap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 46px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 67;
}

.site-footer .component-20 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 26px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 68;
}

.site-footer .header-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 6px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 69;
}

.site-footer .footnote-component-21 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 90px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 70;
}

.site-footer .accessibility {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 70px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 71;
}

.site-footer .component-22 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 26px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 72;
}

.site-footer .header-divider-23 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 6px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 73;
}

.site-footer .footnote-component-24 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 118px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 74;
}

.site-footer .data-trust-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 98px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 75;
}

.site-footer .component-25 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 26px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 76;
}

.site-footer .header-divider-26 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 6px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 77;
}

.site-footer .component-27 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 121px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 78;
}

.site-footer .privacy-statement {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 101px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 79;
}

.site-footer .component-28 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 26px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 80;
}

.site-footer .header-divider-29 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 6px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 81;
}

.site-footer .component-2a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 10px;
    position: relative;
    width: 93px;
    padding: 10px 10px 10px 10px;
    background: #373737;
    z-index: 82;
}

.site-footer .terms-of-use {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    flex-basis: auto;
    position: relative;
    width: 73px;
    height: 14px;
    color: #ffffff;
    font-family: Foundation Sans, var(--default-font-family);
    font-size: 12px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    white-space: nowrap;
    z-index: 83;
}

/* Shared underline hover/focus effect for footer links */
.site-footer .footer-nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: auto !important;
    align-self: flex-start !important;
    flex-basis: auto !important;
    position: relative;
    padding-bottom: 6px;
    text-decoration: none !important;
    color: #ffffff;
}

    .site-footer .footer-nav-link::after {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
        height: 3px;
        background: #ffffff;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform 180ms ease-in-out;
        opacity: 0;
    }

    .site-footer .footer-nav-link:focus-visible::after,
    .site-footer .footer-nav-link:hover::after {
        transform: scaleX(1);
        opacity: 1;
    }

    .site-footer .footer-nav-link:focus-visible,
    .site-footer .footer-nav-link:hover {
        color: #ffffff;
        text-decoration: none !important;
    }

/* Specific fixes for Rates & Tariffs and Sustainability */
.site-footer .rates-tariffs.footer-nav-link,
.site-footer .sustainability.footer-nav-link {
    align-self: flex-start !important;
    width: auto !important;
    flex-basis: auto !important;
}

/* Responsive footer hooks - add your styles inside media queries */

/* Mobile Footer Styles (max-width: 767.98px) */
@media (max-width: 767.98px) {
    /* Sub Footer Component */
    .site-footer .sub-footer-component {
        padding: 24px 20px;
        gap: 24px;
    }

    .site-footer .frame-1 {
        flex-direction: column;
        gap: 32px;
        align-items: flex-start;
    }

    /* Footer Text Columns */
    .site-footer .footer-text,
    .site-footer .footer-text-4,
    .site-footer .footer-text-8,
    .site-footer .footer-text-14 {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    /* Footer Section Titles */
    .site-footer .about-enbridge-gas,
    .site-footer .doing-business-us,
    .site-footer .connect-with-us,
    .site-footer .contact-us {
        font-size: 16px;
        line-height: 19px;
    }

    /* Footer Links */
    .site-footer .about-us,
    .site-footer .giving-back-communities,
    .site-footer .regulatory-information,
    .site-footer .projects,
    .site-footer .news,
    .site-footer .careers,
    .site-footer .large-business-services,
    .site-footer .transportation-services,
    .site-footer .rates-tariffs,
    .site-footer .sustainability,
    .site-footer .facebook,
    .site-footer .instagram,
    .site-footer .linkedin-10,
    .site-footer .x-formerly-twitter,
    .site-footer .youtube-13,
    .site-footer .bills-payments,
    .site-footer .emergency {
        font-size: 14px;
        line-height: 17px;
        padding: 8px 0;
    }

    /* Contact Information */
    .site-footer .phone-number,
    .site-footer .office-hours,
    .site-footer .emergency-number {
        font-size: 14px;
        line-height: 18px;
    }

    .site-footer .frame-19 {
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
    }

    /* Bottom Footer Component */
    .site-footer .footer-component {
        padding: 16px 20px;
    }

    .site-footer .frame-1b {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .site-footer .frame-1c {
        width: 100%;
        padding: 16px 0;
        align-items: center;
    }

    .site-footer .group-1d {
        width: 140px;
        height: 33px;
    }

    /* Footer Links Row */
    .site-footer .frame-1e {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
        row-gap: 10px;
    }

    .site-footer .footnote-component,
    .site-footer .footnote-component-1f,
    .site-footer .footnote-component-21,
    .site-footer .footnote-component-24,
    .site-footer .component-27,
    .site-footer .component-2a {
        width: auto;
        padding: 0;
        background: transparent;
    }

    .site-footer .component,
    .site-footer .component-20,
    .site-footer .component-22,
    .site-footer .component-25,
    .site-footer .component-28 {
        width: auto;
        padding: 0 10px;
        background: transparent;
    }

    .site-footer .manage-cookies,
    .site-footer .sitemap,
    .site-footer .accessibility,
    .site-footer .data-trust-center,
    .site-footer .privacy-statement,
    .site-footer .terms-of-use {
        font-size: 11px;
        line-height: 13px;
        width: auto;
        white-space: nowrap;
    }

    /* Hide separators on very small screens, show on slightly larger mobile */
    .site-footer .component,
    .site-footer .component-20,
    .site-footer .component-22,
    .site-footer .component-25,
    .site-footer .component-28 {
        padding: 0 10px;
    }

    .site-footer .header-separator,
    .site-footer .header-divider,
    .site-footer .header-divider-23,
    .site-footer .header-divider-26,
    .site-footer .header-divider-29 {
        font-size: 11px;
    }

    .site-footer .component-22 {
        flex-basis: 100%;
        height: 0;
        padding: 0;
    }

    .site-footer .header-divider-23 {
        display: none;
    }

    .site-footer .component-28,
    .site-footer .component-2a {
        display: none;
    }

    /* Stack social media links vertically on mobile */
    .site-footer .frame-c {
        gap: 8px;
    }

    .site-footer .frame-d,
    .site-footer .frame-e,
    .site-footer .frame-f,
    .site-footer .frame-11,
    .site-footer .frame-12 {
        gap: 8px;
    }

    /* Very small screens (below 400px) */
    @media (max-width: 400px) {
        .site-footer .sub-footer-component {
            padding: 20px 16px;
        }

        .site-footer .footer-component {
            padding: 12px 16px;
        }

        .site-footer .frame-1e {
            flex-direction: column;
            gap: 4px;
        }

        .site-footer .component,
        .site-footer .component-20,
        .site-footer .component-22,
        .site-footer .component-25,
        .site-footer .component-28 {
            display: none;
        }

        .site-footer .footnote-component,
        .site-footer .footnote-component-1f,
        .site-footer .footnote-component-21,
        .site-footer .footnote-component-24,
        .site-footer .component-27,
        .site-footer .component-2a {
            width: 100%;
            text-align: center;
        }
    }
}

/* Tablet Footer Styles (768px - 1199.98px) */
@media (min-width: 768px) and (max-width: 1199.98px) {
    /* Sub Footer Component */
    .site-footer .sub-footer-component {
        padding: 28px 40px;
    }

    .site-footer .frame-1 {
        column-gap: 30px;
        row-gap: 28px;
    }

    /* Footer Text Columns */
    .site-footer .footer-text,
    .site-footer .footer-text-4,
    .site-footer .footer-text-8,
    .site-footer .footer-text-14 {
        flex: 1 1 45%;
        max-width: 45%;
    }

    /* Bottom Footer Component */
    .site-footer .footer-component {
        padding: 12px 40px;
    }

    .site-footer .frame-1e {
        flex-wrap: wrap;
        gap: 4px;
    }

    .site-footer .footnote-component,
    .site-footer .footnote-component-1f,
    .site-footer .footnote-component-21,
    .site-footer .footnote-component-24,
    .site-footer .component-27,
    .site-footer .component-2a {
        padding: 8px 8px;
    }

    .site-footer .manage-cookies,
    .site-footer .sitemap,
    .site-footer .accessibility,
    .site-footer .data-trust-center,
    .site-footer .privacy-statement,
    .site-footer .terms-of-use {
        font-size: 11px;
    }
}

/* Desktop Footer Styles (min-width: 1200px) */
@media (min-width: 1200px) {
    /* Ensure desktop layout is maintained */
    .site-footer .sub-footer-component {
        padding: 33px 95px;
    }

    .site-footer .footer-component {
        padding: 8px 94px;
    }
}