/* DBIM styling for the home (index) page. Loads after dbim-header.css and reuses its tokens and icon masks. */

.ic-phone {
    --ic: url(../images/dbim-icons/phone.svg);
}

.ic-external {
    --ic: url(../images/dbim-icons/open-in-new.svg);
}

.ic-pdf {
    --ic: url(../images/dbim-icons/pdf.svg);
}

body.englishDoc {
    font-family: var(--dbim-font);
    color: var(--dbim-text);
}

.contentPart,
.contentPart p,
.contentPart li {
    font-family: var(--dbim-font);
}

.contentPart a {
    color: var(--dbim-blue);
}

.contentPart a:hover {
    color: var(--dbim-navy);
    text-decoration: underline;
}

.contentPart a:focus-visible {
    outline: 2px solid var(--dbim-blue) !important;
    outline-offset: 2px;
}

/* ---------- banner / slider ---------- */
.contentleftBlockbanner,
.banner-area,
.flexslider {
    border-radius: 4px;
}

/* ---------- What's New / Press Release tabs ---------- */
.commonTabs1 .tabNavv,
.commonTabs1 .r-tabs-nav {
    display: flex;
    gap: 0;
    margin: 0 0 0;
    padding: 0;
    list-style: none;
    border-bottom: 3px solid var(--dbim-blue);
}

.commonTabs1 .r-tabs-tab {
    float: none;
    margin: 0;
    background: #fff;
}

.commonTabs1 .r-tabs-anchor {
    display: block;
    padding: 12px 22px;
    color: var(--dbim-navy) !important;
    font: 600 1rem var(--dbim-font);
    background: #EEF2FB;
    border: 1px solid var(--dbim-line);
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    text-decoration: none;
}

.commonTabs1 .r-tabs-anchor:hover {
    background: #fff;
    text-decoration: none;
}

.commonTabs1 .r-tabs-state-active .r-tabs-anchor,
.commonTabs1 .r-tabs-state-activee .r-tabs-anchor {
    background: var(--dbim-navy);
    color: #fff !important;
    border-color: var(--dbim-navy);
}

.commonTabs1 .pd-bfont {
    font-size: inherit;
    font-weight: inherit;
}

.press-release {
    border: 1px solid var(--dbim-line);
    border-top: 0;
    border-radius: 0 0 4px 4px;
    background: #fff;
}

.press-release li {
    border-bottom: 1px solid #E5E9F2;
    padding: 5px 10px;
}

.press-release li:last-child {
    border-bottom: 0;
}

.press-release .tickerDivBlock li a {
    font: 400 0.9375rem/1.5 var(--dbim-font);
    color: var(--dbim-navy);
}

.press-release .tickerDivBlock li a:hover {
    color: var(--dbim-blue);
}

.press-release .playPause {
    background: var(--dbim-navy);
    color: #fff !important;
    border-radius: 4px;
    padding: 4px 12px;
    font: 600 0.8125rem var(--dbim-font);
    text-decoration: none;
}

/* ---------- contact cards (right column) ---------- */
.rightContent_shadow_1,
.rightContent_shadow_2 {
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-left: 4px solid var(--dbim-blue);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(22, 47, 106, .08);
}

.title-head-white {
    font: 600 1rem/1.4 var(--dbim-font);
    color: var(--dbim-navy) !important;
}

.sdw {
    font: 400 0.9375rem/1.5 var(--dbim-font);
    color: var(--dbim-navy) !important;
    text-shadow: none;
}

.sdw .dbim-ic,
.rightContent_shadow_1 .dbim-ic,
.rightContent_shadow_2 .dbim-ic {
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    color: var(--dbim-blue);
}

/* ---------- ambassador ---------- */
.ambassadorBox {
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(22, 47, 106, .08);
}

.ambassadorName {
    font: 700 1.125rem var(--dbim-font);
    color: var(--dbim-navy);
}

/* ---------- important links ---------- */
.important_links {
    border: 1px solid var(--dbim-line);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

.important_links h2 {
    margin: 0;
    padding: 14px 16px !important;
    text-align: left !important;
    font: 700 1.125rem var(--dbim-font);
    color: #fff !important;
    background: var(--dbim-navy) !important;
}

.impHomeLinks {
    margin: 0;
    padding: 0;
    list-style: none;
}

.impHomeLinks li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px !important;
    border-bottom: 1px solid #E5E9F2;
    font: 400 0.9375rem/1.5 var(--dbim-font);
}

.impHomeLinks li:last-child {
    border-bottom: 0;
}

.impHomeLinks li br {
    display: none;
}

.impHomeLinks li a {
    flex: 1 1 auto;
    color: var(--dbim-navy);
}

.impHomeLinks li a:hover {
    color: var(--dbim-blue);
}

.impHomeLinks li img[alt="link_icon"] {
    display: none;
}

.impHomeLinks li:has(a[target="_blank"])>a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 6px;
    vertical-align: -2px;
    background: currentColor;
    -webkit-mask: url(../images/dbim-icons/open-in-new.svg) center / contain no-repeat;
    mask: url(../images/dbim-icons/open-in-new.svg) center / contain no-repeat;
}

.dbim-bullet {
    width: 20px;
    height: 20px;
    margin-top: 2px;
    color: var(--dbim-blue);
}

/* ---------- ticker strip ---------- */
.marquees {
    font: 600 0.9375rem var(--dbim-font);
    color: var(--dbim-navy);
    background: #EEF2FB;
    border-top: 1px solid var(--dbim-line);
    border-bottom: 1px solid var(--dbim-line);
}

/* ---------- footer ---------- */
#footer .footerCont {
    background: var(--dbim-navy);
    font-family: var(--dbim-font);
}

#footer .footerLinks li a {
    color: #fff;
}

#footer .footerLinks li a:hover {
    color: #FFD27A;
}

/* ---------- dark / high contrast ---------- */
html[data-dbim-contrast="dark"] .contentPart a,
html[data-dbim-contrast="high"] .contentPart a {
    color: var(--t-link) !important;
}

html[data-dbim-contrast="dark"] .commonTabs1 .r-tabs-anchor,
html[data-dbim-contrast="high"] .commonTabs1 .r-tabs-anchor {
    background-color: var(--t-surface) !important;
    color: var(--t-link) !important;
}

html[data-dbim-contrast="dark"] .commonTabs1 .r-tabs-state-activee .r-tabs-anchor {
    background-color: var(--dbim-blue) !important;
    color: #fff !important;
}

html[data-dbim-contrast="high"] .commonTabs1 .r-tabs-state-activee .r-tabs-anchor {
    background-color: #FFFF00 !important;
    color: #000 !important;
}

html[data-dbim-contrast="dark"] .important_links h2,
html[data-dbim-contrast="high"] .important_links h2 {
    background-color: var(--dbim-navy) !important;
    border-bottom: 1px solid var(--t-line);
}

@media only screen and (max-width: 767px) {
    .commonTabs1 .r-tabs-anchor {
        padding: 10px 14px;
        font-size: 0.9375rem;
    }

    .impHomeLinks li {
        padding: 10px 12px !important;
    }
}

/* ---------- homepage slider (DBIM) ---------- */
.indexBanner {
    position: relative;
    background: var(--dbim-navy);
}

.indexBanner .contentWidthSlider {
    overflow: hidden;
}

#js_slider .item,
#js_slider .dataSlider {
    position: relative;
}

#js_slider .sliderImg {
    line-height: 0;
    background: #0F1F4D;
}

#js_slider .sliderImg img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 21 / 9;
    object-fit: cover;
    object-position: center;
}

#js_slider .bannerCaption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(10, 22, 58, .92), rgba(10, 22, 58, .55) 70%, rgba(10, 22, 58, 0));
}

#js_slider .sliderText {
    min-height: 0 !important;
    padding: 36px 150px 18px 24px !important;
    background: none !important;
}

