@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap');

   /* =========================================================
         ROOT VARIABLES (COLORS, TYPOGRAPHY, SPACING)
         ========================================================= */
   :root {
       --green: #6ee070;
       --white: #fff;
       --green-dark: #4bd37b;
       --purple: #6a2df1;
       --black: #000;
       --purple-light: #6a4cff;
       --text-dark: #111;
       --text-light: #fff;
       --line: #7cff7c;
       --fs-xl: clamp(1.8rem, 2.6vw, 2.6rem);
       --fs-lg: clamp(1.4rem, 2.2vw, 2.2rem);
       --fs-md: clamp(1rem, 1.1vw, 1.15rem);
       --fs-sm: clamp(0.85rem, 0.95vw, 1rem);
       --section-padding: 10vh 6vw;
   }

   img {
       display: block;
       max-width: 100%;
   }

   /* =========================================================
         RESET & BASE
         ========================================================= */
   *,
   *::before,
   *::after {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
        font-family: "Sora", sans-serif;
        font-optical-sizing: auto;
       color: var(--text-dark);
       background: #fff;
       overflow-x: hidden;
   }

   /* =========================================================
         COMMON ELEMENTS
         ========================================================= */
   .section-title {
       font-size: 2.8rem;
       font-weight: 700;
       margin-bottom: 32px;
       position: relative;
       text-align: center;
   }

   .section-title::after {
       content: "";
       display: block;
       width: 150px;
       height: 2px;
       background: var(--green);
       margin: 25px auto 20px;
   }

   .section-title.center {
       text-align: center;
   }

   .section-title.center::after {
       margin-left: auto;
       margin-right: auto;
   }

   .page-wrapper {
       max-width: 1200px;
       margin-left: auto;
       margin-right: auto;
       width: 100%;
   }

   /* =========================================================
         Hero ELEMENTS
         ========================================================= */
   .hero {
       min-height: 100vh;
       width: 100vw;
       position: relative;
       padding: 5vh 6vw;
       background: url(../images/hero-bg.jpg) no-repeat center bottom;
       background-size: cover;
       height: 100vh;
       color: #000;
   }

   .hero-wrapper {
       max-width: 1400px;
       display: flex;
       align-items: center;
       display: flex;
       align-items: center;
       margin: 0 auto;
   }

   /* LEFT CONTENT */
   .hero-left {
       width: 1024px;
       z-index: 2;
   }

   .logo {
       display: flex;
       align-items: center;
       gap: 1vw;
       margin-bottom: 4vh;
   }

   .hero h1 {
       font-size: 4.2rem;
       font-weight: 700;
       margin-bottom: 1vh;
       color: #ffffff;
   }

   .hero h2 {
       font-size: 1.4vw;
       font-weight: 700;
       color: #ffffff;
   }
          .hero h2{  opacity: 1!important; transform: translate(0px)!important; margin-bottom: 40px; margin-top: 0;}

   .hero p {
       font-size: 1.3vw;
       margin-bottom: 4vh;
       font-weight: 500;
       color: #fff; 
   }

  .cta {
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    background: var(--purple);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    overflow: hidden;
    transition: color 0.3s ease;
}

/* animated bg */
.cta::before {
    content: "";
    position: absolute;
    inset: 0;
    background: var(--green);
    transform: translateX(-100%);
    transition: transform 0.35s ease;
    z-index: -1;
}

.cta:hover::before {
    transform: translateX(0);
}

   /* RIGHT VISUAL */
   .hero-right {
       width: 55vw;
       position: relative;
   }
   .hero-right h3{ text-align: center; margin: 20px 0 30px 100px; font-size: 1.6rem;}

   .hero-right img {
       max-width: 100%;
   }


   /* ===============================
         PARTNER SECTION
         ================================ */

   .partner {
       padding: 50px 30px;
       width: 100%;
       text-align: center;
       justify-content: center;
       min-height: 100vh;
       align-items: center;
       justify-content: center;
       background: #ffffff;
   }

