@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700;800;900&family=Outfit:wght@500;600;700&display=swap');


.speakertd, .table1 td:first-child, .table1 td:nth-child(2) span, .table1 th {
    font-family: Nunito, sans-serif;
}
a, abbr, acronym, applet, article, aside, audio, b, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, span, summary, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

blockquote, q {
    quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
section {
    padding: 40px 0;
}
body {
        font-family: var(--font-family);
        background-color: #000;
        color: var(--color-text);
      }
.header-logo{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 30px;
    background: #ffffff!important;
}
.header-logo .top-header-left img{
  height: 54px;
}
.header-logo .top-header-right img{
  height: 38px;
}
.topwrapper {
    margin: 0 auto;
    padding: 16px 30px 16px;
    clear: both;
    content: "";
    z-index: 5;
    position: -webkit-sticky;
    position: sticky;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 72px;
    top: 0;
    left: 0;right: 0;
}
.topleft .logo1{
    height: 46px;
}
.topleft .logo2{
    display: none;
}
.topright {
    float: right;
    display: block;
    margin: 0;
}
.topwrapper .pastedition_list {
    height: 50vh;
    overflow-y: scroll;
}


      .hero {
        position: relative;
        /*min-height: 100vh;*/
        display: flex;
        align-items: center;
        justify-content: center;
        background:
          linear-gradient(#00000040, #00000040),
          url("../images/amritsar_tech_hero_bg.jpg");
        background-size: cover;
        background-position: center;
        padding: 100px 20px;
        overflow: hidden;
      }

      /*.hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background:
          radial-gradient(
            circle at 80% 20%,
            rgba(242, 98, 58, 0.15) 0%,
            transparent 40%
          ),
          radial-gradient(
            circle at 20% 80%,
            rgba(53, 72, 158, 0.15) 0%,
            transparent 40%
          );
        pointer-events: none;
      }*/

      .hero-container {
        position: relative;
        z-index: 2;
        max-width: 60%;
        width: 100%;
        display: flex;
        gap: 70px;
        justify-content: space-between;
        align-items: stretch;
      }

      /* --- Left Column --- */
      .hero-left {
        flex: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 500px;
      }

      .edition-badge {
        position: absolute;
        top: 3px;
        right: 32px;
        background-color: var(--color-primary);
        color: #fff;
        display: inline-block;
        padding: 10px 5px;
        text-align: center;
        margin-bottom: 0;
        font-weight: 700;
        line-height: 1.1;
      }

      .hero-spacer {
        height: 14px;
      }

      .edition-badge .number {
        font-size: clamp(20px, 2.2vw, 24px);
      }
      .edition-badge .number sup {
        font-size: clamp(11px, 1.2vw, 13px);
      }
      .edition-badge .text {
        font-size: 11px;
        letter-spacing: 1px;
      }

      .hero-title {
        font-family: "Inter", sans-serif;
        font-size: clamp(20px, 2.5vw, 28px);
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 0;
      }

      .hero-title strong {
        font-weight: 700;
      }

      .hero-stats {
        display: flex;
        flex-direction: column;
        width: 100%;
      }

      .stat-item {
        font-size: clamp(22px, 2.6vw, 28px);
        font-weight: 600;
        padding: 14px 0;
      }

      .stat-divider {
        height: 2px;
        width: 80%;
        background-color: #ffffff;
      }

      /* --- Right Column (Card) --- */
      .hero-right {
        flex: 1;
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }

      .event-card {
        background-color: #000000e5;
        border-radius: 12px;
        padding: 44px;
        width: 100%;
        max-width: 500px;
        /* Gradient Border Simulation */
        position: relative;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
        padding-top: 70px;
      }

      .event-card::before {
        content: "";
        position: absolute;
        inset: 0;
        border-radius: 12px;
        padding: 3px;

        background: linear-gradient(125deg, #e8640d, #35489e, #e8640d);
        background-size: 200% 200%;
        animation: borderGradient 3s linear infinite;

        mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);
        -webkit-mask:
          linear-gradient(#fff 0 0) content-box,
          linear-gradient(#fff 0 0);

        -webkit-mask-composite: xor;
        mask-composite: exclude;

        pointer-events: none;
      }

      @keyframes borderGradient {
        0% {
          background-position: 0% 50%;
        }
        50% {
          background-position: 100% 50%;
        }
        100% {
          background-position: 0% 50%;
        }
      }

      .brand-logo {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 18px;
      }

      .brand-text {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.1;
        display: flex;
        flex-direction: column;
      }

      .brand-wordmark {
        width: auto;
        height: auto;
        display: block;
        max-width: 100%;
      }

      .brand-text span {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .north-badge {
        background-color: var(--color-secondary);
        font-size: 11px;
        padding: 4px 12px;
        border-radius: 4px;
        letter-spacing: 1px;
        transform: skew(-15deg);
        display: inline-block;
      }

      .north-badge span {
        display: block;
        transform: skew(15deg); /* un-skew text */
      }

      .card-title {
        font-size: clamp(24px, 3vw, 28px);
        line-height: 1.1;
        font-weight: 400;
        margin-bottom: 18px;
      }

      .card-title strong {
        font-weight: 700;
        display: block;
      }

      .event-date {
        display: flex;
        align-items: center;
        gap: 16px;
        margin-bottom: 18px;
      }

      .date-circles {
        display: flex;
        gap: 8px;
      }

      .date-circle {
        width: 40px;
        height: 40px;
        background-color: var(--color-primary);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 16px;
      }

      .date-text {
        font-size: clamp(15px, 1.7vw, 16px);
        color: #ffffff;
      }

      .card-divider {
        height: 1px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.4);
        border: none;
        margin: 0 0 18px 0;
      }

      .event-location {
        font-size: clamp(15px, 1.7vw, 16px);
        color: #ffffff;
        margin-bottom: 32px;
      }

      .btn-register {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        background-color: var(--color-primary);
        color: #fff;
        text-decoration: none;
        padding: 14px 28px;
        border-radius: 30px;
        font-size: clamp(14px, 1.6vw, 15px);
        font-weight: 600;
        transition:
          transform 0.2s,
          background-color 0.2s;
        border: none;
        cursor: pointer;
      }

      .btn-register:hover {
        background-color: #d44a26;
        transform: translateY(-2px);
      }

      .btn-register img,
      .btn-register svg {
        transition: transform 0.2s;
      }

      .btn-register:hover img,
      .btn-register:hover svg {
        transform: translate(2px, -2px);
      }

      /* --- About Event Section --- */
      .about-event {
        display: flex;
        width: 100%;
        background: linear-gradient(180deg, #ffffff 0%, #9de1f4 212.59%);
        align-items: stretch;
      }

      .about-left {
        flex: 0 0 50%;
        width: 50%;
        background: transparent;
        padding: 4rem 5% 4rem max(2rem, calc((100vw - 1200px) / 2));
        color: #1a1a1a;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .about-title {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 32px;
        color: #000;
        font-family: "Inter", sans-serif;
      }

      .about-text p {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 12px;
        color: #333;
      }

      .about-text p:last-child {
        margin-bottom: 0;
      }

      .about-right {
        flex: 0 0 50%;
        width: 50%;
        position: relative;
        display: flex;
        align-items: flex-start;
        padding: 0;
      }

      /*.about-right::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(
          135deg,
          rgba(0, 0, 0, 0.7) 0%,
          rgba(0, 0, 0, 0.3) 100%
        );
        z-index: 1;
      }*/

      .about-right-img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
      }

      .about-right-text {
        position: absolute;
        top: 15%;
        left: 8%;
        right: 10%;
        font-family: "Inter", sans-serif;
        font-size: 24px;
        font-weight: 400;
        line-height: 26px;
        color: #000000;
        z-index: 2;
        /*text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);*/
      }

      .about-right-text strong {
        font-weight: 700;
      }

      /* --- Event Highlights Section --- */
      .event-highlights {
        background-color: #fff;
        padding: 80px 20px;
      }

      .section-title {
        font-size: 36px;
        font-weight: 800;
        color: #111;
        text-align: center;
        margin-bottom: 40px;
        font-family: "Inter", sans-serif;
        position: relative;
        letter-spacing: 0.5px;
      }

      .section-title::after {
        content: "";
        display: block;
        width: 60px;
        height: 4px;
        background-color: #35489e;
        margin: 12px auto 0;
        border-radius: 2px;
      }

      .highlights-grid {
        max-width: 1300px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
      }

      .highlight-card {
        position: relative;
        border-radius: 6px;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        background-color: var(--color-primary);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
        transition:
          transform 0.3s ease,
          box-shadow 0.3s ease;
      }

      .highlight-card:hover {
        transform: translateY(-5px) scale(1.02);
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.15);
      }

      .highlight-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        background-color: #35489e; /* Theme color */
        color: #fff;
        font-size: 11px;
        font-weight: 600;
        padding: 4px 8px;
        border-radius: 4px;
        z-index: 2;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      }

      .highlight-card img {
        width: 100%;
        aspect-ratio: 16 / 9;
        height: auto;
        object-fit: cover;
        object-position: bottom;
        display: block;
        border-radius: 6px 6px 0 0;
      }

      .highlight-card-body {
        padding: 20px 16px;
        flex-grow: 1;
        color: #000;
        line-height: 1.4;
        border-radius: 0 0 6px 6px;
      }

      .highlight-card-body strong {
        display: block;
        font-size: 16px;
        font-weight: 700;
      }

      .highlight-card-body span {
        font-size: 15px;
        font-weight: 400;
      }

      /* --- Key Topics Section --- */
      .key-topics {
        position: relative;
        background: #fbfbfb url("../images/key_topics_banner_bg.png") bottom center /
          contain no-repeat;
        padding: 30px 20px 200px 20px;
      }

      /* White gradient overlay to fade the top half for the grid legibility */
      .key-topics::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: linear-gradient(
          to bottom,
          rgba(255, 255, 255, 1) 0%,
          rgba(255, 255, 255, 0.9) 30%,
          rgba(255, 255, 255, 0.4) 60%,
          transparent 100%
        );
        pointer-events: none;
      }

      .topics-container {
        position: relative;
        z-index: 2;
        max-width: 720px;
        margin: 0 auto;
        padding-bottom: 80px;
      }

      .topics-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 60px;
        row-gap: 24px;
      }

      .topic-item {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 24px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
      }

      .topic-icon {
        flex-shrink: 0;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #8e24aa; /* Vibrant purple */
      }

      .topic-icon img,
      .topic-icon svg {
        width: 32px;
        height: 32px;
        display: block;
      }

      .topic-text {
        font-size: 18px;
        font-weight: 500;
        color: #1a1a1a;
        line-height: 1.4;
      }

      /* --- Key Topics Banner --- */
      .topics-banner {
        position: relative;
        z-index: 10;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 20px;
      }

      .topics-banner-text {
        text-align: center;
        font-size: 26px;
        color: #000;
        font-weight: 400;
        max-width: 420px;
        line-height: 1.3;
        margin: 0 auto;
      }

      .topics-banner-text strong {
        font-weight: 700;
      }

      /* --- Key Topics New --- */
      .key_topics {
        position: relative;
        background: #fbfbfb url("../images/key_topics_banner_bg.jpg") center center /
          cover no-repeat;
        padding: 80px 20px;
      }

      .key_topics::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        pointer-events: none;
      }

      .topics_container {
        position: relative;
        display: flex;
        gap: 60px;
        align-items: center;
        justify-content: space-between;
        z-index: 2;
        max-width: 960px;
        margin: 0 auto;
        padding: ;
      }

      .topic-headline {
        width: 500px;
        color: #ffffff;
        font-size: 28px;
        line-height: 1.4;
        font-weight: 400;
      }
      .topic-headline b {
        font-weight: 700;
      }

      .topic-panel {
        width: 330px;
      }

      .topic-panel h2 {
        color: #ffffff;
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 18px;
      }

      .topic-row {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 14px 0;
        border-bottom: 1px solid #F9E3AD;
      }
      .topic-row:last-child {
        border-bottom: none;
      }

      .topic-icon-box {
        flex: 0 0 30px;
        width: 30px;
        height: 30px;
        border: 1.5px solid #E8562E;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .topic-row p {
        color: #ffffff;
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
      }

      /* --- Why Now Section --- */
      .why-now {
        position: relative;
        background-color: #fbfbfb;
        width: 100%;
        overflow: hidden;
      }

      .why-now-full-img {
        width: 100%;
        height: auto;
        display: block;
      }

      .why-now-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        padding: clamp(20px, 5vw, 90px) 5% clamp(20px, 5vw, 90px) 10%;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .why-now-title {
        font-size: clamp(16px, 1.8vw, 24px);
        font-weight: 600;
        color: #000;
        margin-bottom: clamp(6px, 1vw, 12px);
        font-family: "Inter", sans-serif;
      }

      .why-now-subtitle {
        font-size: clamp(14px, 1.5vw, 24px);
        color: #333;
        margin-bottom: clamp(10px, 1.5vw, 20px);
      }

      .why-now-list {
        list-style: none;
        padding: 0;
        margin-bottom: clamp(14px, 2vw, 28px);
      }

      .why-now-list li {
        font-size: clamp(12px, 1.2vw, 18px);
        color: #1a1a1a;
        margin-bottom: clamp(8px, 1.5vw, 24px);
        line-height: 1.4;
      }

      .why-now-list li strong {
        font-weight: 700;
      }

      .why-now-highlight {
        font-family: "Inter", sans-serif;
        font-size: clamp(13px, 1.4vw, 20px);
        font-weight: 600;
        color: #35489e; /* Dark Indigo / Blue */
        line-height: 26px;
      }

      /* --- Why Participate Section --- */
      .why-participate {
        background: linear-gradient(180deg, #ffffff 0%, #9de1f4 212.59%);
        padding: 80px 20px;
      }

      .participate-container {
        max-width: 960px;
        margin: 0 auto;
      }

      .participate-header {
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        color: #000;
        margin-bottom: 60px;
        font-family: "Inter", sans-serif;
      }

      .participate-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 100px;
      }

      .participate-left {
        display: flex;
        flex-direction: column;
      }

      .participate-blue-text {
        color: #35489e; /* Dark blue */
        font-size: 18px;
        font-weight: 600;
        line-height: 1.5;
        margin-bottom: 32px;
      }

      .participate-subheading {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 16px;
      }

      .tags-container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .tag-pill {
        background-color: #fff;
        padding: 8px 16px;
        border-radius: 24px;
        font-size: 14px;
        font-weight: 500;
        color: #333;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
      }

      .participate-right {
        display: flex;
        flex-direction: column;
      }

      .participate-list {
        padding-left: 20px;
        margin: 0;
      }

      .participate-list li {
        font-size: 16px;
        color: #222;
        line-height: 1.6;
        margin-bottom: 16px;
      }

      .participate-list li:last-child {
        margin-bottom: 0;
      }

      /* --- Transformation Section --- */
      .transformation {
        background-color: #fff;
        padding: 80px 20px;
      }

      .transformation-container {
        max-width: 1200px;
        margin: 0 auto;
      }

      .transformation-header {
        text-align: center;
        margin-bottom: 60px;
      }

      .transformation-title {
        font-size: 30px;
        font-weight: 600;
        color: #000;
        margin-bottom: 12px;
        font-family: "Inter", sans-serif;
      }

      .transformation-subtitle {
        font-size: 18px;
        color: #333;
        font-weight: 400;
      }

      .transformation-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 40px;
        row-gap: 40px;
      }

      .transform-item {
        display: flex;
        align-items: flex-start;
        gap: 24px;
        transition: transform 0.3s ease;
      }

      .transform-item:hover {
        transform: translateX(5px);
      }

      .transform-image {
        flex-shrink: 0;
        width: 180px;
        height: 140px;
        border-radius: 8px;
        object-fit: cover;
        background-color: #f0f0f0; /* Fallback until images are added */
      }

      .transform-text {
        font-family:
          "Inter",
          system-ui,
          -apple-system,
          sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
        color: #000;
        max-width: 300px;
      }

      .transform-text--white {
        color: #ffffff;
      }

      /* --- Speakers Section --- */
      .speakers-section {
        background-color: #e1f6fb; /* Light cyan/blue matching the image */
        padding: 80px 20px;
      }

      .speakers-container {
        max-width: 1200px;
        margin: 0 auto;
      }

      .speakers-header {
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        color: #000;
        margin-bottom: 60px;
        font-family: "Inter", sans-serif;
      }

      /*.speakers-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 32px;
        row-gap: 48px;
      }*/
      .speakers-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        justify-content: center;
      }
      .speaker-card{
        width: 260px;
        max-width: 100%;
      }

      .speaker-card {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: transform 0.3s ease;
      }

      .speaker-card:hover {
        transform: translateY(-5px);
      }

      .speaker-image {
        width: 100%;
        aspect-ratio: 1 / 1.1;
        object-fit: cover;
        border-radius: 16px;
        box-shadow: 8px 8px 4px 0px #0000001a;
        margin-bottom: 20px;
      }

      .speakers-scroll-row {
        display: contents;
      }

      .speaker-name {
        font-size: 20px;
        font-weight: 700;
        color: #f15d3e; /* Red color matching the design */
        margin-bottom: 4px;
      }

      .speaker-title {
        font-size: 14px;
        color: #222;
        margin-bottom: 2px;
      }

      .speaker-company {
        font-size: 14px;
        font-weight: 700;
        color: #000;
      }