#js_slider .sliderText .title,
#js_slider .sliderText .title a {
    margin: 0;
    font: 600 1.25rem/1.45 var(--dbim-font);
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .5);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#js_slider .owl-item {
    transition: opacity .6s ease;
}

.indexBanner .sliderControlLinks {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
}

.indexBanner .sliderControlLinks .container {
    position: relative;
}

.indexBanner .sliderControlWrap {
    padding: 0 16px 12px;
    pointer-events: none;
}

.indexBanner .sliderControls {
    display: flex;
    align-items: center;
    gap: 6px;
    float: right;
    width: auto;
    margin: 0;
    pointer-events: auto;
}

.indexBanner .sliderControls a {
    position: relative;
    display: block;
    flex: 0 0 36px;
    float: none;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-indent: -999em;
    overflow: hidden;
    background: rgba(255, 255, 255, .14) !important;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    transition: background .2s;
}

.indexBanner .sliderControls a:hover {
    background: var(--dbim-blue) !important;
}

.indexBanner .sliderControls a:focus-visible {
    outline: 2px solid #fff !important;
    outline-offset: 2px;
}

.indexBanner .sliderControls a::before {
    content: "";
    position: absolute;
    inset: 6px;
    background: #fff;
    text-indent: 0;
    -webkit-mask: var(--ic) center / contain no-repeat;
    mask: var(--ic) center / contain no-repeat;
}

.indexBanner .sliderControls .prevIcon {
    --ic: url(../images/dbim-icons/chevron-right.svg);
}

.indexBanner .sliderControls .prevIcon::before {
    transform: rotate(180deg);
}

.indexBanner .sliderControls .nextIcon {
    --ic: url(../images/dbim-icons/chevron-right.svg);
}

.indexBanner .sliderControls .sliderPause {
    --ic: url(../images/dbim-icons/pause.svg);
}

.indexBanner .sliderControls .sliderPlay {
    --ic: url(../images/dbim-icons/play.svg);
}

.indexBanner .sliderControls a.sliderPlay {
    display: none;
}

@media only screen and (max-width: 1023px) {
    #js_slider .sliderImg img {
        aspect-ratio: 16 / 9;
    }

    #js_slider .sliderText {
        padding: 28px 130px 14px 16px !important;
    }

    #js_slider .sliderText .title,
    #js_slider .sliderText .title a {
        font-size: 1.0625rem;
    }
}

@media only screen and (max-width: 600px) {
    #js_slider .sliderImg img {
        aspect-ratio: 4 / 3;
    }

    #js_slider .bannerCaption {
        position: static;
        background: var(--dbim-navy);
    }

    #js_slider .sliderText {
        padding: 12px 12px 52px !important;
    }

    #js_slider .sliderText .title,
    #js_slider .sliderText .title a {
        font-size: 1rem;
        -webkit-line-clamp: 4;
    }

    .indexBanner .sliderControlWrap {
        padding: 0 12px 10px;
    }

    .indexBanner .sliderControls a {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #js_slider .owl-item {
        transition: none;
    }
}

/* ---------- home page type scale (DBIM: dense content uses Paragraph 2 = 14px; headings step down) ---------- */
body#bdMainSite.dbim-home .contentPart,
body#bdMainSite.dbim-home .contentPart p,
body#bdMainSite.dbim-home .contentPart li,
body#bdMainSite.dbim-home .contentPart a,
body#bdMainSite.dbim-home .contentPart span,
body#bdMainSite.dbim-home .contentPart td,
body#bdMainSite.dbim-home .contentPart strong,
body#bdMainSite.dbim-home .contentPart b,
body#bdMainSite.dbim-home .contentPart div {
    font-size: var(--fs-p2);
    line-height: 1.5;
}

body#bdMainSite.dbim-home .commonTabs1 .r-tabs-anchor,
body#bdMainSite.dbim-home .commonTabs1 .pd-bfont {
    font-size: var(--fs-p1);
}

body#bdMainSite.dbim-home .press-release .tickerDivBlock li a,
body#bdMainSite.dbim-home .impHomeLinks li a {
    font-size: var(--fs-p2);
}

body#bdMainSite.dbim-home .contentPart h2,
body#bdMainSite.dbim-home .important_links h2 {
    font-size: var(--fs-h3) !important;
}

body#bdMainSite.dbim-home .contentPart h3,
body#bdMainSite.dbim-home .title-head-white,
body#bdMainSite.dbim-home .sdw {
    font-size: var(--fs-p1) !important;
    line-height: 1.4;
    margin-bottom: .4em;
}

body#bdMainSite.dbim-home .ambassadorName {
    font-size: var(--fs-h3);
}

body#bdMainSite.dbim-home .marquees,
body#bdMainSite.dbim-home .marquees p,
body#bdMainSite.dbim-home .marquees a,
body#bdMainSite.dbim-home .marques_con {
    font-size: var(--fs-p2) !important;
}

body#bdMainSite.dbim-home .dbim-ic {
    font-size: inherit;
}

/* =====================================================================
   HOME PAGE LAYOUT (DBIM) - scoped to the page that has the slider
   12-column rhythm: 24px gutters, 16px inner padding, 8px spacing steps
   ===================================================================== */
body#bdMainSite.dbim-home .innerContentPart {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px;
    padding: 24px 0 !important;
    margin: 0;
}

body#bdMainSite.dbim-home .innerContentPart::before,
body#bdMainSite.dbim-home .innerContentPart::after {
    display: none;
}

body#bdMainSite.dbim-home .leftPartInner {
    float: none !important;
    flex: 1 1 0;
    min-width: 0;
    width: auto !important;
    padding: 0 !important;
}

body#bdMainSite.dbim-home .rightPartShadow {
    float: none !important;
    flex: 0 0 340px;
    width: 340px !important;
    max-width: 100%;
    padding: 0 !important;
    margin: 0 !important;
}

body#bdMainSite.dbim-home br {
    line-height: 0;
}

/* notice strip */
body#bdMainSite.dbim-home .marquees {
    height: auto !important;
    min-height: 44px;
    margin: 0 !important;
    padding: 10px 16px;
    line-height: 1.5 !important;
    display: flex;
    align-items: center;
}

body#bdMainSite.dbim-home .marquees .marques_con {
    padding: 0;
    width: 100%;
}

body#bdMainSite.dbim-home .marquees a {
    color: var(--dbim-navy) !important;
    font-weight: 600;
}

body#bdMainSite.dbim-home .marquees img {
    height: 16px;
    width: auto;
    vertical-align: -3px;
}

/* What's New / Press Release block: auto height instead of the fixed 563px */
body#bdMainSite.dbim-home .commonTabs1 {
    height: auto !important;
    border: 0;
    border-radius: 0;
}

body#bdMainSite.dbim-home .resTabb.commonTabs1 .tabContainer {
    height: 440px !important;
    border: 1px solid var(--dbim-line);
    border-top: 0;
}

body#bdMainSite.dbim-home .press-release {
    border: 0;
}

body#bdMainSite.dbim-home .press-release .allRecords1,
body#bdMainSite.dbim-home .press-release .ticker {
    position: relative;
}

body#bdMainSite.dbim-home .press-release .tickerDivBlock {
    height: 380px !important;
}

/* contact cards: remove the inline top:... positioning hacks, make a clean stacked card */
body#bdMainSite.dbim-home .in-dis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    height: auto !important;
    margin: 24px 0 0;
}

body#bdMainSite.dbim-home .rightContent_shadow_1,
body#bdMainSite.dbim-home .rightContent_shadow_2 {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    float: none !important;
    margin: 0 0 16px !important;
    padding: 16px !important;
    box-sizing: border-box;
    background-image: none !important;
}

body#bdMainSite.dbim-home .in-dis .rightContent_shadow_1,
body#bdMainSite.dbim-home .in-dis .rightContent_shadow_2 {
    margin: 0 !important;
}

