/* =========================================================
   GIIndia – Event detail page design
   Use on event detail pages: add class "event-detail" on the
   main content <section> plus the ed-* classes inside it.
   ========================================================= */

/* Base rules for event detail pages */
.nk-block-text li:before {
    content: "»";
}

section {
    margin: 10px 0px;
}

.event-heading {
    font-weight: 700;
}

/* Short banner for event detail pages (same as event.html) */
.is-transparent .banner-fs {
    min-height: auto;
}

.event-detail.section-l {
    padding-top: 30px;
}

/* ===== Event detail content design ===== */
.event-detail {
    --ed-navy: #12207a;
    --ed-blue: #2346c1;
    --ed-teal: #12c2a5;
    --ed-ink: #1f2a44;
    --ed-muted: #5b6478;
    --ed-soft: #f3f6fc;
}

.event-detail .ed-card {
    max-width: 960px;
    margin: 0 auto;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 40px rgba(18, 32, 122, .08);
    padding: 48px 56px;
}

.event-detail .ed-eyebrow {
    display: inline-block;
    margin: 0 0 14px;
    padding: 5px 14px;
    border-radius: 50px;
    background: var(--ed-soft);
    color: var(--ed-blue);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.event-detail .ed-title {
    color: var(--ed-navy);
    font-size: 28px;
    line-height: 1.35;
    margin-bottom: 28px;
    padding-left: 18px;
    border-left: 5px solid var(--ed-teal);
}

.event-detail section {
    margin: 0 0 24px;
}

.event-detail p {
    color: var(--ed-muted);
    font-size: 16px;
    line-height: 1.8;
}

.event-detail .ed-lead p {
    color: var(--ed-ink);
    font-size: 18px;
}

/* Highlights: 2x2 cards, keeps the » bullet */
.event-detail .ed-highlights ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 0;
    margin: 8px 0 0;
    list-style: none;
}

.event-detail .ed-highlights li {
    position: relative;
    background: var(--ed-soft);
    border: 1px solid #e3e9f6;
    border-radius: 12px;
    padding: 20px 20px 20px 46px;
    color: var(--ed-muted);
    line-height: 1.65;
    transition: transform .2s, box-shadow .2s;
}

.event-detail .ed-highlights li:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(35, 70, 193, .12);
}

.event-detail .ed-highlights li:before {
    position: absolute;
    left: 18px;
    top: 17px;
    color: var(--ed-teal);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.event-detail .ed-highlights li strong {
    color: var(--ed-navy);
    font-size: 16px;
}

/* Callout */
.event-detail .ed-callout {
    background: linear-gradient(135deg, var(--ed-navy), var(--ed-blue));
    border-radius: 12px;
    padding: 26px 30px;
}

.event-detail .ed-callout p {
    color: rgba(255, 255, 255, .88);
    margin: 0;
}

.event-detail .ed-callout strong {
    color: #fff;
}

/* Closing note */
.event-detail .ed-closing {
    border-top: 1px solid #e8ecf5;
    padding-top: 24px;
    margin-bottom: 0;
}

.event-detail .ed-closing p:last-child {
    color: var(--ed-navy);
    font-weight: 500;
    font-style: italic;
    margin-bottom: 0;
}

/* Gallery */
.event-detail .ed-gallery {
    max-width: 960px;
    margin: 32px auto 0;
}

.event-detail .ed-gallery .container {
    padding: 0;
}

.event-detail .ed-gallery .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 0;
}

.event-detail .ed-gallery .item {
    padding: 0;
    max-width: none;
    width: auto;
    flex: none;
}

.event-detail .ed-gallery a {
    display: block;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(18, 32, 122, .10);
}

.event-detail .ed-gallery img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .35s;
}

.event-detail .ed-gallery a:hover img {
    transform: scale(1.02);
}

@media (max-width: 767px) {
    .event-detail .ed-card {
        padding: 28px 20px;
        border-radius: 12px;
    }

    .event-detail .ed-title {
        font-size: 22px;
    }

    .event-detail .ed-lead p {
        font-size: 16px;
    }

    .event-detail .ed-highlights ul {
        grid-template-columns: 1fr;
    }

    .event-detail .ed-callout {
        padding: 20px;
    }

    .event-detail .ed-gallery .row {
        grid-template-columns: 1fr;
    }
}

/* ===== Extra polish ===== */
.event-detail .ed-card {
    position: relative;
    overflow: hidden;
}