.idxregwrapper{
    background: url('../images/amritsar_tech_hero_bg.jpg') center/cover no-repeat #fff;
    padding: 40px 0;
}

/*Footer*/

.footerwrapper {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-weight: 400;
    background: #FCFCFC;
}
.footerwrapper p{
    font-size: 14px;
}
.footerwrapper a {
    color: #000;
    text-decoration: none;
}
.footerwrapper a:hover {
    color: #0a8eae;
}
.footercol1 {
    padding: 0 0 15px;
    font-size: 14px;
}
.footerlogo {
    display: block;
    float: left;
    margin: 0 0 20px;
}
.footercol2 {
    padding: 8px 0;
}
.footercol2 ul{
    list-style: none;
}
.footercol2 ul li{
    background-position: 5px 12px;
    background-repeat: no-repeat;
    margin: 5px 0 0;
    padding: 0 0 5px 25px;
}
.footerbottomright h4, .footercol2 h4 {
    display: block;
    font-weight: 700;
    color: #000000;
    line-height: normal;
    margin-bottom: 15px;
    font-size: 14px;
}
.footercol2 ul li {
    padding: 0;
    margin: 0 0 10px;
    font-size: 14px;
}
.footerbottom {
    font-size: 14px;
    line-height: 16px;
}
.footersocial a img {
    width: 36px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    margin-right: 12px;
}

