:root {
      :root {
          --plum: #1554A4;
          --deep: #10489A;
          --pink: #2196F3;
          --lavender: #E3F2FD;
          --ink: #142B45;
          --muted: #637D99;
          --soft-blue: #90CAF9;
          --light-blue: #E3F2FD;
          --white: #FFFFFF;
      }
  }

  * {
      box-sizing: border-box
  }

  html {
      scroll-behavior: smooth
  }

  body {
      margin: 0;
      font-family: 'DM Sans', sans-serif;
      color: var(--ink);
      overflow-x: hidden
  }

  h1,
  h2,
  h3,
  h4,
  h5 {
      font-family: Manrope, sans-serif
  }

  a {
      text-decoration: none
  }

  .navbar {
      background: rgba(255, 255, 255, .97);
      border-bottom: 1px solid #eee8f1;
      padding: 0px 0
  }

  .navbar-brand {
      color: var(--plum);
      font-size: 26px;
      font-weight: 800;
      letter-spacing: -1px
  }

  .navbar-brand span {
      color: var(--pink)
  }

  .navbar .nav-link {
      color: #38303f;
      font-size: 13px;
      font-weight: 600;
      margin: 0 5px
  }

  .navbar .nav-link:hover {
      color: var(--pink)
  }

  .nav-cta {
      color: white !important;
      background: var(--plum);
      border-radius: 50px;
      /* padding: 10px 17px !important */
  }

  .nav-badge {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      margin-left: 5px;
      padding: 2px 7px;
      color: #fff;
      background: blue;
      border-radius: 50px;
      font-size: 10px;
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      vertical-align: middle;
      animation: badgePulse 1.8s infinite;
  }

  .hero-wrap {
      background: #fff;
      padding: 0px 0 42px
  }

  .hero {
      position: relative;
      overflow: hidden;
      border-radius: 5px;
      isolation: isolate
  }

  .hero .carousel,
  .hero .carousel-inner,
  .hero .carousel-item {

      height: 100%
  }

  .hero .carousel-item {
      background-size: cover;
      background-position: center
  }

  .hero .carousel-item:before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg,
              rgba(2, 26, 65, 0.849) 0%,
              rgba(8, 44, 92, 0.781) 30%,
              rgba(2, 44, 78, 0.726) 60%,
              rgba(5, 43, 70, 0.089) 100%);
  }

  .slide-one {
      background-image: url('https://media.telanganatoday.com/wp-content/uploads/2025/11/NIT-warangal-1.jpg')
  }

  .hero-content {
      position: relative;
      z-index: 2;
      padding: 75px 8% 30px;
      max-width: 1000px;
      color: #fff
  }

  .hero-kicker i,
  .hero-date i {
      color: #789cff
  }

  .hero h1 {
      font-weight: 800;
      letter-spacing: -2px;
      line-height: 1.14;
      margin-bottom: 20px
  }

  .hero h1 .accent {
      color: #5c88ff
  }

  .hero-organizer {
      font-size: 15px;
      line-height: 1.8;
      color: #e6dce9;
      max-width: 610px
  }

  .hero-date {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 23px;
      font-weight: 700;
      font-size: 15px
  }

  .hero-note {
      max-width: 560px;
      font-size: 12px;
      line-height: 1.8;
      color: #d3c6db;
      margin-top: 20px
  }

  .hero .carousel-indicators {
      justify-content: flex-start;
      margin-left: 8%;
      margin-bottom: 25px
  }

  .hero .carousel-indicators [data-bs-target] {
      width: 25px;
      height: 4px;
      border: 0;
      border-radius: 10px
  }

  .hero .carousel-control-prev,
  .hero .carousel-control-next {
      width: 6%
  }

  .section-pad {
      padding: 88px 0
  }

  .eyebrow {
      color: var(--pink);
      text-transform: uppercase;
      font-weight: 800;
      font-size: 11px;
      letter-spacing: 2px;
      margin-bottom: 12px
  }

  .section-heading {
      font-size: clamp(27px, 3.2vw, 32px);
      font-weight: 800;
      line-height: 1.2;
      letter-spacing: -1.4px;
      margin-bottom: 18px
  }

  .section-desc {
      color: var(--muted);
      font-size: 14px;
      line-height: 1.9
  }

  .info-card {
      height: 100%;
      background: #fff;
      border: 1px solid #eee8f1;
      padding: 28px;
      border-radius: 18px;
      transition: transform .25s, box-shadow .25s
  }

  .info-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 16px 40px #2d103416
  }

  .card-icon {
      display: grid;
      place-items: center;
      width: 48px;
      height: 48px;
      border-radius: 15px;
      background: #f7e8f4;
      color: var(--plum);
      font-size: 22px;
      margin-bottom: 20px
  }

  .info-card h3 {
      font-size: 17px;
      font-weight: 800;
      margin-bottom: 14px
  }

  .info-card p {
      font-size: 13px;
      line-height: 1.9;
      color: var(--muted);
      margin: 0
  }

  .inline-link {
      color: var(--pink);
      font-weight: 700;
      overflow-wrap: anywhere
  }

  .inline-link:hover {
      color: var(--plum)
  }

  .dates-section {
      background: #142d64;
      color: white;
      position: relative;
      overflow: hidden
  }

  .dates-section:before {
      content: "";
      position: absolute;
      width: 430px;
      height: 430px;
      border-radius: 50%;
      border: 1px solid #ffffff14;
      right: -150px;
      top: -180px;
      box-shadow: 0 0 0 50px #ffffff05, 0 0 0 100px #ffffff04
  }

  .dates-section .section-desc {
      color: #c9bdcf;
      font-size: 20px;
  }

  .date-item {
      position: relative;
      border-top: 1px solid #ffffff2b;
      padding: 22px 0
  }

  .date-item:last-child {
      border-bottom: 1px solid #ffffff2b
  }

  .date-item .date-label {
      font-size: 14px;
      color: #e4d8e8
  }

  .date-item .date-value {
      color: #7785ff;
      font-weight: 800;
      font-size: 16px
  }

  .date-number {
      color: #ffffff24;
      font-size: 27px;
      font-weight: 800
  }

  .speaker-card {
      border-radius: 18px;
      border: 1px solid #eee8f1;
      overflow: hidden;
      background: white;
      height: 100%;
      transition: transform .3s, box-shadow .3s
  }

  .speaker-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 40px #1f0d261a
  }

  .speaker-photo {
      height: 200px;
      background: linear-gradient(145deg, #e6d6eb, #f7edf6);
      display: grid;
      place-items: center;
      color: var(--plum);
      font-size: 58px
  }

  .speaker-info {
      padding: 23px
  }

  .speaker-info h3 {
      font-size: 16px;
      font-weight: 800;
      margin-bottom: 10px
  }

  .speaker-info p {
      font-size: 12px;
      line-height: 1.7;
      color: var(--muted);
      margin: 0
  }

  .text-link {
      color: var(--plum);
      font-weight: 800;
      font-size: 13px
  }

  .proceeding-item {
      padding: 17px 20px;
      border: 1px solid #eee8f1;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 15px;
      color: var(--ink);
      background: #fff;
      transition: all .2s
  }

  .proceeding-item:hover {
      border-color: #d8b2dc;
      background: #fcf7fc;
      color: var(--plum)
  }

  .proceeding-item span {
      font-size: 13px;
      font-weight: 700
  }

  .proceeding-item i {
      color: var(--pink)
  }

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

  .link-list li {
      border-bottom: 1px solid #eee8f1
  }

  .link-list li:last-child {
      border-bottom: 0
  }

  .link-list a {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 13px 0;
      color: #514759;
      font-size: 13px;
      font-weight: 600
  }

  .link-list a i {
      color: var(--pink);
      font-size: 16px
  }

  .link-list a:hover {
      color: var(--plum)
  }

  .contact-panel {
      border-radius: 22px;
      padding: 38px;
      background: #142d64;
      color: #fff
  }

  .contact-panel .section-desc {
      color: #e0d0e4
  }

  .contact-line {
      display: flex;
      align-items: flex-start;
      gap: 13px;
      font-size: 14px;
      line-height: 1.8;
      margin-bottom: 15px
  }

  .contact-line i {
      color: #788cff;
      font-size: 18px
  }

  /* ```css */
  /* ==============================
   ICCIS 2027 FOOTER
============================== */
  .conference-footer {
      background: #142d64;
      color: #c8bbce;
      padding: 45px 0 0;
      font-size: 14px;
  }

  .conference-footer .footer-main {
      display: grid;
      grid-template-columns: 0.85fr 1.4fr 1.25fr;
      gap: 40px;
      align-items: start;
      padding-bottom: 35px;
  }

  /* Brand */
  .conference-footer .footer-logo {
      display: inline-block;
      color: #fff;
      font-size: 25px;
      font-weight: 750;
      letter-spacing: -0.7px;
      line-height: 1.3;
      text-decoration: none;
  }

  .conference-footer .footer-logo span {
      color: #4e5aff;
  }

  .conference-footer .footer-address {
      margin: 18px 0 12px;
      font-size: 13px;
      line-height: 1.8;
  }

  .conference-footer .footer-contact {
      display: inline-block;
      color: #e8d9f1;
      text-decoration: none;
      margin-bottom: 10px;
      transition: color 0.25s ease;
  }

  .conference-footer .footer-phone {
      margin: 0;
      font-size: 12px;
      line-height: 1.7;
  }

  /* Section headings */
  .conference-footer .footer-heading {
      position: relative;
      color: #fff;
      font-size: 16px;
      font-weight: 700;
      line-height: 1.4;
      margin: 2px 0 22px;
      padding-bottom: 12px;
  }

  .conference-footer .footer-heading::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 36px;
      height: 2px;
      background: #694eff;
      border-radius: 3px;
  }

  /* Footer menus: two continuous columns */
  .conference-footer .footer-menu {
      display: block;
      columns: 2;
      column-gap: 24px;
      padding: 0;
      margin: 0;
      list-style: none;
  }

  .conference-footer .footer-menu li {
      display: inline-block;
      width: 100%;
      margin: 0 0 12px;
      padding: 0;
      vertical-align: top;
      break-inside: avoid;
      -webkit-column-break-inside: avoid;
  }

  .conference-footer .footer-menu a {
      display: block;
      position: relative;
      padding-left: 13px;
      color: #c8bbce;
      font-size: 13px;
      line-height: 1.65;
      text-decoration: none;
      overflow-wrap: break-word;
      transition: color 0.25s ease;
  }

  /* CSS-only arrow */
  .conference-footer .footer-menu a::before {
      content: "";
      position: absolute;
      top: 8px;
      left: 1px;
      width: 5px;
      height: 5px;
      border-top: 1px solid #924eff;
      border-right: 1px solid #8c4eff;
      transform: rotate(45deg);
      transition: transform 0.25s ease;
  }

  /* Hover */
  .conference-footer .footer-menu a:hover,
  .conference-footer .footer-contact:hover {
      color: #ac78ff;
  }

  .conference-footer .footer-menu a:hover::before {
      transform: translateX(3px) rotate(45deg);
  }

  /* Copyright bar */
  .conference-footer .footer-bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 10px 24px;
      padding: 18px 0;
      border-top: 1px solid rgba(255, 255, 255, 0.13);
      font-size: 12px;
      line-height: 1.7;
  }

  /* ==============================
   TABLET
============================== */
  @media (min-width: 576px) and (max-width: 991.98px) {
      .conference-footer .footer-main {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 35px 28px;
      }

      .conference-footer .footer-brand {
          grid-column: 1 / -1;
      }
  }

  /* ==============================
   MOBILE
============================== */
  @media (max-width: 575.98px) {
      .conference-footer {
          padding-top: 32px;
      }

      .conference-footer .footer-main {
          grid-template-columns: minmax(0, 1fr);
          gap: 30px;
          padding-bottom: 25px;
      }

      .conference-footer .footer-brand {
          grid-column: auto;
      }

      .conference-footer .footer-heading {
          margin-bottom: 18px;
      }

      .conference-footer .footer-menu {
          columns: 1;
          column-gap: 0;
      }

      .conference-footer .footer-menu li {
          margin-bottom: 11px;
      }

      .conference-footer .footer-menu a {
          font-size: 13px;
      }

      .conference-footer .footer-bottom {
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
          padding: 16px 0;
      }
  }

  .legacy-panel {
      background: #fff8f8;
      border: 1px solid #f0d5d9;
      border-left: 4px solid #d94367;
      padding: 25px;
      border-radius: 12px
  }

  .legacy-panel h3 {
      font-size: 18px;
      font-weight: 800
  }

  .legacy-panel p,
  .legacy-panel li {
      font-size: 13px;
      line-height: 1.9
  }

  .reveal {
      opacity: 0;
      transform: translateY(18px);
      transition: opacity .6s ease, transform .6s ease
  }

  .reveal.visible {
      opacity: 1;
      transform: translateY(0)
  }

  @media(max-width:767px) {
      .hero-wrap {
          padding: 10px 0 25px
      }

      .hero,
      .hero .carousel,
      .hero .carousel-inner,
      .hero .carousel-item {
          min-height: 500px
      }

      .hero-content {
          padding: 65px 25px 85px
      }

      .hero h1 {
          letter-spacing: -1.3px
      }

      .hero .carousel-control-prev,
      .hero .carousel-control-next {
          width: 9%
      }

      .section-pad {
          padding: 60px 0
      }

      .contact-panel {
          padding: 25px
      }

      .speaker-photo {
          height: 180px
      }

      .date-item .date-value {
          font-size: 12px
      }


  }


  @media (min-width: 992px) {
      .navbar .container-fluid {
          position: relative;
      }

      .navbar #mainNav {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          width: max-content;
          flex-grow: 0;
      }

      .navbar #mainNav .navbar-nav {
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          align-items: center;
      }

      .navbar #mainNav .nav-link {
          white-space: nowrap;
      }
  }

  @media(prefers-reduced-motion:reduce) {

      *,
      *:before,
      *:after {
          scroll-behavior: auto !important;
          transition-duration: .01ms !important;
          animation-duration: .01ms !important
      }
  }

  /* Proceedings cover slider */
  .proceedings-section {
      background: #faf7fb;
      overflow: hidden
  }

  .proceeding-arrow {
      width: 42px;
      height: 42px;
      border: 1px solid #e4d7e8;
      border-radius: 50%;
      background: #fff;
      color: var(--plum);
      display: grid;
      place-items: center;
      transition: .2s
  }



  .marquee-container {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
  }

  .marquee-track {
      display: flex;
      width: max-content;
      will-change: transform;
      animation: marqueeMove 20s linear infinite;
      font-size: 20px;
      color: #0826b3de;
  }

  .marquee-text {
      display: block;
      flex-shrink: 0;
      padding-right: 50px;
  }

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

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


  .proceeding-arrow:hover {
      background: var(--plum);
      color: #fff;
      border-color: var(--plum)
  }

  .proceeding-book {
      position: relative;
      display: block;
      height: 100%;
      padding: 15px;
      border: 1px solid #eee5f1;
      border-radius: 16px;
      background: #fff;
      color: var(--ink);
      box-shadow: 0 8px 24px rgba(37, 13, 45, .04);
      transition: transform .25s, box-shadow .25s
  }

  .proceeding-book:hover {
      transform: translateY(-5px);
      box-shadow: 0 16px 35px rgba(37, 13, 45, .12);
      color: var(--plum)
  }

  .book-cover {
      height: 235px;
      background: #f3edf5;
      border-radius: 9px;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      margin-bottom: 15px
  }

  .book-cover img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      background: #f5f0f6
  }

  .proceeding-book span {
      font-size: 13px;
      font-weight: 800;
      display: inline-block;
      padding-right: 25px
  }

  .proceeding-book>i {
      position: absolute;
      right: 16px;
      bottom: 17px;
      color: var(--pink)
  }

  .book-cover-fallback {
      background: linear-gradient(145deg, #210d2e, #500755 65%, #a33e8c);
      color: #fff;
      font-size: 52px
  }

  @media(max-width:575px) {
      .book-cover {
          height: 185px
      }

      .proceeding-book {
          padding: 10px
      }

      .proceeding-book span {
          font-size: 12px
      }
  }

  /* ----------------------------inner css----------------------- */
  /* ICCIS 2027 shared inner-page stylesheet: header/footer intentionally excluded */
  .iccis-page {
      --iccis-bg: #170c21;
      --iccis-pink: #694eff;
      --iccis-text: #33283c;
      --iccis-muted: #716779;
      --iccis-border: #eee5f1;
      --iccis-soft: #fbf6fc;
      color: var(--iccis-text);
      font-size: 15px;
      line-height: 1.8
  }

  .iccis-page *,
  .iccis-page *::before,
  .iccis-page *::after {
      box-sizing: border-box
  }

  .iccis-page .iccis-container {
      width: min(1140px, calc(100% - 32px));
      margin-inline: auto
  }

  .iccis-page .iccis-header {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      margin-bottom: 30px;
      padding: 36px 38px;
      border: 1px solid rgba(255, 78, 150, .24);
      border-radius: 16px;
      background: radial-gradient(circle at 92% 12%, rgba(14, 4, 100, 0.17), transparent 34%), linear-gradient(120deg, #100c21 0%, #1d1646 100%)
  }

  .iccis-page .iccis-header:before {
      content: "";
      position: absolute;
      z-index: -1;
      right: -48px;
      bottom: -112px;
      width: 245px;
      height: 245px;
      border: 1px solid rgba(255, 255, 255, .10);
      border-radius: 50%;
      box-shadow: 0 0 0 22px rgba(255, 255, 255, .025), 0 0 0 45px rgba(255, 255, 255, .018);
      pointer-events: none
  }

  .iccis-page .iccis-header .iccis-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 9px;
      color: #8ca7ff;
      background: rgba(255, 78, 150, .12);
      border: 1px solid rgba(78, 161, 255, 0.3);
      padding: 6px 14px;
      border-radius: 30px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.4px;
      text-transform: uppercase;
      margin-bottom: 17px
  }

  .iccis-page .iccis-header .iccis-eyebrow:before {
      content: "";
      width: 6px;
      height: 6px;
      flex: 0 0 6px;
      border-radius: 50%;
      background: #4e77ff;
      box-shadow: 0 0 10px rgba(78, 161, 255, 0.7)
  }

  .iccis-page .iccis-eyebrow {
      display: inline-block;
      color: #2e51c5;
      background: #fff0f7;
      padding: 4px 12px;
      border-radius: 30px;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .5px;
      text-transform: uppercase;
      margin-bottom: 12px
  }

  .iccis-page .iccis-header .iccis-title {
      position: relative;
      z-index: 1;
      color: #fff;
      font-size: clamp(28px, 3.5vw, 32px);
      font-weight: 750;
      line-height: 1.3;
      letter-spacing: -.65px;
      margin: 0;
      max-width: 900px
  }

  .iccis-page .iccis-header .iccis-title:after {
      content: "";
      display: block;
      width: 62px;
      height: 4px;
      background: linear-gradient(90deg, #4e7dff, #9bc3ff);
      margin-top: 20px;
      border-radius: 5px
  }

  .iccis-page .iccis-header .iccis-title span {
      color: #ff78b0
  }

  .iccis-page .iccis-panel {
      background: #fff;
      border: 1px solid var(--iccis-border);
      border-radius: 14px;
      padding: 26px;
      margin-bottom: 22px;
      box-shadow: 0 8px 28px #170c210b
  }

  .iccis-page h2 {
      color: var(--iccis-bg);
      font-size: 22px;
      font-weight: 700;
      line-height: 1.4;
      margin: 28px 0 15px
  }

  .iccis-page h3 {
      color: var(--iccis-bg);
      font-size: 18px;
      font-weight: 700;
      margin: 22px 0 12px
  }

  .iccis-page p {
      margin: 0 0 16px
  }

  .iccis-page ul,
  .iccis-page ol {
      padding-left: 24px;
      margin: 12px 0 22px
  }

  .iccis-page li {
      padding-left: 4px;
      margin-bottom: 9px
  }

  .iccis-page li::marker {
      color: var(--iccis-pink)
  }

  .iccis-page a {
      color: #1b1083;
      text-underline-offset: 3px;
      overflow-wrap: anywhere
  }

  .iccis-page a:hover {
      color: #e83e88
  }

  .iccis-page .iccis-table-wrap {
      width: 100%;
      overflow-x: auto;
      border: 1px solid var(--iccis-border);
      border-radius: 12px;
      margin: 20px 0
  }

  .iccis-page .iccis-table {
      width: 100%;
      min-width: 520px;
      border-collapse: collapse;
      background: #fff
  }

  .iccis-page .iccis-table th {
      background: var(--iccis-bg);
      color: #fff;
      text-align: left;
      font-weight: 600
  }

  .iccis-page .iccis-table th,
  .iccis-page .iccis-table td {
      padding: 14px 16px;
      border-bottom: 1px solid var(--iccis-border);
      vertical-align: top
  }

  .iccis-page .iccis-table tbody tr:nth-child(even) {
      background: var(--iccis-soft)
  }

  .iccis-page .iccis-table tbody tr:last-child td {
      border-bottom: 0
  }

  .iccis-page .iccis-notice {
      padding: 18px 20px;
      background: #fff3f8;
      border-left: 4px solid rgb(4, 4, 90);
      border-radius: 8px;
      margin: 22px 0
  }

  .iccis-page .iccis-people {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 18px;
      margin-top: 24px
  }

  .iccis-page .iccis-person {
      background: #fff;
      border: 1px solid var(--iccis-border);
      border-radius: 12px;
      padding: 22px;
      border-top: 3px solid var(--iccis-pink)
  }

  .iccis-page .iccis-person h3 {
      font-size: 17px;
      margin: 0 0 8px
  }

  .iccis-page .iccis-person p {
      color: var(--iccis-muted);
      font-size: 14px;
      margin: 0
  }

  @media(max-width:767.98px) {
      .iccis-page {
          padding: 32px 0 44px
      }

      .iccis-page .iccis-header {
          padding: 29px 24px;
          border-radius: 13px
      }

      .iccis-page .iccis-header .iccis-title {
          font-size: clamp(27px, 5vw, 34px);
          letter-spacing: -.35px
      }

      .iccis-page .iccis-panel {
          padding: 20px 16px
      }

      .iccis-page .iccis-people {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 12px
      }

      .iccis-page h2 {
          font-size: 20px
      }
  }

  @media(max-width:480px) {
      .iccis-page .iccis-header {
          padding: 25px 19px
      }

      .iccis-page .iccis-header .iccis-title {
          font-size: 27px
      }

      .iccis-page .iccis-header:before {
          right: -130px
      }

      .iccis-page .iccis-people {
          grid-template-columns: 1fr
      }

      .iccis-page .iccis-container {
          width: calc(100% - 24px)
      }
  }