.event-detail .ed-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background: linear-gradient(90deg, var(--ed-navy), var(--ed-blue), var(--ed-teal), var(--ed-blue), var(--ed-navy));
    background-size: 200% 100%;
    transform-origin: left center;
    animation: ed-bar-grow 1.2s ease-out both, ed-bar-flow 4s linear 1.2s infinite;
}

/* Top line: grows in from left, then colours keep flowing */
@keyframes ed-bar-grow {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

@keyframes ed-bar-flow {
    from {
        background-position: 0% 0;
    }

    to {
        background-position: -200% 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .event-detail .ed-card:before {
        animation: none;
    }
}

/* Drop cap on the first paragraph */
.event-detail .ed-lead p:first-letter {
    float: left;
    font-size: 58px;
    line-height: .9;
    font-weight: 700;
    color: var(--ed-blue);
    margin: 6px 10px 0 0;
}

/* Second paragraph as a soft note */
.event-detail .ed-lead+section p {
    background: var(--ed-soft);
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 0;
}

/* Icons in highlight cards */
.event-detail .ed-highlights li {
    padding-right: 64px;
    overflow: hidden;
}

.event-detail .ed-highlights li:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 16px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
    box-shadow: 0 4px 12px rgba(18, 32, 122, .08);
}

.event-detail .ed-highlights li:nth-child(1):after { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312c2a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M9 2v4M15 2v4M9 18v4M15 18v4M2 9h4M2 15h4M18 9h4M18 15h4'/%3E%3C/svg%3E"); }
.event-detail .ed-highlights li:nth-child(2):after { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312c2a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6'/%3E%3C/svg%3E"); }
.event-detail .ed-highlights li:nth-child(3):after { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312c2a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='7' rx='2'/%3E%3Crect x='3' y='14' width='18' height='7' rx='2'/%3E%3Cpath d='M7 6.5h.01M7 17.5h.01M11 6.5h6M11 17.5h6'/%3E%3C/svg%3E"); }
.event-detail .ed-highlights li:nth-child(4):after { background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312c2a5' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 15c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9a2.2 2.2 0 0 0-2.9-.1z'/%3E%3Cpath d='M12 15l-3-3a22 22 0 0 1 2-4A12.9 12.9 0 0 1 22 2c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2z'/%3E%3Cpath d='M9 12H4s.6-3 2-4c1.6-1.1 5 0 5 0M12 15v5s3-.6 4-2c1.1-1.6 0-5 0-5'/%3E%3C/svg%3E"); }

/* Callout decoration */
.event-detail .ed-callout {
    position: relative;
    overflow: hidden;
}

.event-detail .ed-callout:after {
    content: "";
    position: absolute;
    right: -40px;
    top: -40px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 24px solid rgba(255, 255, 255, .07);
}

.event-detail .ed-callout p {
    position: relative;
    z-index: 1;
    font-size: 17px;
}

/* Closing line as a pull-quote */
.event-detail .ed-closing p:last-child {
    position: relative;
    margin-top: 20px;
    padding: 18px 20px 18px 64px;
    border-radius: 12px;
    background: var(--ed-soft);
    font-size: 18px;
    line-height: 1.6;
}

.event-detail .ed-closing p:last-child:before {
    content: "\201C";
    position: absolute;
    left: 18px;
    top: 4px;
    font-size: 64px;
    line-height: 1;
    font-style: normal;
    font-family: Georgia, serif;
    color: var(--ed-teal);
}

/* Gallery: full photos (no cropping), 2 per row */
.event-detail .ed-gallery .row {
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
}

@media (max-width: 767px) {
    .event-detail .ed-lead p:first-letter {
        font-size: 44px;
    }

    .event-detail .ed-closing p:last-child {
        font-size: 16px;
        padding-left: 52px;
    }

    .event-detail .ed-gallery .row {
        grid-template-columns: 1fr;
    }

}


/* ===== White background with a light AI network on both sides (no repeat) ===== */
.event-detail.bg-light,
.event-detail {
    background-color: #fff !important;
    position: relative;
    overflow: hidden;
}

.event-detail:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='700' viewBox='0 0 380 700'%3E%3Cpath d='M141 626L138 670 M141 626L209 638 M298 153L347 174 M298 153L317 87 M209 638L262 660 M209 638L141 626 M262 660L209 638 M262 660L296 582 M317 87L322 63 M317 87L330 33 M330 33L322 63 M330 33L317 87 M260 285L302 259 M260 285L131 284 M302 259L260 285 M302 259L298 153 M118 501L157 504 M118 501L89 526 M296 582L262 660 M296 582L315 475 M263 426L238 424 M263 426L324 416 M347 174L298 153 M347 174L317 87 M138 670L141 626 M138 670L209 638 M97 555L89 526 M97 555L118 501 M219 35L174 51 M219 35L330 33 M52 183L69 56 M52 183L131 284 M322 63L317 87 M322 63L330 33 M174 51L219 35 M174 51L69 56 M157 504L118 501 M157 504L89 526 M324 416L315 475 M324 416L263 426 M238 424L263 426 M238 424L324 416 M315 475L324 416 M315 475L263 426 M88 394L89 526 M88 394L118 501 M69 56L174 51 M69 56L52 183 M89 526L97 555 M89 526L118 501 M131 284L260 285 M131 284L88 394' stroke='%232346c1' stroke-opacity='.10' fill='none'/%3E%3Cg fill='%232346c1' fill-opacity='.18'%3E%3Ccircle cx='141' cy='626' r='3.5'/%3E%3Ccircle cx='298' cy='153' r='3'/%3E%3Ccircle cx='209' cy='638' r='3.5'/%3E%3Ccircle cx='262' cy='660' r='4'/%3E%3Ccircle cx='317' cy='87' r='3.5'/%3E%3Ccircle cx='330' cy='33' r='4'/%3E%3Ccircle cx='260' cy='285' r='3'/%3E%3Ccircle cx='302' cy='259' r='4'/%3E%3Ccircle cx='118' cy='501' r='4'/%3E%3Ccircle cx='296' cy='582' r='3.5'/%3E%3Ccircle cx='263' cy='426' r='4'/%3E%3Ccircle cx='347' cy='174' r='2.5'/%3E%3Ccircle cx='138' cy='670' r='3'/%3E%3Ccircle cx='97' cy='555' r='2'/%3E%3Ccircle cx='219' cy='35' r='3'/%3E%3Ccircle cx='52' cy='183' r='4'/%3E%3Ccircle cx='322' cy='63' r='2.5'/%3E%3Ccircle cx='174' cy='51' r='3'/%3E%3Ccircle cx='157' cy='504' r='4'/%3E%3Ccircle cx='324' cy='416' r='4'/%3E%3Ccircle cx='238' cy='424' r='4'/%3E%3Ccircle cx='315' cy='475' r='2'/%3E%3Ccircle cx='88' cy='394' r='2.5'/%3E%3Ccircle cx='69' cy='56' r='4'/%3E%3Ccircle cx='89' cy='526' r='3'/%3E%3Ccircle cx='131' cy='284' r='3'/%3E%3C/g%3E%3Cg fill='%2312c2a5' fill-opacity='.35'%3E%3Ccircle cx='141' cy='626' r='1.6'/%3E%3Ccircle cx='317' cy='87' r='1.6'/%3E%3Ccircle cx='118' cy='501' r='1.6'/%3E%3Ccircle cx='138' cy='670' r='1.6'/%3E%3Ccircle cx='322' cy='63' r='1.6'/%3E%3Ccircle cx='238' cy='424' r='1.6'/%3E%3Ccircle cx='89' cy='526' r='1.6'/%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='380' height='700' viewBox='0 0 380 700'%3E%3Cpath d='M251 593L245 625 M251 593L280 621 M258 482L222 483 M258 482L282 507 M280 621L245 625 M280 621L251 593 M117 209L117 267 M117 209L115 116 M282 507L258 482 M282 507L222 483 M342 648L354 650 M342 648L295 669 M115 116L92 112 M115 116L117 209 M248 330L254 304 M248 330L257 354 M92 112L115 116 M92 112L22 107 M295 669L280 621 M295 669L342 648 M41 629L139 675 M41 629L120 551 M222 483L258 482 M222 483L282 507 M354 650L342 648 M354 650L295 669 M352 181L327 50 M352 181L339 35 M339 35L327 50 M339 35L290 84 M290 84L327 50 M290 84L339 35 M50 56L22 107 M50 56L92 112 M117 267L117 209 M117 267L115 116 M327 50L339 35 M327 50L290 84 M257 354L248 330 M257 354L254 304 M245 625L251 593 M245 625L280 621 M120 551L170 531 M120 551L139 675 M139 675L120 551 M139 675L41 629 M170 531L120 551 M170 531L222 483 M22 107L92 112 M22 107L50 56 M254 304L248 330 M254 304L257 354' stroke='%232346c1' stroke-opacity='.10' fill='none'/%3E%3Cg fill='%232346c1' fill-opacity='.18'%3E%3Ccircle cx='251' cy='593' r='3.5'/%3E%3Ccircle cx='258' cy='482' r='4'/%3E%3Ccircle cx='280' cy='621' r='2'/%3E%3Ccircle cx='117' cy='209' r='3'/%3E%3Ccircle cx='282' cy='507' r='3'/%3E%3Ccircle cx='342' cy='648' r='2.5'/%3E%3Ccircle cx='115' cy='116' r='4'/%3E%3Ccircle cx='248' cy='330' r='3'/%3E%3Ccircle cx='92' cy='112' r='2'/%3E%3Ccircle cx='295' cy='669' r='2'/%3E%3Ccircle cx='41' cy='629' r='4'/%3E%3Ccircle cx='222' cy='483' r='2'/%3E%3Ccircle cx='354' cy='650' r='3.5'/%3E%3Ccircle cx='352' cy='181' r='2'/%3E%3Ccircle cx='339' cy='35' r='3'/%3E%3Ccircle cx='290' cy='84' r='3.5'/%3E%3Ccircle cx='50' cy='56' r='2'/%3E%3Ccircle cx='117' cy='267' r='2'/%3E%3Ccircle cx='327' cy='50' r='2'/%3E%3Ccircle cx='257' cy='354' r='2.5'/%3E%3Ccircle cx='245' cy='625' r='2.5'/%3E%3Ccircle cx='120' cy='551' r='2'/%3E%3Ccircle cx='139' cy='675' r='3.5'/%3E%3Ccircle cx='170' cy='531' r='3.5'/%3E%3Ccircle cx='22' cy='107' r='3.5'/%3E%3Ccircle cx='254' cy='304' r='3.5'/%3E%3C/g%3E%3Cg fill='%2312c2a5' fill-opacity='.35'%3E%3Ccircle cx='251' cy='593' r='1.6'/%3E%3Ccircle cx='282' cy='507' r='1.6'/%3E%3Ccircle cx='92' cy='112' r='1.6'/%3E%3Ccircle cx='354' cy='650' r='1.6'/%3E%3Ccircle cx='50' cy='56' r='1.6'/%3E%3Ccircle cx='245' cy='625' r='1.6'/%3E%3Ccircle cx='22' cy='107' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat;
    background-position: left 20px top 40px, right 20px bottom 60px;
    background-size: 380px 700px, 380px 700px;
    pointer-events: none;
    z-index: 0;
}

.event-detail>.container {
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .event-detail:before {
        display: none;
    }
}

/* Sub-headings inside the content card (e.g. "Key Areas Covered") */
.event-detail .ed-card h2 {
    color: var(--ed-navy);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 14px;
}

/* ===== Generic content (older event pages) ===== */
.event-detail .ed-card .ed-lead-text {
    color: var(--ed-ink);
    font-size: 18px;
}

.event-detail .ed-card ul.ed-list,
.event-detail .ed-card ol.ed-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 22px;
}

.event-detail .ed-card .ed-list li {
    position: relative;
    background: var(--ed-soft);
    border-left: 3px solid var(--ed-teal);
    border-radius: 8px;
    padding: 10px 14px 10px 34px;
    margin-bottom: 8px;
    color: var(--ed-muted);
    line-height: 1.65;
}

.event-detail .ed-card .ed-list li:before {
    position: absolute;
    left: 14px;
    top: 9px;
    color: var(--ed-teal);
    font-weight: 700;
}

.event-detail .ed-card .ed-list li strong {
    color: var(--ed-navy);
}

.event-detail .ed-card h3 {
    color: var(--ed-navy);
    font-size: 18px;
    font-weight: 700;
    margin: 18px 0 10px;
}

.event-detail .ed-card img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .event-detail .ed-card .ed-lead-text {
        font-size: 16px;
    }
}

/* loose text directly inside the card */
.event-detail .ed-card {
    color: var(--ed-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* "Events" badge is a link back to event.html */
.event-detail .ed-card .ed-eyebrow a,
.event-detail .ed-card .ed-eyebrow a:hover,
.event-detail .ed-card .ed-eyebrow a:focus {
    color: inherit !important;
    text-decoration: none !important;
    border: 0 !important;
}

.event-detail .ed-card .ed-eyebrow {
    transition: background .2s, color .2s;
}

.event-detail .ed-card .ed-eyebrow:hover {
    background: var(--ed-blue) !important;
    color: #fff !important;
}

.event-detail .ed-card .ed-eyebrow a:before {
    content: "\2190\00a0\00a0";
    display: inline;
}