.thankyoutext h4, .thankyoutext h6 {
    font-family: "Inter", sans-serif;
    font-size: 28px;
    line-height: 140%;
    margin-bottom: 10px;
    letter-spacing: 0;
    font-weight: 600;
}
.thankyoutext {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    line-height: 26px;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 40px;
    background: #ffffff;
    border-radius: 20px;
    text-align: center;
}
.thankyoutext h6 {
    color: #1E2CFB;
}
.thankyoutext h6 span {
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
}
.thankyoulink {
    text-align: center;
}
.thankyoulink a {
    font-weight: 400;
}
.tybtn a {
    display: inline-block;
    border-radius: 12px;
    padding: 17px 16px;
    font-size: 18px;
    line-height: normal;
    border: none;
    box-sizing: border-box;
    text-decoration: none;
    max-width: 100%;
    transition: .3s all;
    width: 300px;
    max-width: 80%;
    text-align: center;
}

.thankyoutext p {
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
    letter-spacing: 0;
    padding: 0;
}



.grecaptcha-badge{
    display: none!important;
}


/*Registration*/

.registration-row{
    display: flex;
    gap: 60px;
}
.details-box{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 370px;
    max-width: 100%;
    margin: auto;
    background: rgba(0, 0, 0, 0.9);
    border-radius: 12px;
    padding: 20px;
    font-family: "Poppins", sans-serif;
}
.details-box-head{
    display: block;
    font-size: 32px;
    line-height: 32px;
    font-weight: bold;
    color: #ffffff;
}
.details-box-head span{
    font-weight: 400;
}
.details-box-date-main-row{
    display: flex;
    gap: 12px;
    align-items: center;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);
    padding-bottom: 12px;
}
.details-box-date-box-row{
    display: flex;
    gap: 6px;
}
.details-box-date-box{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    width: 34px;
    height: 34px;
    background: #F15D3E;
    font-size: 16px;
    line-height: normal;
    font-family: "Inter", sans-serif;
    color: #ffffff;
}
.details-box-month{
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #ffffff;
}