body#bdMainSite.dbim-home .rightContent_shadow_1 h3,
body#bdMainSite.dbim-home .rightContent_shadow_2 h3 {
    position: static !important;
    top: auto !important;
    margin: 0 0 8px !important;
    text-align: left !important;
}

body#bdMainSite.dbim-home .rightContent_shadow_1 a {
    text-decoration: none;
    display: block;
}

body#bdMainSite.dbim-home .rightContent_shadow_1 a:hover h3 {
    color: var(--dbim-blue) !important;
}

body#bdMainSite.dbim-home .rightContent_shadow_1 br,
body#bdMainSite.dbim-home .rightContent_shadow_2 br {
    display: none;
}

body#bdMainSite.dbim-home .in-dis+br {
    display: none;
}

/* albums / videos row */
body#bdMainSite.dbim-home .inline {
    margin-top: 24px;
    display: block;
}

body#bdMainSite.dbim-home .video-gallery {
    border: 1px solid var(--dbim-line);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

body#bdMainSite.dbim-home .albun-rightcontent {
    float: none !important;
    width: 100% !important;
    padding: 12px 16px !important;
    box-sizing: border-box;
}

body#bdMainSite.dbim-home .video-gallery .tabContainer {
    padding: 0;
}

body#bdMainSite.dbim-home .video-gallery .tickerDivBlock li {
    padding: 10px 16px;
}

body#bdMainSite.dbim-home .video-gallery img {
    max-width: 100%;
    height: auto;
}

/* social feeds: two equal cards, stacked on small screens */
body#bdMainSite.dbim-home .socialBlockCont {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 24px;
}

body#bdMainSite.dbim-home .socialBlockCont .resTab {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    min-width: 0;
    border: 1px solid var(--dbim-line);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

body#bdMainSite.dbim-home .socialBlockCont .resTab>p {
    height: auto !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-radius: 0 !important;
    font: 600 var(--fs-p1) var(--dbim-font) !important;
    color: #fff !important;
    background: var(--dbim-navy) !important;
}

body#bdMainSite.dbim-home .socialBlockCont .tabNav {
    display: flex;
}

body#bdMainSite.dbim-home .socialBlockCont .tabNav li {
    flex: 1 1 50%;
}

body#bdMainSite.dbim-home .socialBlockCont .tabNav li a {
    padding: 12px 8px;
    font-size: var(--fs-p2);
    border: 0;
    text-align: center;
    display: block;
}

body#bdMainSite.dbim-home .socialBlockCont .tabContainer {
    min-height: 0;
}

body#bdMainSite.dbim-home .socialBlockCont .tabContent {
    max-height: none;
}

body#bdMainSite.dbim-home .socialBlockCont iframe,
body#bdMainSite.dbim-home .socialBlockCont .twitter-timeline {
    width: 100% !important;
    max-width: 100%;
    height: 480px !important;
    border: 0;
}

/* right column: ambassador + info cards */
body#bdMainSite.dbim-home .ambassadorBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 24px 16px;
    margin-bottom: 16px;
    background: #fff;
}

body#bdMainSite.dbim-home .ambassadorPhoto img {
    width: 160px;
    max-width: 60%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border: 4px solid var(--dbim-tint);
    border-radius: 50%;
}

body#bdMainSite.dbim-home .ambassadorDetails {
    margin-top: 12px;
}

body#bdMainSite.dbim-home .ambassadorDetails p.ambassadorName {
    font-size: var(--fs-h3);
    line-height: 1.3;
    margin: 0 0 8px;
    color: var(--dbim-navy);
}

body#bdMainSite.dbim-home .ambassadorDetailList {
    display: flex;
    justify-content: center;
    gap: 8px 20px;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

body#bdMainSite.dbim-home .ambassadorDetailList li {
    float: none;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
}

body#bdMainSite.dbim-home .ambassadorDetailList i.fa {
    color: var(--dbim-blue);
    font-size: var(--fs-p1);
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1 {
    display: block;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1 h3 {
    margin: 0 !important;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1 a {
    display: block;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1.mt-2 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding: 12px 16px !important;
}

/* partner logo grid */
body#bdMainSite.dbim-home .impBanners {
    float: none;
    width: 100%;
    padding: 0 !important;
    margin: 32px 0 0;
    clear: both;
}

body#bdMainSite.dbim-home .cols4Block {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

body#bdMainSite.dbim-home .cols4Block .colsBlock {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

body#bdMainSite.dbim-home .cols4Block figure {
    margin: 0;
    border: 1px solid var(--dbim-line);
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
}

body#bdMainSite.dbim-home .cols4Block img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------- tablet ---------- */
@media only screen and (max-width: 1023px) {
    body#bdMainSite.dbim-home .innerContentPart {
        padding: 16px 0 !important;
        gap: 16px;
    }

    body#bdMainSite.dbim-home .leftPartInner {
        flex: 1 1 100%;
    }

    body#bdMainSite.dbim-home .rightPartShadow {
        flex: 1 1 100%;
        width: 100% !important;
    }

    body#bdMainSite.dbim-home .rightPartShadow .ambassadorBox {
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }

    body#bdMainSite.dbim-home .rightpart {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px 16px;
    }

    body#bdMainSite.dbim-home .rightContent_shadow_1 {
        margin-bottom: 0 !important;
    }

    body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1.mt-2 {
        margin-bottom: 0 !important;
    }

    body#bdMainSite.dbim-home .important_links {
        grid-column: 1 / -1;
    }

    body#bdMainSite.dbim-home .cols4Block {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body#bdMainSite.dbim-home .contentleftBlockbanner {
        display: block !important;
    }
}

/* ---------- mobile ---------- */
@media only screen and (max-width: 767px) {
    body#bdMainSite.dbim-home .in-dis {
        grid-template-columns: 1fr;
    }

    body#bdMainSite.dbim-home .socialBlockCont {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body#bdMainSite.dbim-home .rightpart {
        grid-template-columns: 1fr;
    }

    body#bdMainSite.dbim-home .cols4Block {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    body#bdMainSite.dbim-home .resTabb.commonTabs1 .tabContainer {
        height: 380px !important;
    }

    body#bdMainSite.dbim-home .press-release .tickerDivBlock {
        height: 320px !important;
    }

    body#bdMainSite.dbim-home .socialBlockCont iframe {
        height: 420px !important;
    }

    body#bdMainSite.dbim-home .marquees {
        padding: 8px 12px;
    }

    .resTabb .tabNavv li {
        flex: 1 1 50%;
    }

    .resTabb .tabNavv li a {
        text-align: center;
        padding: 12px 8px !important;
    }
}

@media only screen and (max-width: 420px) {
    body#bdMainSite.dbim-home .cols4Block {
        grid-template-columns: 1fr 1fr;
    }

    body#bdMainSite.dbim-home .ambassadorPhoto img {
        width: 128px;
    }
}

/* partner logos: the markup has 8 separate 4-up rows; flatten them into one responsive grid */
body#bdMainSite.dbim-home .impBanners {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

body#bdMainSite.dbim-home .impBanners>.cols4Block {
    display: contents;
}

body#bdMainSite.dbim-home .impBanners>.cols4Block::before,
body#bdMainSite.dbim-home .impBanners>.cols4Block::after {
    display: none;
}

body#bdMainSite.dbim-home .impBanners>.contentleftBlock,
body#bdMainSite.dbim-home .impBanners>.resTabIcons {
    grid-column: 1 / -1;
}

body#bdMainSite.dbim-home .impBanners .cols4Block figure {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    box-sizing: border-box;
}

body#bdMainSite.dbim-home .impBanners .cols4Block figure a {
    display: block;
    width: 100%;
}

body#bdMainSite.dbim-home .impBanners .cols4Block img {
    width: 100% !important;
    height: auto;
    object-fit: contain;
}

@media only screen and (max-width: 1023px) {
    body#bdMainSite.dbim-home .impBanners {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 767px) {
    body#bdMainSite.dbim-home .impBanners {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

/* ---------- full-width tabs ---------- */
body#bdMainSite .resTabb .tabNavv {
    width: 100%;
}