.partner ul {
    width: 86%;
    list-style: none;
    margin: 0 auto;
    max-width: fit-content;
    justify-content: center;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
  
}

   .partner ul li {
       border: 1px solid var(--white);
       border-radius: 20px;
       margin: 10px 0;
       padding: 20px;
       padding-top: 10px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       min-height: 140px;
       min-width: 450px;
       background: #ffffff;

   }
     .partner ul li .logo-row{ display: flex; flex-wrap: wrap; width: fit-content; gap: 20px; justify-content: center;align-items: center;}

.partner ul li .logo-row .logo_box {
    background: #fff;
    border: 1px solid #70af71;
    border-radius: 8px;
    display: flex;
    width: 31%;
    max-width: 350px;
        min-width: 350px;
    justify-content: center;
    height: 110px;
    align-items: center;
    padding: 15px;
}
.partner ul li .logo-row .logo_box img{max-width:100%;}

   .partner ul span {
       display: block;
       padding: 10px 0;
       text-transform: uppercase;
   }

   .partner ul img {
       display: inline-block;
   }

   /* .partner ul {
       width: auto;
       list-style: none;
       margin: 0 auto;
       max-width: 450px;
   }

   .partner ul li {
       border: 1px solid var(--green);
       border-radius: 20px;
       margin: 20px 0;
       padding: 20px;
       padding-top: 10px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       min-height: 140px;
   }

   .partner ul span {
       display: block;
       padding: 10px 0;
       text-transform: uppercase;
   }

   .partner ul img {
       display: inline-block;
   } */




   /* ===============================
         CONNECT CISO SECTION
         ================================ */
   .connect-ciso {
       position: relative;
       width: 100vw;
       height: 84vh;
       overflow: hidden;
   }

   /* ===============================
         BACKGROUND IMAGE
         ================================ */
   .connect-ciso-bg {
       width: 100%;
       height: 100%;
       background: url("../images/bg1.png") no-repeat center center;
       background-size: cover;
   }

   /* ===============================
         GREEN CONTENT OVERLAY
         (FULL HEIGHT – TOUCH TOP/BOTTOM)
         ================================ */
   .connect-ciso-content {
       position: absolute;
       top: 0;
       bottom: 0;
       left: calc(82% - 650px);
       /* controls horizontal placement */
       max-width: 650px;
       background-color: rgba(103, 212, 111, 0.95);
       padding:40px;
       display: flex;
       flex-direction: column;
       justify-content: start;
       max-height: 100%;
       overflow-y: auto;
   }

   /* ===============================
         TEXT STYLES
         ================================ */
   .connect-ciso-content .section-title {
       font-size: 2.6rem;
       line-height: 1.25;
       font-weight: 700;
       color: #000;
       margin-bottom: 3vh;
       text-align: left;
   }

   .connect-ciso-content .section-title:after {
       background: var(--white);
       margin-left: 0;
       margin-top: 25px;
   }

   .connect-ciso-desc {
       font-size: 1.1rem;
       line-height: 1.5;
       color: #0b2b12;
       margin-bottom: 2.5vh;
   }

   /* ===============================
         CISO AGENDA SECTION
         ================================ */
   .ciso-agenda {
       width: 100vw;
       padding: 10vh 6vw;
       background-color: #ffffff;
   }

   /* ===============================
         SECTION HEADING
         ================================ */
   .ciso-agenda-heading {
       text-align: center;
       max-width: 70vw;
       margin: 0 auto 8vh;
   }

   .ciso-agenda-heading h2 {
       margin-bottom: 2vh;
   }

   /* ===============================
         CARDS WRAPPER
         ================================ */
   .ciso-agenda-cards {
       display: flex;
       gap: 2vw;
       justify-content: center;
   }

   /* ===============================
         CARD
         ================================ */
   .ciso-agenda-card {
       width: 42vw;
       max-width: 600px;
       background-color: #6a2df1;
       border-radius: 1vw;
       padding: 3vh 2vw;
       color: #fff;
   }

   /* ===============================
         CARD HEADER
         ================================ */
   .ciso-agenda-card figure {
       margin-bottom: 20px;
   }

   .ciso-agenda-card h3 {
       display: flex;
       align-items: center;
       gap: 1vw;
       margin-bottom: 3vh;
   }

   .ciso-agenda-card h3 {
       font-size: 1.5rem;
       font-weight: 600;
       color: #59d26f;
       margin-bottom: 10px;
   }

   .ciso-card-list {
       list-style: none;
   }

   .ciso-card-list li {
       font-size: 1.2rem;
       line-height: 1.3;
       margin-bottom: 0.5vh;
   }

   /* ===============================
         GREEN SECTION (5 COLUMNS)
         ================================ */
   .ciso-engagement {
       background: #6ee070;
       padding: 50px 30px 80px;

   }

   .ciso-engagement .section-title {
       text-align: center;
       margin-bottom: 80px;
   }

   .ciso-engagement .section-title::after {
       background: var(--white);
   }

   .ciso-engagement-grid {
       margin: 50px auto 0;
       display: grid;
       grid-template-columns: repeat(5, 1fr);
       gap: 80px;
       justify-content: space-between;
   }

   .ciso-engagement-item {
       text-align: left;

   }

   .ciso-engagement-item figure {
       font-size: 3rem;
       margin-bottom: 1.5vh;
       position: relative;
   }

   .ciso-engagement-item figure:after {
       content: '';
       display: block;
       height: 4px;
       background: var(--purple);
       width: 35%;
       position: absolute;
       left: 0;
       bottom: -25px
   }

   .ciso-engagement-grid h3 {
       font-size: 1.2rem;
       font-weight: 600;
       line-height: 1.4;
       margin-top: 50px;
   }

   /* ===============================
         PURPLE SECTION (4 COLUMNS)
         ================================ */
   .ciso-conversations {
       background: var(--purple);
       padding: 50px 30px 80px;
   }

   .ciso-conversations .page-wrapper {
       max-width: 1024px;
   }

   .ciso-conversations .section-title {
       color: #6ee070;
       margin-bottom: 50px;
   }

   .ciso-conversations .section-title:after {
       background: var(--white);
   }

   .ciso-conversation-grid {
       margin: 90px auto 30px;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 80px;
       justify-content: space-between;
   }

   .ciso-conversation-item {
       text-align: left;
       color: #fff;
   }

   .ciso-conversation-item figure {
       font-size: 3rem;
       margin-bottom: 1.5vh;
       position: relative;
   }

   .ciso-conversation-item figure:after {
       content: '';
       display: block;
       height: 3px;
       background: var(--green);
       width: 35%;
       position: absolute;
       left: 0;
       bottom: -15px
   }

   .ciso-conversation-item h3 {
       font-size: 1.2rem;
       line-height: 1.4;
       font-weight: 600;
       margin-top: 25px
   }

   /* ====== ATTEND SECTION ====== */
   .attend-wrapper {
       padding: 80px 30px;
   }

   .attend-wrapper .section-title {
       text-align: left;
   }

   .attend-wrapper .section-title:after {
       margin-left: 0;
   }

   .attend-grid {
       max-width: 1200px;
       margin: auto;
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 60px;
       align-items: top;
   }

   .attend-image img {
       width: 100%;

   }

   /* LIST WITH ANIMATED BORDER */
   .attend-list {
       list-style: none;
       padding: 0;
       margin: 50px 0 0;
   }

   .attend-list li {
       margin-bottom: 40px;
       font-size: 1.2rem;
       font-weight: 500;
   }

   .attend-list span {
       display: inline-block;
       padding-bottom: 6px;
       position: relative;
       cursor: pointer;
   }

   .attend-list span::after {
       content: "";
       position: absolute;
       left: 0;
       bottom: -20px;
       height: 4px;
       width: 60px;
       background: var(--purple);
       transition: width 0.35s ease;
   }

   .attend-list span:hover::after {
       width: 100%;
   }

   /* ====== INDUSTRY SECTION ====== */
   .industry-wrapper {
       padding: 80px 20px;
   }

   .industry-wrapper .section-title {
       text-align: left;
   }

   .industry-wrapper .section-title:after {
       margin-left: 0;
   }

   .industry-grid {
       max-width: 1200px;
       margin: 50px auto 0;
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 40px;
       text-align: left;
   }

   .industry-item figure {
       position: relative;
   }

   .industry-item figure:after {
       content: '';
       display: block;
       height: 4px;
       background: var(--purple);
       width: 25%;
       position: absolute;
       left: 0;
       bottom: -25px
   }

   .industry-item h3 {
       font-size: 1.2rem;
       line-height: 1.4;
       font-weight: 600;
       margin-top: 45px
   }

   /* ===== Main Section ===== */
   .unique-section {
       position: relative;
       width: 100vw;
       height: 100vh;
       background: url("../images/industry-bg.png") center bottom / cover no-repeat;
       display: flex;
       align-items: flex-start;
       justify-content: center;
   }

   /* ===== Content Overlay ===== */
   .unique-content {
       width: 90vw;
       max-width: 1200px;
       margin-top: 6vh;
       text-align: center;
   }

   /* ===== Grid ===== */
   .card-grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 2vw;
   }

   /* ===== Cards ===== */
   .card {
       text-align: center;
   }

   .card img {
       width: 100%;
       height: 22vh;
       object-fit: cover;
   }

   .card p {
       margin-top: 0.8rem;
       font-size: 1.2rem;
       font-weight: 500;
   }

   /* ================= WRAPPER ================= */
   .program-wrapper {
       padding: 50px 20px 0;
   }

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

   .program-container .section-title,
   .program-container .section-title:after {
       text-align: left;
       margin-left: 0;
   }

   /* ================= AGENDA TAG ================= */
   .agenda-tag {
       display: inline-block;
       background: var(--purple);
       color: #fff;
       font-weight: 600;
       font-size: 1.2rem;
       padding: 10px 18px;
       margin-bottom: 0;
   }

   /* ================= TABLE ================= */
   .agenda-block {
       margin-bottom: 60px;
   }

   .agenda-table {
       border-top: 1px solid var(--line);
   }

   .agenda-row {
       display: grid;
       grid-template-columns: 220px 1fr;
       gap: 40px;
       padding: 14px 0;
       border-bottom: 1px solid var(--line);
       font-size: 1.1rem;
       line-height: 1.5;
       font-weight: 400;
   }

   .agenda-row.header {
       font-weight: 600;
       padding-top: 14px;
   }

   .speakers-wrapper {
       padding: 50px 20px;
   }

   .speakers-container {
       max-width: 1200px;
       margin: auto;
       text-align: center;
   }

   .speakers-grid {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
       gap: 28px;
   }

   .speaker-card {
       text-align: center;
   }

   .speaker-image {
       width: 100%;
       aspect-ratio: 1 / 1.1;
       overflow: hidden;
       margin-bottom: 20px;
   }

   .speaker-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
   }

   .speaker-card h3 {
       font-size: 1.2rem;
       font-weight: 600;
       line-height: 1.4;
       margin-bottom: 8px;
   }

   .speaker-card p {
       font-size: 1rem;
       line-height: 1.5;
       color: #333;
   }

   /* ================= CONTACT ================= */
   .footer-contact {
       background: #6fe06f;
       padding: 6vh 5vw;
       text-align: center;
   }

   .footer-contact h2 {
       font-weight: 600;
   }

   .contact-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(240px, 1fr));
   justify-content: center;
   gap: 4vw;
   max-width: 1000px;
   margin: 0 auto;
}


   .contact-grid h5 {
       font-size: 1.2rem;
       letter-spacing: 1px;
       margin-bottom: 0.5rem;

   }

   .contact-grid h3 {
       color: #6a32ff;
       margin-bottom: 0.3rem;
       font-size: 1.6rem;
   }

   .contact-grid p {
       font-size: 1.2rem;
       line-height: 1.4;
       font-weight: 500;
   }

   /* ================= FOOTER ================= */
   .footer-main {
       background: #6a32ff;
       padding: 6vh 5vw;
       color: #fff;
   }

   .footer-inner {
       display: flex;
       align-items: center;
       gap: 2vw;
   }

   .footer-logo span {
       display: block;
       font-size: 0.85rem;
       margin-top: 0.5rem;
   }

   .footer-links h6 {
       font-size: 1.2rem;
       letter-spacing: 2px;
       margin-bottom: 1rem;
   }

   .footer-links ul {
       display: flex;
       flex-wrap: wrap;
       gap: 1.2rem;
       list-style: none;
       margin-top: 1.5rem;
       margin-bottom: 1.5rem;
       font-weight: 600;
       color: var(--green);
   }

   .footer-links li a {
       font-size: 1.1rem;
       color: var(--green);
       font-weight: 600;
       cursor: pointer;
       text-decoration: none;
   }

   .footer-links li a:hover {
       text-decoration: underline;
   }

   .copyright {
       font-size: 0.9rem;
       opacity: 0.8;
   }

   /* ================= BACK TO TOP ================= */