.page-title{
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 32px;
    color: #000;
    font-family: "Inter", sans-serif;
}
.page-btn {
    display: inline-flex;
    align-items: center;
    background-color: var(--color-primary);
    color: #fff;
    text-decoration: none;
    padding: 14px 28px;
    border-radius: 30px;
    font-size: clamp(14px, 1.6vw, 15px);
    font-weight: 600;
    transition:
      transform 0.2s,
      background-color 0.2s;
    border: none;
    cursor: pointer;
  }

  .page-btn:hover {
    background-color: #d44a26;
    transform: translateY(-2px);
  }

  .page-sub {
    font-family: "Inter", sans-serif;
    text-align: center;
    color: #6b6478;
    font-size: 16px;
    margin: 0 0 18px;
}
 /*Partner*/
.idxpartnersbox {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: normal;
}

.idxpartnersbox h6 {
    font-size: 11px;
    color: #1D1F1E;
    margin-top: 8px;
    font-weight: bold;
}
.idxpartnersbox {
    width: 20%;
    margin: 1%;
    padding: 7px 1%;
    border-radius: 7px;
    background: #fff;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    position: relative;
    transition: 0.3s;
}
.idxpartnersbox:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.idxpartnersbox img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}


 /* --- Scroll Animations --- */
  .anim-element {
        opacity: 0;
        /* prevent flickering before js kicks in */
        visibility: hidden;
      }
      .anim-element.is-visible {
        visibility: visible;
        animation-fill-mode: forwards;
      }

      /* Fade in */
      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: translateY(20px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }
      .anim-fade-in.is-visible {
        animation: fadeIn 0.8s ease-out forwards;
      }

      /* Slide from Left */
      @keyframes slideLeft {
        from {
          opacity: 0;
          transform: translateX(-50px);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }
      .anim-slide-left.is-visible {
        animation: slideLeft 0.8s ease-out forwards;
      }

      /* Slide from Right */
      @keyframes slideRight {
        from {
          opacity: 0;
          transform: translateX(50px);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }
      .anim-slide-right.is-visible {
        animation: slideRight 0.8s ease-out forwards;
      }

      /* Paper Roll Unfold */
      @keyframes paperUnfold {
        0% {
          opacity: 0;
          transform: perspective(1000px) rotateX(90deg) scale(0.95);
          transform-origin: top;
        }
        100% {
          opacity: 1;
          transform: perspective(1000px) rotateX(0deg) scale(1);
          transform-origin: top;
        }
      }
      .anim-unfold.is-visible {
        animation: paperUnfold 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275)
          forwards;
      }