body#bdMainSite .resTabb .tabNavv li {
    flex: 1 1 0;
    min-width: 0;
}

body#bdMainSite .resTabb .tabNavv li a,
body#bdMainSite .meaInfoBlockk .resTabb.commonTabs1 .tabNavv li a {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none !important;
    border-radius: 4px 4px 0 0;
}

body#bdMainSite .resTabb .tabNavv li a:hover {
    text-decoration: none !important;
    background: #fff;
}

body#bdMainSite .resTabb .tabNavv li a:focus-visible {
    outline: 2px solid var(--dbim-blue) !important;
    outline-offset: -4px;
}

body#bdMainSite .resTabb .tabNavv li.r-tabs-state-activee a:hover {
    background: var(--dbim-navy);
    color: #fff !important;
}

body#bdMainSite .resTabb .tabNavv li+li {
    margin-left: 4px;
}

/* ---------- equal-height left and right columns ---------- */
body#bdMainSite.dbim-home .innerContentPart {
    align-items: stretch;
}

body#bdMainSite.dbim-home .leftPartInner,
body#bdMainSite.dbim-home .rightPartShadow {
    display: flex;
    flex-direction: column;
}

body#bdMainSite.dbim-home .leftPartInner>.clearfix,
body#bdMainSite.dbim-home .leftPartInner>br,
body#bdMainSite.dbim-home .rightPartShadow>br,
body#bdMainSite.dbim-home .rightPartShadow>.clearfix {
    display: none;
}

/* the shorter column stretches its last block so both end on the same line */
body#bdMainSite.dbim-home .leftPartInner>.socialBlockCont {
    flex: 1 1 auto;
    align-items: stretch;
    margin-bottom: 0;
}

body#bdMainSite.dbim-home .socialBlockCont .resTab {
    display: flex;
    flex-direction: column;
}

body#bdMainSite.dbim-home .socialBlockCont .resTab .tabContainer {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

body#bdMainSite.dbim-home .socialBlockCont .resTab .tabContent {
    flex: 1 1 auto;
}

body#bdMainSite.dbim-home .socialBlockCont iframe {
    height: 100% !important;
    min-height: 480px;
}

body#bdMainSite.dbim-home .rightPartShadow>.rightpart {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

body#bdMainSite.dbim-home .rightpart>.important_links,
body#bdMainSite.dbim-home .rightpart .important_links {
    flex: 1 1 auto;
    margin-bottom: 0;
}

body#bdMainSite.dbim-home .important_links {
    display: flex;
    flex-direction: column;
}

body#bdMainSite.dbim-home .important_links>div {
    flex: 1 1 auto;
}

/* ---------- spacing rhythm (8px steps) ---------- */
body#bdMainSite.dbim-home .leftPartInner>*+* {
    margin-top: 24px;
}

body#bdMainSite.dbim-home .leftPartInner>.in-dis {
    margin-top: 24px;
}

body#bdMainSite.dbim-home .rightpart>*+* {
    margin-top: 8px;
}

body#bdMainSite.dbim-home .rightpart>.important_links {
    margin-top: 24px;
}

body#bdMainSite.dbim-home .ambassadorBox {
    margin-bottom: 8px;
}

body#bdMainSite.dbim-home .contentPart.innerContentPart {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media only screen and (max-width: 1023px) {
    body#bdMainSite.dbim-home .innerContentPart {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body#bdMainSite.dbim-home .rightPartShadow>.rightpart {
        display: grid;
    }

    body#bdMainSite.dbim-home .rightpart>*+* {
        margin-top: 0;
    }

    body#bdMainSite.dbim-home .socialBlockCont iframe {
        min-height: 420px;
    }
}

/* ---------- What's New / Press Release: static list, pinned "View All" ---------- */
body#bdMainSite.dbim-home .resTabb.commonTabs1 .tabContainer {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body#bdMainSite.dbim-home .resTabb.commonTabs1 .tabContent {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
}

body#bdMainSite.dbim-home .resTabb.commonTabs1 .tabContent[style*="block"] {
    display: flex !important;
    flex-direction: column;
}

body#bdMainSite.dbim-home .resTabb.commonTabs1 .press-release,
body#bdMainSite.dbim-home .resTabb.commonTabs1 .allRecords1 {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

body#bdMainSite.dbim-home .allRecords1 .playPause {
    display: none !important;
}

body#bdMainSite.dbim-home .allRecords1 .tickerDivBlock {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-width: thin;
    scrollbar-color: var(--dbim-mid) var(--dbim-tint);
}

body#bdMainSite.dbim-home .allRecords1 .tickerDivBlock ul {
    position: static !important;
    top: auto !important;
    height: auto !important;
    margin: 0;
    padding: 0;
}

body#bdMainSite.dbim-home .allRecords1 .tickerDivBlock li {
    position: static !important;
    height: auto !important;
    opacity: 1 !important;
}

body#bdMainSite.dbim-home .allRecords1 .tabMoreLinks {
    flex: 0 0 auto;
    margin: 0;
    padding: 12px 16px !important;
    border-top: 1px solid var(--dbim-line);
    background: #F4F7FE;
    text-align: right;
}

body#bdMainSite.dbim-home .allRecords1 .tabMoreLinks br {
    display: none;
}

body#bdMainSite.dbim-home .allRecords1 .tabMoreLinks a.readMore {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 20px;
    color: #fff !important;
    background: var(--dbim-navy);
    border-radius: 4px;
    text-decoration: none;
    font-size: var(--fs-p2);
}

body#bdMainSite.dbim-home .allRecords1 .tabMoreLinks a.readMore:hover {
    background: var(--dbim-blue);
}

body#bdMainSite.dbim-home .allRecords1 .tabMoreLinks a.readMore b {
    font-weight: 600;
}

/* ---------- right column: balanced stack + DBIM blue styling ---------- */
body#bdMainSite.dbim-home .rightContent_shadow_1 br,
body#bdMainSite.dbim-home .rightContent_shadow_2 br {
    display: inline;
}

body#bdMainSite.dbim-home .rightPartShadow>.rightpart {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body#bdMainSite.dbim-home .rightPartShadow>.rightpart>*+* {
    margin-top: 0;
}

body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1 {
    margin: 8px 0 0 !important;
}

body#bdMainSite.dbim-home .rightPartShadow>.important_links {
    flex: 1 1 auto;
    margin-top: 24px !important;
}

body#bdMainSite.dbim-home .rightPartShadow>.rightpart>.important_links {
    flex: 1 1 auto;
    margin-top: 16px;
}

/* ambassador: tinted banner behind the portrait */
body#bdMainSite.dbim-home .ambassadorBox {
    border: 1px solid var(--dbim-line);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 8px;
    background: linear-gradient(to bottom, var(--dbim-tint) 0, var(--dbim-tint) 96px, #fff 96px);
    box-shadow: 0 2px 10px rgba(22, 47, 106, .10);
}

body#bdMainSite.dbim-home .ambassadorDetailList li a {
    display: inline-flex;
    padding: 6px 14px;
    color: var(--dbim-blue);
    background: #EEF2FB;
    border-radius: 999px;
    font-weight: 600;
    font-size: var(--fs-p2);
}

body#bdMainSite.dbim-home .ambassadorDetailList li a:hover {
    background: var(--dbim-navy);
    color: #fff !important;
    text-decoration: none;
}

body#bdMainSite.dbim-home .ambassadorDetailList li i {
    display: none;
}

