/* ═══════════════════════════════════════════════════════════════════════════
   Investor Relations Page — ir-*
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Variables ─────────────────────────────────────────────────────────── */
.ir-page {
    --ir-navy: #002E5F;
    --ir-navy-dark: #001D3D;
    --ir-teal: rgba(0, 196, 179, 1);
    --ir-teal-light: rgba(0, 196, 179, 0.12);
    --ir-white: #ffffff;
    --ir-gray-bg: #F5F7FA;
    --ir-gray-border: #E5E8EF;
    --ir-gray-text: #6B7A90;
    --ir-text-dark: #1D1D1D;
    --ir-radius-sm: 6px;
    --ir-radius-md: 12px;
    --ir-radius-lg: 18px;
    --ir-shadow-card: 0 2px 16px rgba(0, 46, 95, 0.10);
    --ir-max-width: 1200px;
    --ir-section-pad: 40px;
    font-family: var(--font-primary, 'Co Headline', 'Segoe UI', sans-serif);
    color: var(--ir-text-dark);
}


.ir-section-badge {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    gap: 10px;
    width: fit-content;
    height: 38px;
    background: rgba(0, 196, 179, 0.08);
    color: #00C4B3;
    border-radius: 300px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    flex: none;
    flex-grow: 0;
}


/* ── Shared section wrapper ─────────────────────────────────────────────── */
.ir-section__inner {
    margin:  0 auto;
   /* padding: var(--ir-section-pad) 30px;*/
}

.ir-section__title {
    font-size: 40px;
    font-weight: 400;
    color: rgba(0, 59, 112, 1);
    margin: 0px;
}


/* ── Button ─────────────────────────────────────────────────────────────── */
.ir-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 22px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: opacity .2s;
}
.ir-btn:hover { opacity: .85; }
.ir-btn--teal {
    background: rgba(0, 196, 179, 1);
    color: rgba(255, 255, 255, 1);
}

/* ════════════════════════════════════════════════════════════════════════════
   1. HERO — overlay gradient
   ════════════════════════════════════════════════════════════════════════════ */
.ir-page .Hero_Section::after {
    content:        '';
    position:       absolute;
    inset:          0;
    background:     linear-gradient(0deg, rgba(0, 59, 112, 0.4), rgba(0, 59, 112, 0.4)),
                    linear-gradient(90.3deg, #003B70 0.24%, rgba(0, 59, 112, 0) 99.74%);
    z-index:        1;
    pointer-events: none;
}

[dir="rtl"] .ir-page .Hero_Section::after,
.ir-page[dir="rtl"] .Hero_Section::after {
    background:     linear-gradient(0deg, rgba(0, 59, 112, 0.4), rgba(0, 59, 112, 0.4)),
                    linear-gradient(269.7deg, #003B70 0.24%, rgba(0, 59, 112, 0) 99.74%);
}

.ir-page .Hero_Content {
    position: relative;
    z-index:  2;
}

@media (max-width: 900px) {
    .Hero_Title {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 24px;
        line-height: 120%;
        letter-spacing: 0px;
    }
    .Personal_Segment_TabsMobile_TriggerText {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 16px;
        line-height: 115.99999999999999%;
        letter-spacing: 0%;
        text-align: right;
        text-transform: capitalize;
    }
    .ir-page .Hero_Section::after {
        content: '';
        position: absolute;
        inset: 0;
        background: linear-gradient(90.3deg, rgba(0, 59, 112, 0.8) 8.98%, rgba(0, 59, 112, 0) 99.74%), linear-gradient(180deg, rgba(0, 59, 112, 0) 42.65%, rgba(0, 59, 112, 0.8) 100%);
        z-index: 1;
        pointer-events: none;
    }
    /* Flip horizontal gradient for RTL */
    [dir="rtl"] .ir-page .Hero_Section::after,
    .ir-page[dir="rtl"] .Hero_Section::after {
        background:     linear-gradient(269.7deg, rgba(0, 59, 112, 0.8) 8.98%, rgba(0, 59, 112, 0) 99.74%),
                        linear-gradient(180deg, rgba(0, 59, 112, 0) 42.65%, rgba(0, 59, 112, 0.8) 100%);
    }
    .ir-page .Hero_Content {
        position: relative;
        z-index:  2;
    }
}

/* ════════════════════════════════════════════════════════════════════════════
   2. TAB NAVIGATION
   ════════════════════════════════════════════════════════════════════════════ */
.ir-tabs {
    display:      flex;
    align-items:  center;
    padding:      0 30px;
    gap:          24px;
    background:   var(--ir-white);
    position:     sticky;
    top:          62px;
    z-index:      50;
    border-bottom: 1px solid #EBEBEB;
    overflow-x:   auto;
    min-height:   56px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.ir-tabs::-webkit-scrollbar { display: none; }

/* Tab items */
.tabs__item {
    font-weight:     400;
    font-size:       16px;
    line-height:     116%;
    color:           #003B70;
    text-decoration: none;
    border-bottom:   2px solid transparent;
    transition:      color 0.3s, border-color 0.3s;
    white-space:     nowrap;
}
.tabs__item:hover          { color: rgba(0, 196, 179, 1); }
.tabs__item--active {
    color: rgba(0, 196, 179, 1);
    border-bottom-color: rgba(0, 196, 179, 1);
    padding: 18px;
}

/* Hide desktop bar on mobile — Personal_Segment_TabsMobile takes over */
@media (max-width: 900px) {
    .ir-tabs { display: none; }
}

/* ════════════════════════════════════════════════════════════════════════════
   3. REPORTS AND EVENTS
   ════════════════════════════════════════════════════════════════════════════ */
.ir-reports { background: var(--ir-white); }

/* ── Teal outer wrapper ── */
.ir-yr-accordion-wrap {
    background:    #00C4B3;
    border-radius: 16px;
    padding:       24px;
    width:         100%;
    box-sizing:    border-box;
}

/* ── Scrollable inner column ── */
.ir-yr-accordion {
    display:        flex;
    flex-direction: column;
    gap:            16px;
    overflow-y:     auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.4) transparent;
}
.ir-yr-accordion::-webkit-scrollbar { width: 6px; }
.ir-yr-accordion::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.4); border-radius: 3px; }