.back-to-top {
  position: fixed;
  right: 2vw;
  bottom: 2vw;
  background: #6fe06f;
  color: #000;
  border: none;
  width: 45px;
  height: 45px;
  cursor: pointer;
  font-size: 1.2rem;

  /* layout */
  display: flex;
  align-items: center;
  justify-content: center;

  /* hidden by default */
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);

  /* optional smooth fallback (GSAP controls main animation) */
  transition: opacity 0.25s ease, transform 0.25s ease;

  z-index: 999;
}

   @media(max-width:1024px) {

       html,
       body {
           max-width: 100%;
           overflow-x: hidden;
       }



          .hero-right h3{ text-align: center; margin: 20px 0 30px 0}

       .hero-left {
           width: 100%;
       }

       .hero-right {
           width: 100%;
           margin-top: 40px;
       }

       .hero-right img {
           max-width: 500px;
       }

       .hero {
           height: auto;
           min-height: 100vh;
           padding: 40px 40px 200px;
           width: 100%;
       }

       .hero h1 {
           font-size: 2.6rem;
       }

       .hero h2 {
           font-size: 2rem;
       }

       .hero p {
           font-size: 1.6rem;
           margin-top: 20px;
       }

       .cta {
           font-size: 1.3rem;
           padding: 1.5vh 6vw;
       }


       .connect-ciso-content {
           max-width: 100%;
       }

       .ciso-agenda-card {
           max-width: 100%;
       }

       .ciso-agenda {
           padding: 8vh 6vw;
       }

       .ciso-agenda-heading {
           max-width: 100%;
           margin-bottom: 6vh;
       }

       .ciso-agenda-cards {
           flex-direction: column;
           gap: 4vh;
       }

       .ciso-agenda-card {
           width: 100%;
           border-radius: 4vw;
           padding: 5vh 6vw;
       }

       .contact-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .speakers-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .card-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .card img {
           height: 24vh;
       }

       .connect-ciso {
           height: auto;
       }

       .connect-ciso-bg {
           height: 50vh;
       }

       .connect-ciso-content {
           position: static;
           width: 100vw;
           padding: 6vh 6vw;
       }

       .footer-inner {
           flex-direction: column;
           text-align: center;
       }

       .footer-links ul {
           justify-content: center;
       }

       .industry-wrapper,
       .attend-wrapper {
           padding: 30px 30px;
       }



       .ciso-engagement-grid {
           place-items: center;
       }

       .ciso-engagement-grid h3,
       .industry-item h3 {
           margin-top: 20px;
       }

       .section-title:after {
           margin-left: auto !important;
           margin-right: auto !important;
           display: block;
       }

       .ciso-engagement-item figure {
           text-align: center;
           justify-content: center;
       }

       .ciso-engagement-item,
       .ciso-conversation-item,
       .industry-item {
           text-align: center;
       }

       .ciso-engagement-item figure img,
       .ciso-conversation-item figure img,
       .industry-item figure img {
           display: inline-block;
       }

       .ciso-engagement-item figure:after,
       .ciso-conversation-item figure:after,
       .industry-item figure:after {
           margin: 20px auto 0;
           position: static;
       }

       .industry-grid,
       .ciso-engagement-grid,
       .ciso-conversation-grid,
       .industry-grid {
           grid-template-columns: repeat(3, 1fr);
       }


   }

   @media (max-width: 992px) {
       .attend-grid {
           grid-template-columns: 1fr;
       }

       .industry-grid {
           grid-template-columns: repeat(2, 1fr);
       }

       .hero-wrapper {
           display: block;
       }

       .logo {
           max-width: 250px;
           margin: 0 auto 30px;
       }

       .hero-right {
           text-align: center;
           justify-content: center;
       }

       .hero-right img {
           display: inline-block;
       }
   }

   @media (max-width: 768px) {
       .section-title {
           font-size: 1.8rem;
       }

       .agenda-row {
           grid-template-columns: 1fr;
           gap: 8px;
       }

       .agenda-row.header {
           display: none;
       }

       .agenda-row div:first-child {
           font-weight: 600;
       }

       .ciso-engagement-grid,
       .ciso-conversation-grid,
       .industry-grid {
           gap: 40px;
       }

       .ciso-engagement-grid h3,
       .ciso-conversation-item h3,
       .industry-item h3 {
           font-size: 0.95rem;
       }

       .card p {
           background: rgb(255, 255, 255, 0.8);
           padding: 10px;
           margin-top: 0;
       }
       .partner ul {
    width: auto;align-items: unset;}
    .partner ul li{
            min-width: auto;
    }
    .partner ul li .logo-row .logo_box{min-width: auto;width: 100%;}

   }

   @media(max-width:600px) {
       .hero {
           padding: 4vh 5vw;
       }

       .hero h1 {
           font-size: 8vw;
       }

       .hero h2 {
           font-size: 4vw;
       }

       .hero p {
           font-size: 3.6vw;
       }

       .plane {
           width: 65vw;
       }

       .hero-bottom {
           height: 22vh;
       }

       .ciso-engagement-item,
       .ciso-conversation-item {
           width: 100%;
       }

       .contact-grid {
           grid-template-columns: 1fr;
           gap: 3rem;
       }

       .footer-main {
           padding-bottom: 10vh;
       }

       .back-to-top {
           right: 1rem;
           bottom: 1rem;
       }

       .unique-section {
           height: auto;
           padding-bottom: 6vh;
       }

       .unique-content {
           margin-top: 4vh;
       }

       .card-grid {
           grid-template-columns: 1fr;
           gap: 4vh;
       }

       .card img {
           height: 30vh;
       }
   }

   @media (max-width: 520px) {
       .section-title {
           font-size: 1.6rem;
           text-align: center !important;
       }

       .connect-ciso-content .section-title {
           font-size: 2.1rem;
       }

       .connect-ciso-desc {
           font-size: 1rem;
       }

       .footer-logo img {
           max-width: 200px;
           margin-bottom: 20px;
       }

       .section-title:after {
           margin-left: auto !important;
           margin-right: auto !important;
           display: block;
       }

       .ciso-engagement-item figure {
           text-align: center;
           justify-content: center;
       }

       .ciso-engagement-item,
       .ciso-conversation-item,
       .industry-item {
           text-align: center;
       }

       .ciso-engagement-item figure img,
       .ciso-conversation-item figure img,
       .industry-item figure img {
           display: inline-block;
       }

       .ciso-engagement-item figure:after,
       .ciso-conversation-item figure:after,
       .industry-item figure:after {
           margin: 20px auto 0;
           position: static;
       }

       .industry-grid,
       .ciso-engagement-grid,
       .ciso-conversation-grid,
       .industry-grid {
           grid-template-columns: repeat(2, 1fr);
       }
       .speaker-card p {
    font-size: 0.8rem;
       }
       .hero-right h3{ font-size: 1.1rem;}

   }