/* link cards */
body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1,
body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1 {
    padding: 0 !important;
    border: 1px solid var(--dbim-line);
    border-left: 4px solid var(--dbim-blue);
    border-radius: 6px;
    background: #fff;
    box-shadow: none;
    transition: background .15s, border-color .15s, transform .15s;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1:hover,
body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1:hover {
    background: #EEF2FB;
    border-left-color: var(--dbim-navy);
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1>a,
body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1>a {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px;
    min-height: 48px;
    box-sizing: border-box;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1>a::after,
body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1>a::after {
    content: "";
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    background: var(--dbim-blue);
    -webkit-mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
    mask: url(../images/dbim-icons/chevron-right.svg) center / contain no-repeat;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1 h3,
body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1 h3 {
    margin: 0 !important;
    font-size: var(--fs-p2) !important;
    font-weight: 600;
    line-height: 1.45;
}

/* "Register yourself" callout */
body#bdMainSite.dbim-home .rightContent_shadow_1 h2.sdw {
    margin: 8px 0 0 !important;
    padding: 10px 14px;
    font-size: var(--fs-p1) !important;
    text-align: center !important;
    color: #fff !important;
    background: var(--dbim-blue);
    border-radius: 4px;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1:has(h2.sdw) {
    background: #EEF2FB;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1:has(h2.sdw)>a {
    flex-direction: column;
    align-items: stretch;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1:has(h2.sdw)>a::after {
    display: none;
}

/* Important links: header band + comfortable rows */
body#bdMainSite.dbim-home .important_links {
    border-radius: 8px;
    border-color: var(--dbim-line);
    box-shadow: 0 2px 10px rgba(22, 47, 106, .08);
}

body#bdMainSite.dbim-home .important_links h2 {
    text-align: center !important;
    border-radius: 0;
}

body#bdMainSite.dbim-home .impHomeLinks li {
    min-height: 44px;
    align-items: center;
}

body#bdMainSite.dbim-home .impHomeLinks li:nth-child(even) {
    background: #F7F9FE;
}

body#bdMainSite.dbim-home .impHomeLinks li:hover {
    background: var(--dbim-tint);
}

/* Albums header: neat title + control */
body#bdMainSite.dbim-home .video-gallery .tabNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body#bdMainSite.dbim-home .video-gallery .tabNav li a {
    padding: 16px 16px;
    border-radius: 0;
}

/* card polish: remove leftover legacy padding/offsets so every card aligns */
body#bdMainSite.dbim-home .rightContent_shadow_1 h3,
body#bdMainSite.dbim-home .rightContent_shadow_2 h3 {
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
}

body#bdMainSite.dbim-home .rightpart .rightContent_shadow_1>a,
body#bdMainSite.dbim-home .rightPartShadow>.rightContent_shadow_1>a {
    padding: 12px 16px !important;
}

body#bdMainSite.dbim-home .in-dis h3>br:first-child,
body#bdMainSite.dbim-home .in-dis h3>strong>br:first-child {
    display: none;
}

body#bdMainSite.dbim-home .in-dis .rightContent_shadow_1,
body#bdMainSite.dbim-home .in-dis .rightContent_shadow_2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--dbim-line);
    border-left: 4px solid var(--dbim-blue);
    border-radius: 6px;
}

body#bdMainSite.dbim-home .in-dis .sdw {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

/* Albums / Videos header bar: flush, no white notch, label and pause control aligned */
body#bdMainSite .video-gallery {
    position: relative;
}

body#bdMainSite .video-gallery>.tabNav {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    background: var(--dbim-navy) !important;
    border: 0 !important;
    box-sizing: border-box;
}

body#bdMainSite .video-gallery>.tabNav li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body#bdMainSite .video-gallery>.tabNav li a {
    display: block;
    padding: 14px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-decoration: none !important;
}

body#bdMainSite .video-gallery>.tabNav li a::before,
body#bdMainSite .video-gallery>.tabNav li a::after,
body#bdMainSite .video-gallery>.tabNav li::before,
body#bdMainSite .video-gallery>.tabNav li::after {
    display: none !important;
}

body#bdMainSite .video-gallery .playPause {
    position: absolute !important;
    top: 8px !important;
    right: 12px !important;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    height: 32px;
    padding: 0 12px !important;
    margin: 0 !important;
    font-size: var(--fs-sm) !important;
    color: #fff !important;
    background: rgba(255, 255, 255, .16) !important;
    border: 1px solid rgba(255, 255, 255, .5);
    border-radius: 4px;
    text-decoration: none !important;
}

body#bdMainSite .video-gallery .tabContainer {
    border-top: 0;
}

/* Albums / Videos bar: same size as the What's New / Press Release tabs (12px 22px, 16px / 600) */
body#bdMainSite .video-gallery>.tabNav {
    min-height: 50px;
    border-bottom: 3px solid var(--dbim-blue) !important;
}

body#bdMainSite .video-gallery>.tabNav li {
    width: auto !important;
    float: none !important;
}

body#bdMainSite .video-gallery>.tabNav li a,
body#bdMainSite .video-gallery>.tabNav li a span,
body#bdMainSite .video-gallery>.tabNav li a .pd-b {
    padding: 0 !important;
    margin: 0 !important;
    text-indent: 0 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    color: #fff !important;
}

body#bdMainSite .video-gallery>.tabNav li a {
    padding: 12px 22px !important;
}

body#bdMainSite .video-gallery .playPause {
    top: 9px !important;
}

/* Important links + list rows: arrow left, text grows, icons pinned to the right edge */
body#bdMainSite .impHomeLinks li {
    display: flex !important;
    align-items: center;
    gap: 10px;
}

body#bdMainSite .impHomeLinks li>br {
    display: none;
}

body#bdMainSite .impHomeLinks li>.dbim-bullet,
body#bdMainSite .impHomeLinks li>img:first-child {
    flex: 0 0 auto;
    float: none !important;
    margin: 0 !important;
    width: 16px;
    height: 16px;
}

body#bdMainSite .impHomeLinks li>a {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: anywhere;
}

body#bdMainSite .impHomeLinks li>.dbim-end,
body#bdMainSite .impHomeLinks li>img:not(:first-child) {
    flex: 0 0 auto;
    margin-left: auto !important;
    float: none !important;
    width: 18px;
    height: 18px;
}

body#bdMainSite .impHomeLinks li>img[alt="new_gif"] {
    width: auto;
    height: 14px;
    margin-left: 0 !important;
}

body#bdMainSite .impHomeLinks li>img[alt="new_gif"]+.dbim-end {
    margin-left: auto !important;
}

body#bdMainSite .dbim-end {
    color: var(--dbim-red);
}

/* single external icon only: the real icon is pinned right, so drop the inline pseudo icon */
body#bdMainSite .impHomeLinks li>a::after {
    content: none !important;
    display: none !important;
}


/* paint cost: skip rendering of far-below-the-fold blocks until they approach the viewport */
body#bdMainSite.dbim-home .impBanners,
#footer .footerLogos {
    content-visibility: auto;
    contain-intrinsic-size: auto 480px;
}

/* What's New / Press Release rows: arrow in its own gutter, title and date share one left edge */
body#bdMainSite.dbim-home .recordBox {
    position: relative;
    padding: 12px 16px 12px 38px !important;
}

body#bdMainSite.dbim-home .recordBox>a.mar {
    display: block;
}

body#bdMainSite.dbim-home .recordBox>a.mar .dbim-caret {
    position: absolute;
    left: 16px;
    top: 15px;
    margin: 0;
}

body#bdMainSite.dbim-home .recordBox>a.mar img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
}

/* ambassador photo: square with softly rounded corners */
body#bdMainSite.dbim-home .ambassadorPhoto img {
    border-radius: 8px !important;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: top center;
    width: 180px;
    max-width: 70%;
}

/* contact cards: tinted header, icon badge, aligned details */
body#bdMainSite.dbim-home .in-dis .rightContent_shadow_1,
body#bdMainSite.dbim-home .in-dis .rightContent_shadow_2 {
    position: relative;
    justify-content: flex-start;
    padding: 0 !important;
    overflow: hidden;
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-left: 0;
    border-top: 4px solid var(--dbim-blue);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(22, 47, 106, .08);
}