/* ── Individual year item ── */
.ir-yr-accordion__item {
    background:    #ffffff;
    border-radius: 16px;
}

/* ── Year header button ── */
.ir-yr-accordion__header {
    display:        flex;
    align-items:    center;
    gap:            16px;
    width:          100%;
    padding:        10px;
    background:     none;
    border:         none;
    cursor:         pointer;
    text-align:     start;
}
.ir-yr-accordion__header:focus-visible { outline: 2px solid #00C4B3; outline-offset: -2px; }
.RowDiv {
    align-items: center;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    width: 100%;
}
/* ── Teal icon box ── */
.ir-yr-accordion__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background: #00C4B3;
    border-radius: 10.9px;
    flex-shrink: 0;
}
.ir-yr-accordion__icon svg { width: 16px; height: 16px; }

/* ── Year label ── */
.ir-yr-accordion__label {
    flex:        1;
    font-family: 'Co Headline', sans-serif;
    font-size:   20px;
    font-weight: 400;
    line-height: 150%;
    color:       #003B70;
}
.fileIcon {
    color: white;
    font-size: 20px;
}
/* ── Chevron rotates when open ── */
.ir-yr-accordion__chevron {
    flex-shrink: 0;
    transition: transform 0.2s ease;
}
.ir-yr-accordion__item[data-open="true"] .ir-yr-accordion__chevron {
    transform: rotate(180deg);
}

/* ── Body hidden by default ── */
.ir-yr-accordion__body {
    display: none;
    padding: 0 16px 16px;
}
.ir-yr-accordion__item[data-open="true"] .ir-yr-accordion__body {
    display: block;
}

/* ── 4-column file grid ── */
.ir-yr-files-grid {
    display:               grid;
    grid-template-columns: repeat(4, 1fr);
    gap:                   24px;
}

/* ── Individual file card ── */
.ir-yr-file-card {
    display:        flex;
    flex-direction: column;
    align-items:    flex-start;
    gap:            24px;
    padding:        24px 16px;
    background:     #ffffff;
    border:         1px solid #E8E8E8;
    border-radius:  25px;
    text-decoration: none;
    transition:     box-shadow 0.15s ease;
}
.ir-yr-file-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.08); }