body#bdMainSite.dbim-home .in-dis .title-head-white {
    margin: 0 !important;
    padding: 12px 16px !important;
    background: var(--dbim-tint);
    color: var(--dbim-navy) !important;
    font-size: var(--fs-p2) !important;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 1px solid var(--dbim-line);
}

body#bdMainSite.dbim-home .in-dis .title-head-white strong {
    font-weight: 600;
}

body#bdMainSite.dbim-home .in-dis .sdw {
    margin: 0 !important;
    padding: 14px 16px 16px !important;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--dbim-ink) !important;
    font-size: var(--fs-p2) !important;
    line-height: 1.6;
}

body#bdMainSite.dbim-home .in-dis .sdw .dbim-ic {
    width: 36px;
    height: 36px;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: var(--dbim-blue);
    -webkit-mask: none;
    mask: none;
    position: relative;
    flex: 0 0 36px;
    color: var(--dbim-blue);
}

body#bdMainSite.dbim-home .in-dis .sdw .dbim-ic::before {
    content: "";
    position: absolute;
    inset: 7px;
    background: #fff;
    -webkit-mask: url(../images/dbim-icons/phone.svg) center / contain no-repeat;
    mask: url(../images/dbim-icons/phone.svg) center / contain no-repeat;
}

body#bdMainSite.dbim-home .in-dis .sdw strong {
    display: block;
    font-weight: 600;
    color: var(--dbim-navy);
    overflow-wrap: anywhere;
    padding-top: 6px;
}

/* contact cards v2: equal height, tidy icon/text alignment, no mid-word email breaks */
body#bdMainSite.dbim-home .in-dis {
    align-items: stretch;
}

body#bdMainSite.dbim-home .in-dis .rightContent_shadow_1,
body#bdMainSite.dbim-home .in-dis .rightContent_shadow_2 {
    height: 100% !important;
}

body#bdMainSite.dbim-home .in-dis .title-head-white {
    min-height: 68px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

body#bdMainSite.dbim-home .in-dis .sdw {
    flex: 1 1 auto;
    align-items: center !important;
    gap: 14px !important;
    font-size: 0 !important;
}

body#bdMainSite.dbim-home .in-dis .sdw strong {
    font-size: var(--fs-p2);
    padding-top: 0 !important;
    line-height: 1.6;
    overflow-wrap: break-word !important;
    word-break: normal;
    min-width: 0;
}

body#bdMainSite.dbim-home .in-dis .sdw strong br {
    display: block;
}

@media only screen and (max-width: 1180px) {
    body#bdMainSite.dbim-home .in-dis .sdw strong {
        font-size: 0.8125rem;
    }
}

/* Albums list: thumbnail left, text right, consistent gaps */
body#bdMainSite.dbim-home .photo-gallery .tickerDivBlock {
    height: auto !important;
    max-height: 520px;
    overflow-y: auto !important;
    overflow-x: hidden;
}

body#bdMainSite.dbim-home .photo-gallery .activityTicker {
    position: static !important;
    margin: 0;
    padding: 0;
}

body#bdMainSite.dbim-home .photo-gallery li {
    position: static !important;
    display: block;
    padding: 16px !important;
    margin: 0;
    border-bottom: 1px solid var(--dbim-line) !important;
}

body#bdMainSite.dbim-home .photo-gallery li>div {
    display: flex !important;
    align-items: center;
    gap: 20px;
    width: 100% !important;
}

body#bdMainSite.dbim-home .photo-gallery .album-leftimg {
    flex: 0 0 200px;
    width: 200px;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body#bdMainSite.dbim-home .photo-gallery .album-leftimg img {
    display: block;
    width: 100%;
    height: 130px;
    object-fit: cover;
    border-radius: 6px;
}

body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
}

body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent a,
body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent p {
    text-align: left !important;
    text-justify: auto;
    font-size: var(--fs-p1);
    line-height: 1.5;
    color: var(--dbim-navy);
    font-weight: 500;
}

body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent br {
    display: none;
}

body#bdMainSite.dbim-home .photo-gallery li:empty,
body#bdMainSite.dbim-home .photo-gallery li>div:empty {
    display: none;
}

body#bdMainSite.dbim-home .video-gallery .tabMoreLinks {
    padding: 12px 16px !important;
    text-align: right;
    background: #F4F7FE;
    border-top: 1px solid var(--dbim-line);
    margin: 0;
}

body#bdMainSite.dbim-home .video-gallery .tabMoreLinks br {
    display: none;
}

body#bdMainSite.dbim-home .video-gallery .tabMoreLinks a.readMore {
    display: inline-block;
    padding: 8px 20px;
    color: #fff !important;
    background: var(--dbim-navy);
    border-radius: 4px;
    text-decoration: none;
    font-size: var(--fs-p2);
}

body#bdMainSite.dbim-home .video-gallery .tabMoreLinks a.readMore:hover {
    background: var(--dbim-blue);
}

@media only screen and (max-width: 600px) {
    body#bdMainSite.dbim-home .photo-gallery li>div {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }

    body#bdMainSite.dbim-home .photo-gallery .album-leftimg {
        flex-basis: auto;
        width: 100%;
    }

    body#bdMainSite.dbim-home .photo-gallery .album-leftimg img {
        height: 180px;
    }
}

/* Albums text = What's New text (14px / 400 / 1.5) */
body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent,
body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent a,
body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent p,
body#bdMainSite.dbim-home .photo-gallery .albun-rightcontent span {
    font-size: var(--fs-p2) !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* tickers are static: no pause/play control, lists scroll manually */
body#bdMainSite.dbim-home .ticker .playPause {
    display: none !important;
}

body#bdMainSite.dbim-home .ticker .tickerDivBlock {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body#bdMainSite.dbim-home .ticker .tickerDivBlock ul {
    position: static !important;
    top: auto !important;
}

/* ===== contact cards (clean markup): identical structure, identical height ===== */
body#bdMainSite.dbim-home .dbim-contacts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 16px;
    margin: 24px 0 0;
    height: auto !important;
}

body#bdMainSite.dbim-home .dbim-contact {
    display: flex;
    flex-direction: column;
    min-width: 0;
    background: #fff;
    border: 1px solid var(--dbim-line);
    border-top: 4px solid var(--dbim-blue);
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(22, 47, 106, .08);
    overflow: hidden;
}

body#bdMainSite.dbim-home .dbim-contact__title {
    margin: 0 !important;
    padding: 12px 16px !important;
    min-height: 64px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background: var(--dbim-tint);
    color: var(--dbim-navy) !important;
    font-size: var(--fs-p2) !important;
    font-weight: 600;
    line-height: 1.4;
    border-bottom: 1px solid var(--dbim-line);
}

body#bdMainSite.dbim-home .dbim-contact__body {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
}

body#bdMainSite.dbim-home .dbim-contact__icon {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--dbim-blue);
    color: #fff;
}

body#bdMainSite.dbim-home .dbim-contact__icon .dbim-ic {
    width: 22px;
    height: 22px;
    background-color: #fff !important;
}

body#bdMainSite.dbim-home .dbim-contact__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: var(--fs-p2);
    line-height: 1.5;
}

body#bdMainSite.dbim-home .dbim-contact__text strong {
    font-size: var(--fs-p1);
    font-weight: 600;
    color: var(--dbim-navy);
}

body#bdMainSite.dbim-home .dbim-contact__text span {
    color: var(--dbim-ink);
    overflow-wrap: anywhere;
}

@media only screen and (max-width: 767px) {
    body#bdMainSite.dbim-home .dbim-contacts {
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
    }
}

/* slider caption: heading tag at the DBIM H3 step (20px desktop / 16px mobile), left aligned */
body#bdMainSite #js_slider .sliderText h2.dbim-slide-title,
body#bdMainSite #js_slider .sliderText h2.dbim-slide-title a {
    margin: 0 !important;
    padding: 0 !important;
    font-family: var(--dbim-font) !important;
    font-size: var(--fs-h3) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0;
    text-align: left !important;
    text-transform: none;
    color: #fff !important;
    text-decoration: none;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body#bdMainSite #js_slider .sliderText h2.dbim-slide-title a {
    display: inline;
    -webkit-line-clamp: unset;
}

body#bdMainSite #js_slider .sliderText h2.dbim-slide-title a:hover {
    text-decoration: underline;
}

/* section titles on the home page = What's New tab size (16px / 600); overrides the earlier H3-step rule */
body#bdMainSite.dbim-home .contentPart .important_links>h2,
body#bdMainSite.dbim-home .important_links>h2,
body#bdMainSite.dbim-home .contentRightBlock_2>h2,
body#bdMainSite.dbim-home .socialBlockCont .resTab>p,
body#bdMainSite.dbim-home .video-gallery>.tabNav li a,
body#bdMainSite.dbim-home .video-gallery>.tabNav li a span {
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

body#bdMainSite.dbim-home .important_links>h2 {
    height: auto !important;
    min-height: 50px;
    border-bottom: 3px solid var(--dbim-blue) !important;
}

/* ===== announcements bar: label + pause on the left, one scrolling line on the right ===== */
body#bdMainSite .dbim-ann {
    display: flex !important;
    align-items: stretch;
    width: 100%;
    height: auto !important;
    min-height: 48px;
    padding: 0 !important;
    margin: 0 !important;
    background: var(--dbim-tint);
    border: 1px solid var(--dbim-soft);
    border-radius: 4px;
    overflow: hidden;
}

body#bdMainSite .dbim-ann__label {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px 0 20px;
    background: var(--dbim-navy);
    color: #fff;
}

body#bdMainSite .dbim-ann__label>span {
    font: 600 var(--fs-p1) var(--dbim-font);
    color: #fff !important;
    white-space: nowrap;
}

body#bdMainSite .dbim-ann__pause {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 3px;
    cursor: pointer;
    min-height: 0;
}

body#bdMainSite .dbim-ann__pause .dbim-ic {
    width: 18px;
    height: 18px;
    background-color: #fff !important;
}

body#bdMainSite .dbim-ann__pause:hover {
    background: var(--dbim-blue);
}

body#bdMainSite .dbim-ann__view {
    position: relative;
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

body#bdMainSite .dbim-ann__track {
    display: inline-flex;
    align-items: center;
    gap: 0;
    white-space: nowrap;
    padding: 0 0 0 100%;
    animation: dbimAnn 40s linear infinite;
    font-size: var(--fs-p2) !important;
}

body#bdMainSite .dbim-ann__track.is-paused,
body#bdMainSite .dbim-ann__view:hover .dbim-ann__track,
body#bdMainSite .dbim-ann__view:focus-within .dbim-ann__track {
    animation-play-state: paused;
}

body#bdMainSite .dbim-ann__track a,
body#bdMainSite .dbim-ann__track .mar1 {
    display: inline-flex;
    align-items: center;
    margin-right: 32px;
    color: var(--dbim-navy) !important;
    font-weight: 500;
    text-decoration: none;
}

body#bdMainSite .dbim-ann__track .mar1>span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body#bdMainSite .dbim-ann__track .mar1>span::before,
body#bdMainSite .dbim-ann__track>.mar1::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dbim-blue);
    flex: 0 0 8px;
}

body#bdMainSite .dbim-ann__track a:hover {
    text-decoration: underline;
}

@keyframes dbimAnn {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

html.dbim-no-motion body#bdMainSite .dbim-ann__track {
    animation: none !important;
    padding-left: 16px;
    white-space: normal;
    flex-wrap: wrap;
}

@media (prefers-reduced-motion: reduce) {
    body#bdMainSite .dbim-ann__track {
        animation: none;
        padding-left: 16px;
        white-space: normal;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 600px) {
    body#bdMainSite .dbim-ann__label {
        padding: 0 10px 0 12px;
        gap: 8px;
    }

    body#bdMainSite .dbim-ann__label>span {
        font-size: var(--fs-p2);
    }
}

/* announcements v2 - overrides earlier .marquees rules */
body#bdMainSite.dbim-home .amritBg {
    background: none !important;
    padding: 0 !important;
    margin: 16px 0 0 !important;
}

body#bdMainSite.dbim-home .amritBg>br {
    display: none;
}

body#bdMainSite.dbim-home .marquees.dbim-ann {
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    min-height: 48px;
    height: 48px !important;
    border: 1px solid var(--dbim-soft);
    border-radius: 4px;
    background: var(--dbim-tint);
}

body#bdMainSite.dbim-home .dbim-ann__label {
    align-self: stretch;
    height: 100%;
    padding: 0 16px 0 20px;
}

body#bdMainSite.dbim-home .dbim-ann__pause {
    width: 32px;
    height: 32px;
    padding: 0 !important;
    line-height: 0;
}

body#bdMainSite.dbim-home .dbim-ann__pause .dbim-ic {
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
}

body#bdMainSite.dbim-home .dbim-ann .marques_con.dbim-ann__track {
    display: inline-flex !important;
    align-items: center;
    width: max-content !important;
    min-width: 100%;
    padding: 0 0 0 100% !important;
    box-sizing: content-box;
    animation: dbimAnn 35s linear infinite !important;
}

body#bdMainSite.dbim-home .dbim-ann .marques_con.dbim-ann__track.is-paused,
body#bdMainSite.dbim-home .dbim-ann__view:hover .marques_con.dbim-ann__track {
    animation-play-state: paused !important;
}

body#bdMainSite.dbim-home .dbim-ann__track>a.mar1::before,
body#bdMainSite.dbim-home .dbim-ann__track>.mar1::before {
    content: none !important;
}

body#bdMainSite.dbim-home .dbim-ann__track .mar1>span {
    font-size: var(--fs-p2);
    font-weight: 500;
    color: var(--dbim-navy);
}

body#bdMainSite.dbim-home .dbim-ann__track .mar1>span::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dbim-blue);
    flex: 0 0 8px;
}

/* campaign banner (Mann ki Baat etc.): full width of the column, no empty grid cell */
body#bdMainSite.dbim-home .in-dis:not(.dbim-contacts) {
    display: block !important;
    grid-template-columns: none;
    height: auto !important;
    margin: 24px 0 0;
}

body#bdMainSite.dbim-home #inlinef {
    margin: 0 !important;
    border: 1px solid var(--dbim-line) !important;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 8px rgba(22, 47, 106, .08);
}

body#bdMainSite.dbim-home #inlinef .field-content,
body#bdMainSite.dbim-home #inlinef a {
    display: block;
    width: 100%;
}

body#bdMainSite.dbim-home #inlinef img {
    display: block;
    width: 100% !important;
    height: auto;
    border: 0 !important;
}

/* CBPS banner: never crop - natural aspect ratio, every wrapper auto height */
body#bdMainSite.dbim-home #inlinef,
body#bdMainSite.dbim-home #inlinef>div,
body#bdMainSite.dbim-home #inlinef .field-content,
body#bdMainSite.dbim-home #inlinef a {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
}

body#bdMainSite.dbim-home #inlinef img {
    height: auto !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    max-width: 100%;
}