/* ── PDF icon ── */
.ir-yr-file-card__pdf-icon {
    width:      34px;
    height:     34px;
    min-width:  34px;
    display:    flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ir-yr-file-card__pdf-icon svg { width: 34px; height: 34px; }

/* ── Text block ── */
.ir-yr-file-card__body {
    display:        flex;
    flex-direction: column;
    gap:            3px;
    flex:           1;
    align-self:     stretch;
}
.ir-yr-file-card__name {
    font-family: 'Co Headline', sans-serif;
    font-size:   15px;
    font-weight: 400;
    line-height: 120%;
    color:       #003B70;
}
.ir-yr-file-card__meta {
    font-family: 'Co Headline', sans-serif;
    font-size:   14px;
    font-weight: 300;
    line-height: 100%;
    color:       #6A7282;
}

/* ── Download icon ── */
.ir-yr-file-card__download {
    margin-top: auto;
    align-self: flex-end;
    flex-shrink: 0;
}

/* ════════════════════════════════════════════════════════════════════════════
   4. STOCK INFORMATION
   ════════════════════════════════════════════════════════════════════════════ */
.ir-stock { background: #ffffff; }

.ir-stock__top {
    display:               grid;
    grid-template-columns: 1fr;
    gap:                   16px;
    align-items:           flex-start;
    margin-bottom:         30px;
}

.ir-stock__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
/*    gap: 8px;*/
}

.ir-stock__heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.ir-stock__right {
    display:        flex;
    flex-direction: column;
    justify-content: center;
    align-items:    flex-end;
}

.ir-stock__description {
    font-family: Co Headline;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0px;
    color: rgba(106, 114, 130, 1);
}

/* Shareholder groups grid */
.ir-shareholders {
    display:               grid;
    grid-template-columns: repeat(3, 1fr);
    gap:                   16px;
    margin-top:            24px;
}

.ir-shareholder-group {
    width: 384;
    height: 314;
    gap: 16px;
    opacity: 1;
    border-radius: 16px;
    border-width: 1px;
    padding: 32px;
    background: linear-gradient(135deg, #EFF6FF 0%, rgba(240, 253, 250, 0.3) 100%);
    border: 1px solid rgba(219, 234, 254, 1)
}
.ir-shareholder-group__title {
    display:        flex;
    flex-direction: column;
    align-items:    flex-start;
    gap:            12px;
    font-size:      20px;
    line-height:    150%;
    font-weight:    400;
    color:          #003B70;
    margin:         0 0 8px;
    padding-bottom: 0;
    border-bottom:  none;
}
.ir-shareholder-group__title-icon {
    width: 48px;
    height: 48px;
    padding-left: 0px;
    opacity: 1;
    border-radius: 10.91px;
    background: var(--ir-teal);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.ir-shareholder-group__title-icon svg {
    width:  16px;
    height: 16px;
}
.ir-shareholder-group__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ir-shareholder-group__item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: rgba(106, 114, 130, 1);
}
.ir-shareholder-group__dot {
    width:         20px;
    height:        20px;
    border-radius: 50%;
    background:    var(--ir-teal);
    display:       inline-flex;
    align-items:   center;
    justify-content: center;
    flex-shrink:   0;
    margin-top:    2px;
}
.ir-shareholder-group__dot::before {
    content:    "\2713";
    color:      #fff;
    font-size:  11px;
    line-height: 1;
}

/* Stock iframe */
.ir-stock__iframe-wrap {
    display:        flex;
    flex-direction: column;
    align-items:    flex-start;
    padding:        32px;
    gap:            16px;
    width:          100%;
    box-sizing:     border-box;
   /* margin-top:     32px;*/
    background:     linear-gradient(135deg, #EFF6FF 0%, rgba(240, 253, 250, 0.3) 100%);
    border:         1px solid #DBEAFE;
    border-radius:  16px;
}
.ir-stock__iframe-wrap iframe {
    display:       block;
    width:         100%;
    height:        531px;
    border:        1px solid #EBEBEB;
    border-radius: 16px;
    flex:          none;
    align-self:    stretch;
    flex-grow:     0;
}

/* Stock ticker */
.ir-stock__ticker {
    background:    linear-gradient(135deg, #EFF6FF 0%, rgba(240, 253, 250, 0.3) 100%);
    border:        1px solid #DBEAFE;
    border-radius: 16px;
    padding:       32px;
    margin-top:    20px;
    margin-bottom: 20px;
    overflow:      hidden;
}
.ir-stock__ticker--placeholder { min-height: 320px; display: flex; align-items: stretch; }
.ir-ticker-demo {
    width:         100%;
    min-height:    260px;
    background:    #ffffff;
    border:        1px solid #EBEBEB;
    border-radius: 16px;
    padding:       22px;
    display:       flex;
    align-items:   flex-start;
    gap:           24px;
}
.ir-ticker-demo__value {
    font-size:   52px;
    font-weight: 700;
    color:       var(--ir-navy);
    line-height: 1;
}
.ir-ticker-demo__meta {
    font-size: 14px;
    color:     var(--ir-gray-text);
}

/* Additional note */
.ir-stock__note {
    background: linear-gradient(135deg, #EFF6FF 0%, rgba(240, 253, 250, 0.3) 100%);
    border: 1px solid rgba(219, 234, 254, 1);
    border-radius: 16px;
    padding: 24px 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    color: rgba(106, 114, 130, 1);
    margin-top: 20px;
    margin-bottom: 20px;
    font-style: normal;
    font-family: Co Headline;
}
.ir-stock .ir-section__title {
    color:       #003B70;
    font-size:   40px;
    line-height: 116%;
    font-weight: 400;
    margin:      0px;
    text-align:  start;
}

/* ════════════════════════════════════════════════════════════════════════════
   5. CORPORATE GOVERNANCE
   ════════════════════════════════════════════════════════════════════════════ */
.ir-governance { background: var(--ir-white); }

.ir-governance__grid {
    display:         flex;
    flex-direction:  row;
    justify-content: space-between;
    align-items:     stretch;
    padding:         40px 32px;
    gap:             32px;
    isolation:       isolate;
    background:      linear-gradient(101.85deg, #003B70 8.23%, #0058A8 60.31%, #0065C0 83.15%, #0071D6 103.25%);
    border-radius:   16px;
    box-sizing:      border-box;
}

.ir-governance__left {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ir-governance__left .ir-gov-items {
    flex: 1;
}

.ir-governance .ir-section-badge {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.ir-governance .ir-section-badge::before {
    background: #ffffff;
}

    .ir-governance .ir-section-badge span {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
    }

.ir-governance .ir-section__title {
    color:       #ffffff;
    font-weight: 400;
    margin:      0 0 8px;
}

/* Governance text items */
.ir-gov-items {
    display:        flex;
    flex-direction: column;
    gap:            12px;
    height:         100%;
}
.ir-gov-item {
    display:        flex;
    flex:           1;
    flex-direction: column;
    gap:            14px;
    align-items:    flex-start;
    background:    rgba(255, 255, 255, 0.08);
    border:        1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    padding:       14px 16px;
}
.ir-gov-item__icon {
    flex-shrink:    0;
    margin-top:     0;
    width:          32px;
    height:         32px;
    border-radius:  8px;
    background:     #00C4B3;
    display:        inline-flex;
    align-items:    center;
    justify-content: center;
}
.ir-gov-item__text {
    font-size:   16px;
    font-weight: 400;
    line-height: 150%;
    color:       rgba(255, 255, 255, 0.95);
    margin:      0;
}

/* Governance report card */
.ir-governance__right {
    width:          40%;
    min-width:      300px;
    display:        flex;
    flex-direction: column;
}

.ir-gov-report-card {
    border:         1px solid rgba(255, 255, 255, 0.4);
    border-radius:  12px;
    overflow:       hidden;
    background:     var(--ir-white);
    flex:           1;
    display:        flex;
    flex-direction: column;
}
.ir-gov-report-card__header {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         18px 20px;
    border-bottom:   1px solid var(--ir-gray-border);
}
.ir-gov-report-card__title {
    font-size:   15px;
    font-weight: 400;
    color:       var(--ir-navy);
    margin:      0;
}
.ir-gov-report-card__link {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    gap:             16px;
    color:           var(--ir-teal);
    text-decoration: none;
    width:           100%;
}
.ir-gov-report-card__media {
    position: relative;
    margin: 12px;
}
.ir-gov-report-card__accent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    width: 81px;
    height: 84px;
}
.ir-gov-report-card__image {
    width:         100%;
    margin:        0;
    height:        auto;
    object-fit:    cover;
    display:       block;
    border-radius: 8px;
    flex:          1;
    object-position: center top;
}
.ir-gov-report-card__image-placeholder {
    flex:       1;
    margin:     12px;
    background: var(--ir-gray-bg);
    border-radius: 8px;
    min-height: 180px;
}

/* ════════════════════════════════════════════════════════════════════════════
   6. SERVICE AND CONTACTS
   ════════════════════════════════════════════════════════════════════════════ */
.ir-service {
    background: #ffffff;
}

/*.ir-service .ir-section__inner {
    padding-top:    48px;
    padding-bottom: 48px;
}*/

.ir-service__grid {
    display:               grid;
    grid-template-columns: 1fr 1fr;
    gap:                   24px;
    align-items:           stretch;
}

.ir-service__imgWrap {
    border-radius: 16px;
    overflow:      hidden;
    min-height:    340px;
}

    .ir-service__imgWrap img {
        width:      100%;
        height:     100%;
        object-fit: cover;
        display:    block;
        /* inset box-shadow paints on top of the image content (unlike
           background, which sits behind it), so this tints the photo
           without needing a separate overlay element */
        box-shadow: inset 0 0 0 999px #003B7066;
    }

.ir-service__card {
    background:     #003B70;
    border-radius:  16px;
    display:        flex;
    flex-direction: column;
    align-items:    center;
    justify-content: center;
    text-align:     center;
    gap:            24px;
    padding:        48px 32px;
}

/* Badge override — white pill */
.ir-service .ir-section-badge {
    background: rgba(255, 255, 255, 0.16);
    color:      #ffffff;
    width:      auto;
}
.ir-service .ir-section-badge::before {
    background: #ffffff;
}

.ir-service__title {
    font-size:   32px;
    line-height: 120%;
    font-weight: 400;
    color:       var(--ir-white);
    margin:      0;
}
.ir-service__desc {
    font-size:   16px;
    line-height: 150%;
    font-weight: 400;
    color:       rgba(255, 255, 255, 0.9);
    max-width:   536px;
    margin:      0;
}

/* Email block */
.ir-service__email {
    display:        inline-flex;
    flex-direction: column;
    align-items:    center;
    gap:            8px;
}
.ir-service__email-label {
    font-size:       16px;
    font-weight:     400;
    letter-spacing:  0.8px;
    color:           #FFFFFF;
}
.ir-service__email-row {
    display:     inline-flex;
    flex-direction: row;
    align-items: center;
    gap:         10px;
    color:       #ffffff;
}
.ir-service__email-row svg {
    flex-shrink: 0;
    width:       24px;
    height:      24px;
}
.ir-service__email-row a {
    color:           #ffffff;
    text-decoration: none;
    font-size:       14px;
    font-weight:     400;
    line-height:     150%;
}
.ir-service__email-row a:hover {
    text-decoration: underline;
}

/* ════════════════════════════════════════════════════════════════════════════
   RTL SUPPORT
   ════════════════════════════════════════════════════════════════════════════ */
[dir="rtl"] .ir-service .ir-section__inner { text-align: center; }
[dir="rtl"] .ir-stock__description { text-align: start; }
[dir="rtl"] .ir-stock__right { align-items: flex-start; }
[dir="rtl"] .ir-gov-report-card__accent { left: auto; right: 0; }

/* ════════════════════════════════════════════════════════════════════════════
   BREAKPOINTS
   ════════════════════════════════════════════════════════════════════════════ */

/* 1100px */
@media (max-width: 1100px) {
    .ir-yr-files-grid       { grid-template-columns: repeat(2, 1fr); }
    .ir-governance__grid    { flex-direction: column; align-items: stretch; padding: 24px; }
    .ir-governance__right   { width: 100%; min-width: 0; }
    .ir-stock__top          { grid-template-columns: 1fr; gap: 16px; }
    .ir-stock__right        { align-items: flex-start; }
    .ir-stock__description  { text-align: start; }
}

/* 768px */
@media (max-width: 768px) {
    .ir-stock__heading{
        width:100%;
    }
    [dir="rtl"] .ir-stock__description {
        text-align: center;
    }
    .Hero_ImgWrapper img {
        width: 100%;
        height: 100%;
        object-fit:fill;
    }
    .ir-page {
        --ir-section-pad: 40px;
    }

    /* Section title */
    .ir-section__title {
        font-family: Co Headline;
        font-size: 24px;
        width: 100%;
        text-align: center;
        font-weight: 400;
    }
    .ir-section-badge { margin-inline: auto; }

    /* Reports */
    .ir-yr-accordion-wrap  { padding: 16px; }
    .ir-yr-accordion__label { font-size: 16px; }
    .ir-yr-files-grid      { grid-template-columns: repeat(2, 1fr); gap: 12px; }

    /* Stock */
    .ir-stock .ir-section__title {
        font-size:  24px;
        text-align: center;
        margin:     0px;
    }
    .ir-stock__description { text-align: center; }
    .ir-stock__note        { text-align: center; padding: 20px; }
    .ir-shareholders       { grid-template-columns: 1fr; gap: 12px; }
    .ir-shareholder-group  { width: 100%; padding: 20px; gap: 12px; }
    .ir-shareholder-group__title       { font-size: 18px; gap: 10px; margin: 0 0 4px; }
    .ir-shareholder-group__title-icon  { width: 48px; height: 48px; }
    .ir-shareholder-group__title-icon svg { width: 16px; height: 16px; }
    .ir-shareholder-group__title span {
        margin-bottom:20px;
        font-family: Co Headline;
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0px;
        color: rgba(0, 59, 112, 1);
    }

    /* Governance */
   /* .ir-governance .ir-section__inner { padding: 24px 16px; }*/
    .ir-governance__grid {
        opacity: 1;
        gap: 16px;
        border-radius: 16px;
        padding: 16px;
        background: linear-gradient(101.85deg, #003B70 8.23%, #0058A8 60.31%, #0065C0 83.15%, #0071D6 103.25%);
    }
    .ir-governance__left {
        align-items: center;
    }
    .ir-governance .ir-section__title {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 24px;
        line-height: 100%;
        letter-spacing: 0%;
        width: 100%;
        text-align: center;
    }
    .ir-gov-item__icon {
        width: 48px;
        height: 48px;
        opacity: 1;
        border-radius: 12px;
        border-width: 0.86px;
        background: rgba(0, 196, 179, 1);
        align-self: self-start;
    }
    .ir-gov-item {
        flex-direction: column;
        align-items: flex-start;
        backdrop-filter: blur(0px);
        border: 1px solid rgba(255, 255, 255, 0.1);
        justify-content: center;
        align-items: center;
        text-align: start;
    }
    .ir-gov-item__text {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0px;
        color: rgba(255, 255, 255, 1);
    }
    .ir-gov-report-card__title {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0%;
        width: 206px;
        height: 28px;
        opacity: 1;
    }
    .ir-gov-report-card__image {
        width: 100%;
        margin: 0;
        border-radius: 6px;
    }
    .ir-gov-report-card__media {
        margin: 8px;
    }
    .ir-gov-report-card__accent {
        width: 48px;
        height: 50px;
    }
    .ir-gov-report-card__image-placeholder { margin: 8px; min-height: 160px; }

    /* Service */
    .ir-service__grid {
        grid-template-columns: 1fr;
    }

    .ir-service__imgWrap {
        min-height: 220px;
    }

    .ir-service__card {
        padding: 32px 20px;
    }

    .ir-service__title {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        text-align: center;
    }

    .ir-service__desc {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 0px;
        text-align: center;
        color: rgba(255, 255, 255, 0.9);
        max-width: 343px;
        margin: 0;
    }
    /* Email */
    .ir-service__email {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        font-family: Co Headline;
        font-weight: 400;
        font-size: 14px;
        line-height: 100%;
        letter-spacing: 0px;
        text-align: center;
        color: rgba(255, 255, 255, 1);
    }
    .ir-service__email-label {
        order: 2;
        font-size: 14px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 0px;
        color: rgba(255, 255, 255, 1);
    }
    .ir-service__email-row {
        display: contents;
    }
    .ir-service__email-row svg {
        order: 1;
    }
    .ir-service__email-row a {
        order: 3;
    }
}

/* 560px */
@media (max-width: 560px) {
   /* .ir-section__inner     { padding: 36px 16px; }*/
    .ir-yr-files-grid      { grid-template-columns: 1fr; }
    .ir-shareholders       { grid-template-columns: 1fr; }
    .ir-service__title {
        font-family: Co Headline;
        font-weight: 400;
        font-size: 24px;
        line-height: 130%;
        letter-spacing: 0px;
        text-align: center;
    }
    .ir-ticker-demo__value { font-size: 36px; }
}