body#bdMainSite.dbim-home .in-dis:not(.dbim-contacts) {
    overflow: visible;
}
/* ===== slider v2: banners are never cropped (images carry text); height follows the image, caption overlays or stacks ===== */
body#bdMainSite .indexBanner, body#bdMainSite .indexBanner .contentWidthSlider, body#bdMainSite #js_slider,
body#bdMainSite #js_slider .owl-stage-outer, body#bdMainSite #js_slider .owl-item, body#bdMainSite #js_slider .item, body#bdMainSite #js_slider .dataSlider { height: auto !important; min-height: 0 !important; max-height: none !important; }
body#bdMainSite .indexBanner .container.contentWidthSlider { max-width: 1440px; padding: 0 !important; }
body#bdMainSite #js_slider .sliderImg { background: var(--dbim-navy); }
body#bdMainSite #js_slider .sliderImg a { display: block; }
body#bdMainSite #js_slider .sliderImg img { width: 100% !important; height: auto !important; max-height: none; aspect-ratio: 117 / 50 !important; object-fit: contain !important; display: block; }
body#bdMainSite #js_slider .bannerCaption { position: absolute; left: 0; right: 0; bottom: 0; height: auto !important; }
body#bdMainSite #js_slider .sliderText { padding: 48px 160px 16px 24px !important; min-height: 0 !important; }
body#bdMainSite .indexBanner .sliderControlLinks { position: absolute; left: 0; right: 0; bottom: 0; top: auto; height: auto; }
body#bdMainSite .indexBanner .sliderControlLinks .container { max-width: 1440px; }
body#bdMainSite .indexBanner .sliderControlWrap { padding: 0 24px 16px !important; }
@media only screen and (max-width: 1023px) {
    body#bdMainSite #js_slider .sliderText { padding: 32px 140px 12px 16px !important; }
    body#bdMainSite .indexBanner .sliderControlWrap { padding: 0 16px 12px !important; }
}
@media only screen and (max-width: 767px) {
    /* phones: image on top, caption below, controls sit on the caption row */
    body#bdMainSite #js_slider .bannerCaption { position: static !important; background: var(--dbim-navy) !important; }
    body#bdMainSite #js_slider .sliderText { padding: 12px 16px 56px !important; background: var(--dbim-navy) !important; }
    body#bdMainSite #js_slider .sliderText h2.dbim-slide-title { -webkit-line-clamp: 4; }
    body#bdMainSite .indexBanner .sliderControlWrap { padding: 0 12px 10px !important; }
}
body#bdMainSite #js_slider .sliderImg, body#bdMainSite .indexBanner .sliderImg { max-height: none !important; height: auto !important; overflow: visible; }
body#bdMainSite .dataSlider .title, body#bdMainSite #js_slider .sliderText .title { border-bottom: 0 !important; padding-bottom: 0 !important; }

/* ===== no overlap / jump while the slider initialises ===== */
body#bdMainSite #js_slider:not(.owl-loaded) { display: block; overflow: hidden; aspect-ratio: 117 / 50; background: var(--dbim-navy); }
body#bdMainSite #js_slider:not(.owl-loaded) > .item { width: 100%; }
body#bdMainSite #js_slider:not(.owl-loaded) > .item:not(:first-child) { display: none !important; }
body#bdMainSite #js_slider:not(.owl-loaded) .sliderImg img { width: 100% !important; height: auto !important; }
body#bdMainSite #js_slider.owl-loaded { aspect-ratio: auto; }
/* owl clones / stage never wrap to a second row */




@media only screen and (max-width: 767px) { body#bdMainSite #js_slider:not(.owl-loaded) { aspect-ratio: 117 / 70; } }

/* announcements: always one line (never wraps); static mode truncates with an ellipsis */
body#bdMainSite .dbim-ann__track, body#bdMainSite .dbim-ann__track a, body#bdMainSite .dbim-ann__track .mar1, body#bdMainSite .dbim-ann__track .mar1 > span { white-space: nowrap !important; flex-wrap: nowrap !important; }
html.dbim-no-motion body#bdMainSite .dbim-ann__view { overflow: hidden; }
html.dbim-no-motion body#bdMainSite .dbim-ann__track { width: 100% !important; display: block !important; overflow: hidden; text-overflow: ellipsis; }

/* ===== slider v3: let Owl own the slide transition; strong caption scrim so titles are always readable ===== */
body#bdMainSite #js_slider .owl-item, body#bdMainSite #js_slider .owl-item.active { transition: none !important; }
body#bdMainSite #js_slider .owl-item img { transform: none !important; }
body#bdMainSite #js_slider .owl-item:not(.active) .bannerCaption { visibility: hidden; }
body#bdMainSite #js_slider .bannerCaption {
    position: absolute !important; left: 0; right: 0; bottom: 0; z-index: 2;
    background: linear-gradient(to top, rgba(10, 22, 58, .96) 0%, rgba(10, 22, 58, .85) 45%, rgba(10, 22, 58, 0) 100%) !important;
}
body#bdMainSite #js_slider .sliderText { background: transparent !important; padding: 72px 180px 20px 32px !important; }
body#bdMainSite #js_slider .sliderText h2.dbim-slide-title, body#bdMainSite #js_slider .sliderText h2.dbim-slide-title a { text-shadow: 0 1px 3px rgba(0,0,0,.6); }
@media only screen and (max-width: 1023px) { body#bdMainSite #js_slider .sliderText { padding: 56px 150px 16px 20px !important; } }
@media only screen and (max-width: 767px) {
    body#bdMainSite #js_slider .bannerCaption { position: static !important; background: var(--dbim-navy) !important; }
    body#bdMainSite #js_slider .sliderText { padding: 14px 16px 60px !important; }
    body#bdMainSite #js_slider .owl-item:not(.active) .bannerCaption { visibility: visible; }
}
body#bdMainSite #js_slider .bannerCaption { display: flow-root !important; }
body#bdMainSite #js_slider .bannerCaption .sliderText { position: static !important; float: none !important; display: block !important; width: auto !important; box-sizing: border-box; }

/* ===== the legacy script paints the same image as a CSS background (cover) behind/instead of the <img>: that zoomed copy is what looked cropped.
   Use the <img> only, always visible, never cropped. ===== */
body#bdMainSite #js_slider .sliderImg, body#bdMainSite .indexBanner .sliderImg { background-image: none !important; background-color: var(--dbim-navy) !important; }
body#bdMainSite #js_slider .sliderImg img, body#bdMainSite #js_slider .sliderImg a img { opacity: 1 !important; visibility: visible !important; display: block !important; position: static !important; width: 100% !important; height: auto !important; min-height: 0 !important; }

/* ===== caption never covers the artwork: it sits in a navy bar under the image on every screen size ===== */
body#bdMainSite #js_slider .bannerCaption { position: static !important; background: var(--dbim-navy) !important; }
body#bdMainSite #js_slider .owl-item:not(.active) .bannerCaption { visibility: visible; }
body#bdMainSite #js_slider .sliderText { display: flex !important; align-items: center; min-height: 64px !important; padding: 12px 190px 12px 24px !important; }
body#bdMainSite #js_slider .sliderText h2.dbim-slide-title { -webkit-line-clamp: 2; }
body#bdMainSite .indexBanner .sliderControlWrap { padding: 0 24px 14px !important; }
@media only screen and (max-width: 1023px) { body#bdMainSite #js_slider .sliderText { padding: 12px 150px 12px 16px !important; } body#bdMainSite .indexBanner .sliderControlWrap { padding: 0 16px 14px !important; } }
@media only screen and (max-width: 600px) { body#bdMainSite #js_slider .sliderText { padding: 12px 16px 60px !important; min-height: 0 !important; display: block !important; } body#bdMainSite #js_slider .sliderText h2.dbim-slide-title { -webkit-line-clamp: 4; } }

/* slider caption is an h3: smaller, calmer type (18px desktop / 16px tablet / 14px phone) */
body#bdMainSite #js_slider .sliderText .dbim-slide-title, body#bdMainSite #js_slider .sliderText .dbim-slide-title a,
body#bdMainSite #js_slider .sliderText h3.dbim-slide-title, body#bdMainSite #js_slider .sliderText h3.dbim-slide-title a { font-size: 1.125rem !important; font-weight: 600 !important; line-height: 1.45 !important; }
@media only screen and (max-width: 1023px) { body#bdMainSite #js_slider .sliderText .dbim-slide-title, body#bdMainSite #js_slider .sliderText .dbim-slide-title a { font-size: 1rem !important; } }
@media only screen and (max-width: 600px) { body#bdMainSite #js_slider .sliderText .dbim-slide-title, body#bdMainSite #js_slider .sliderText .dbim-slide-title a { font-size: 0.875rem !important; } }