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

         @font-face {
            font-family: aadi;
            src: url(/assets/fonts/font01.ttf);
         }

         body {
             font-family: 'Inter', sans-serif;
             background-color: #000000;
             margin: 0;
             padding: 0;
             box-sizing: border-box;
         }


         html {
             scroll-behavior: smooth;
             overflow-x: hidden;
         }



         /* --------------------- */
         /* HEADER STYLES (Black Background, White Text) */
         /* --------------------- */

         .header {
             position: sticky;
             top: 0;
             z-index: 50;
             background-color: #000000;
             /* Black background */
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
             width: 100%;
         }

         .header-container {
             max-width: 1280px;
             margin: 0 auto;
             padding-left: 1rem;
             padding-right: 1rem;
         }

         .header-content {
             display: flex;
             justify-content: space-between;
             align-items: center;
             height: 6rem;
             /* INCREASED HEIGHT to accommodate larger logo and subtitle */
         }

         /* Logo Group Container */
         .logo-group {
             display: flex;
             flex-direction: column;
             align-items: flex-start;
             /* Align logo and subtitle to the left */
             padding-top: 0rem;
         }

         /* Logo Image Styling (NEW) */
         .logo-img {
             border-radius: 0.25rem;
             /* Small rounded corners for aesthetics */
             width: 180px;
             height: auto;
             max-width: 100%;
             display: block;
         }

         /* New Subtitle Style */
         .logo-subtitle {
             color: #ffffff;
             font-size: 0.75rem;
             /* Small, legible size */
             font-weight: 400;
             margin-top: 0.1rem;
             line-height: 0;
             /* Tight line height */
             margin-left: 12px;
         }

         .logo-subtitle strong {
             color: #dc2626;
         }

         /* Desktop Navigation */
         .nav-desktop {
             display: none;
             gap: 1.5rem;
             align-items: center;
         }

         /* Desktop Nav Link */
         .nav-link {
             color: #ffffff;
             /* White text */
             text-decoration: none;
             padding: 0.5rem 0.75rem;
             border-radius: 0.5rem;
             transition: color 150ms ease-in-out;
             font-size: 1.125rem;
             /* INCREASED FONT SIZE */
             font-weight: 500;
         }

         /* Navigation Hover Effect (Red) */
         .nav-link:hover {
             color: #ef4444;
             /* Bright Red on hover */
         }

         /* Get Tickets Button (Red) */
         .ticket-button {
             background-color: #dc2626;
             /* Darker Red */
             color: white;
             padding: 0.625rem 1.25rem;
             border-radius: 9999px;
             font-weight: 600;
             border: none;
             cursor: pointer;
             transition: background-color 300ms ease-in-out;
             box-shadow: 0 4px 6px rgba(220, 38, 38, 0.4);
         }

         .ticket-button:hover {
             background-color: #ef4444;
             /* Brighter Red on hover */
         }

         /* Mobile Toggle Button (Icon color set to White) */
         .nav-toggle {
             display: flex;
         }

         .menu-button {
             display: inline-flex;
             align-items: center;
             justify-content: center;
             padding: 0.5rem;
             border-radius: 0.375rem;
             color: #ffffff;
             /* Icon color changed to White */
             background: none;
             border: none;
             cursor: pointer;
             transition: all 150ms ease-in-out;
         }

         .menu-button:hover {
             color: #ef4444;
             /* Red on hover */
             background-color: #201f1f;
             /* Darker background */
         }

         .menu-icon {
             height: 1.5rem;
             width: 1.5rem;
             stroke: currentColor;
         }

         /* Mobile Menu (Dark Theme) */
         #mobile-menu {
             display: none;
             border-top: 1px solid #1f2937;
             background-color: #201f1f;
             /* Dark background */
         }

         .mobile-menu-items {
             padding: 0.5rem;
             padding-top: 0.5rem;
             padding-bottom: 0.75rem;
             display: flex;
             flex-direction: column;
             gap: 0.25rem;
         }

         /* Mobile Link */
         .mobile-link {
             display: block;
             padding: 0.5rem 0.75rem;
             border-radius: 0.375rem;
             font-size: 1.125rem;
             font-weight: 500;
             color: #ffffff;
             /* White text */
             text-decoration: none;
             transition: all 150ms ease-in-out;
         }

         .mobile-link:hover {
             background-color: #272626;
             /* Dark hover background */
             color: #ef4444;
             /* Red text on hover */
         }

         .mobile-ticket-button {
             width: 100%;
             margin-top: 0.5rem;
             background-color: #dc2626;
             /* Red background */
             color: white;
             padding: 0.5rem 0.75rem;
             border-radius: 0.5rem;
             font-weight: 600;
             border: none;
             cursor: pointer;
             transition: background-color 300ms ease-in-out;
         }

         .mobile-ticket-button:hover {
             background-color: #ef4444;
             /* Brighter Red on hover */
         }

         /* Media Query for Desktop */
         @media (min-width: 768px) {
             .nav-desktop {
                 display: flex;
             }

             .nav-toggle {
                 display: none;
             }
         }

         /* Responsive tweaks */
         @media (max-width: 768px) {
             .logo-img {
                 width: 150px;
             }

             .logo-subtitle {
                 font-size: 0.8rem;
             }
         }

         @media (max-width: 480px) {
             .logo-img {
                 width: 130px;
             }

             .logo-subtitle {
                 font-size: 0.75rem;
                 letter-spacing: 0.3px;
             }
         }

 
         /* Responsive adjustments */
         @media (max-width: 768px) {
             .logo-subtitle {
                 font-size: 0.8rem;
                 margin-left: 12px;
             }
         }

         @media (max-width: 480px) {
             .logo-subtitle {
                 font-size: 0.75rem;
                 margin-left: 2px;
             }
         }














































         /* --------------------- */
         /* HERO STYLES - Set to 100vh for full display */
         /* --------------------- */

         .hero-section {
             background-image: url('/assets/logo/hero.jpg');
             background-attachment: fixed;
             background-size: cover;
             background-position: center;
             height: 100vh;
             width: 100%;
             position: relative;
             display: flex;
             align-items: center;
             justify-content: center;
             text-align: center;
         }

         .hero-section::before {
             content: "";
             position: absolute;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             background: rgba(0, 0, 0, 0.7);
             z-index: 1;
         }

         .hero-text-container {
             position: relative;
             z-index: 10;
             padding: 1.5rem;
             margin-top: -110px;
         }


         .hero-title{
            font-family:aadi;}



         /* Mobile First Text Size (Default: Smallest screens) */
         .hero-title {
             font-size: 3.5rem;
             font-weight: 800;
             color: white;
             line-height: 1;
             margin-bottom: 1rem;
             letter-spacing: 7px;
             text-shadow: 0 4px 8px rgba(0, 0, 0, 0.8);
         }

         .hero-subtitle {
             font-size: 1.25rem;
             font-weight: 300;
             color: #c7d2fe;
             text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6);
         }

         /* Responsive Text Scaling for Hero Title and Subtitle */
         /* Small screens (sm, approx 640px) */
         @media (min-width: 640px) {
             .hero-title {
                 font-size: 5rem;
             }

             .hero-subtitle {
                 font-size: 1.875rem;
             }
         }

         /* Medium screens (md, approx 768px) */
         @media (min-width: 768px) {
             .hero-title {
                 font-size: 6rem;
             }

             .hero-subtitle {
                 font-size: 2.25rem;
             }
         }

         /* --------------------- */
         /* DUMMY CONTENT AREA FOR TESTING FIXED BACKGROUND EFFECT */
         /* --------------------- */
         .content-section {
             background-color: #f8f8ff;
             padding: 4rem 1rem;
             min-height: 100vh;
             text-align: center;
             box-shadow: 0 -10px 20px rgba(0, 0, 0, 0.1);
         }

         .content-section h2 {
             font-size: 2.5rem;
             font-weight: 700;
             color: #1f2937;
             margin-bottom: 1rem;
         }

         .content-section p {
             max-width: 800px;
             margin: 0 auto;
             color: #4b5563;
             line-height: 1.6;
         }
















         /* Countdown Section Styles */
         .countdown-section {
             margin: 0rem auto;
             padding: 2rem;
             text-align: center;
             z-index: 5;
             position: relative;
             color: white;
             background-color: #1b1919;
             /* Dark gray background color from image */
             margin-bottom: 0px;
             border-top-left-radius: 40px;
             border-top-right-radius: 40px;
         }

         .countdown-section .problem {
             font-size: 1.3rem;
             max-width: 70%;
             text-align: justify;

         }

         .countdown-section h2 {
             font-size: 4.5rem;
             font-weight: 700;
             color: #e53e3e;
             /* Red color for "HELLO" */
             margin-bottom: 0.5rem;
         }

         .countdown-section h2 span.white-text {
             color: #ffffff;
             /* White color for "THERE" */
         }



         .countdown-section p span.red-text {
             color: #e53e3e;
             font-weight: 700;
             /* White color for "THERE" */
         }

         .countdown-section p.subtitle {
             font-size: 1.125rem;
             color: #d1d5db;
             margin-bottom: 2rem;
         }

         .countdown-container {
             display: flex;
             justify-content: center;
             gap: 2rem;
             flex-wrap: wrap;
             /* Allow wrapping on smaller screens */
         }

         .countdown-box {
             background-color: #262626;
             /* Dark gray background color from image */
             padding: 1.5rem 1rem;
             border-radius: 0.5rem;
             text-align: center;
             min-width: 120px;
             /* Ensure boxes don't get too small */
             box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
             /* Re-added subtle shadow */
             flex: 1;
             /* Allow boxes to grow and shrink */
             max-width: 200px;
             /* Max width for larger screens */
         }

         .countdown-box .value {
             font-size: 3rem;
             font-weight: 700;
             color: #ffffff;
             line-height: 1;
             margin-bottom: 0.5rem;
         }

         .countdown-box .label {
             font-size: 0.875rem;
             color: #9ca3af;
             text-transform: uppercase;
             letter-spacing: 0.05em;
         }

         /* Responsive adjustments for countdown */
         @media (max-width: 600px) {
             .countdown-box {
                 min-width: 100px;
                 padding: 1rem 0.5rem;
             }

             .countdown-box .value {
                 font-size: 2.5rem;
             }

             .countdown-section h2 {
                 font-size: 2rem;
             }

             .countdown-section p.subtitle {
                 font-size: 1rem;
             }
         }
















         /* About Us Section Styles */
         .about-sections {
             /* Match header width for consistency */
             margin: 0rem auto;
             /* Add margin top and bottom */
             padding: 5rem 10rem;
             background-color: #0d0d0d;
             position: relative;
             z-index: 5;
             /* Ensure it's above particles */
             text-align: center;
             /* Center the main title */
         }

         /* New styles for the centered "About Us" title */
         .section-title-containers {
             display: flex;
             align-items: center;
             justify-content: center;
             margin-bottom: 2rem;
             /* Space below the title */
             width: 100%;
         }

         .section-main-titles {
             font-size: 4rem;
             /* text-4xl */
             font-weight: 700;
             /* font-bold */
             color: #ffffff;
             /* White color for the main title */
             margin: 0 1rem;
             /* Space between title and lines */
             white-space: nowrap;
             /* Prevent title from wrapping */
         }

         .title-lines {
             flex-grow: 1;
             /* Allow line to grow */
             border: none;
             border-top: 1px solid #d1d5db;
             /* Light gray line */
             margin: 0;
         }

         .about-content-wrappers {
             display: flex;
             flex-wrap: wrap;
             /* Allow wrapping on smaller screens */
             gap: 2rem;
             /* Space between columns */
             align-items: center;
             /* Vertically align items */
             text-align: left;
             /* Reset text alignment for content */
         }


         .about-contents {
             flex: 1;
             /* Take up available space */
             min-width: 300px;
             /* Minimum width before wrapping */
             text-align: left;
             /* Align text to the left within its block */
         }

         .about-contents h3 {
             font-size: 2rem;
             /* text-3xl */
             font-weight: 600;
             /* font-semibold */
             color: #e53e3e;
             /* Red color for sub-heading */
             margin-bottom: 1rem;
         }

         .about-contents h3 span {
             color: #ffffff;
         }

         .about-contents p {
             font-size: 1.125rem;
             /* text-lg */
             color: #d1d5db;
             /* text-gray-300 */
             line-height: 1.8;
             margin-bottom: 1rem;
             text-align: justify;
         }

         .about-imagess {
             flex: 1;
             /* Take up available space */
             min-width: 300px;
             /* Minimum width before wrapping */
             display: grid;
             grid-template-columns: repeat(2, 1fr);
             /* Two columns for images */
             gap: 1rem;
             /* Space between images */
             position: relative;
             padding: 2rem;
             /* Add padding to ensure images don't go out of bounds with tilt */
         }

         .about-imagess img {
             width: 100%;
             /* Make images fill their grid cell */
             height: auto;
             border-radius: 0.75rem;
             /* rounded-xl */
             box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
             /* shadow-xl */
             transition: transform 0.3s ease, box-shadow 0.3s ease;
             object-fit: cover;
             /* Ensure images cover the area without distortion */
         }

         .about-imagess img:nth-child(1) {
             transform: rotate(-5deg);
             /* Tilt first image */
             grid-column: 1 / 3;
             /* Span two columns */
             grid-row: 1;
             width: 60%;
             /* Smaller image size */
             justify-self: center;
             /* Center it */
             z-index: 3;
             /* Bring to front */
         }

         .about-imagess img:nth-child(2) {
             transform: rotate(8deg);
             /* Tilt second image */
             grid-column: 1;
             grid-row: 2;
             width: 70%;
             /* Smaller image size */
             margin-top: -15%;
             /* Adjusted for new size */
             z-index: 2;
             justify-self: end;
             /* Align to end of its grid cell */
         }

         .about-imagess img:nth-child(3) {
             transform: rotate(-12deg);
             /* Tilt third image */
             grid-column: 2;
             grid-row: 2;
             width: 70%;
             /* Smaller image size */
             margin-top: -5%;
             /* Adjusted for new size */
             z-index: 1;
             justify-self: start;
             /* Align to start of its grid cell */
         }

         /* Explore More Button Styles */
         .explore-more-button {
             display: inline-block;

             color: #ffffff;
             font-weight: 700;
             padding: 0.75rem 1.5rem;
             border: 1px solid #ffffff !important;
             border-radius: 0.5rem;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
             transition: background-color 0.3s ease, transform 0.3s ease;
             text-decoration: none;
             margin-top: 1.5rem;
             /* Space from content above */
             border: none;
             cursor: pointer;
         }

         .explore-more-button:hover {
             background-color: #ffffff;
             /* Darker red on hover */
             color: #0d0d0d;
             transform: scale(1.05);
         }

         /* Responsive Design (Media Queries) */
         @media (max-width: 768px) {

             /* md breakpoint for Tailwind is 768px */
             .about-sections {
                 padding: 1.5rem;
             }

             .section-main-titles {
                 font-size: 2rem;
                 /* Smaller font for mobile */
             }

             .about-content-wrappers {
                 flex-direction: column;
                 /* Stack columns on small screens */
             }

             .about-contents {
                 text-align: center;
                 /* Center text on mobile */
             }

             .about-imagess {
                 grid-template-columns: 1fr;
                 /* Single column for images on mobile */
                 padding: 1rem;
             }

             .about-imagess img {
                 width: 90%;
                 /* Adjust width for single column */
                 margin: 0 auto;
                 /* Center images */
                 transform: none !important;
                 /* Remove tilt on mobile for better stacking */
                 position: static;
                 /* Remove absolute positioning */
             }

             .about-imagess img:nth-child(1),
             .about-imagess img:nth-child(2),
             .about-imagess img:nth-child(3) {
                 margin-top: 0;
                 /* Remove negative margin for stacking */
                 grid-column: auto;
                 grid-row: auto;
                 width: 90%;
                 /* Ensure they are not too wide */
             }
         }














         /* --- General Section Title Styles --- */
         .section-title-container {
             display: flex;
             align-items: center;
             justify-content: center;
             margin-bottom: 2rem;
             width: 100%;
         }

         .section-main-title {
             font-size: 4rem;
             font-weight: 700;
             color: #ffffff;
             margin: 0 1rem;
             white-space: nowrap;
         }

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

         .title-line {
             flex-grow: 1;
             border: none;
             border-top: 1px solid #d1d5db;
             margin: 0;
         }

         /* General content wrapper for centering */
         .content-wrapper {
             max-width: 80%;
             margin: 0 auto;
             padding: 0 1rem;
         }

         /* --- EVENT SCHEDULE STYLES --- */
         .schedule-section {
             padding: 5rem 0 5rem 0;
             background-color: #000000;
         }

         .timeline-container {
             position: relative;
             max-width: 900px;
             margin: 0 auto;
             padding: 2rem 0;
         }

         /* The main vertical red line */
         /* yeah this line i did comment for hide line in schedule */
         /* .timeline-container::after {
            content: '';
            position: absolute;
            width: 4px;
            background-color: #dc2626; 
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -2px;
            z-index: 1;
        } */

         /* --- Scroll Animation --- */
         .timeline-item {
             opacity: 1;
             transform: translateY(50px);
             transition: all 0.8s ease-out;

         }

         /* When visible */
         .timeline-item.visible {
             opacity: 1;
             transform: translateY(0);
         }


         /* Mobile adjustment for the line */
         @media (max-width: 768px) {
             .timeline-container::after {
                 left: 20px;
                 /* Shift line to the left on mobile */
             }
         }


         .timeline-item {
             padding: 10px 40px;
             position: relative;
             background-color: inherit;
             width: 50%;
             box-sizing: border-box;
         }

         /* Place content to the left of the vertical line */
         .timeline-item:nth-child(even) {
             left: 0;
             text-align: right;
         }

         /* Place content to the right of the vertical line */
         .timeline-item:nth-child(odd) {
             left: 50%;
             text-align: left;
         }

         /* Circles on the timeline */
         .timeline-item::after {
             content: '';
             position: absolute;
             width: 20px;
             height: 20px;
             right: -10px;
             background-color: white;
             border: 4px solid #dc2626;
             top: 25px;
             border-radius: 50%;
             z-index: 2;
         }

         /* Adjust circle position for right-side items */
         .timeline-item:nth-child(odd)::after {
             left: -10px;
         }

         /* Event Time */
         .time-slot {
             font-size: 1.5rem;
             font-weight: 700;
             color: #dc2626;
             margin-bottom: 0.5rem;
         }

         /* Event Details Card */
         .event-details {
             background-color: #1a1a1a;
             color: #ffffff;
             padding: 1rem 1.5rem;
             border-radius: 0.75rem;
             box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
             transition: background-color 0.3s;
         }

         .event-details:hover {
             background-color: #2a2a2a;
         }

         .event-details h4 {
             font-size: 1.25rem;
             font-weight: 600;
             color: #ffffff;
             margin: 0 0 0.5rem 0;
             line-height: 1.3;
         }

         .event-details p {
             font-size: 0.9rem;
             color: #d1d5db;
             margin: 0;
         }

         /* Mobile Timeline Adjustments */
         @media (max-width: 768px) {
             .timeline-container {
                 max-width: 100%;
                 padding-left: 0;
             }

             /* All items stack on the right side of the mobile line */
             .timeline-item {
                 width: 100%;
                 padding-left: 60px;
                 /* Space for the line and circle */
                 padding-right: 15px;
                 left: 0;
                 text-align: left !important;
                 /* Force text to align left */
             }

             /* Adjust circles to the left line */
             .timeline-item::after {
                 left: 10px;
                 right: auto;
                 top: 25px;
             }

             .timeline-item:nth-child(odd) {
                 left: 0;
                 /* Override the 50% shift */
             }
         }
















         /* --- Styling for the Big "Reveal Soon" Excitement Block --- */

         /* The main container for the excitement message */
         .reveal-soon-excitement {
             /* Center the content */
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
             text-align: center;

             /* Give it some visual presence */
             padding: 80px 20px;
             /* Large padding top/bottom */
             margin: 40px 0;
             /* Space from the title */

             /* Subtle background and border to make it look special */
             background-color: #fef2f2;
             /* Very light red/pink */
             border: 5px solid #ef4444;
             /* Solid red border */
             border-radius: 10px;
         }

         /* Sub-text above the main title */
         .excitement-pre-text {
             font-size: 1.2em;
             color: #4b5563;
             /* Dark gray */
             letter-spacing: 2px;
             margin-bottom: 5px;
         }

         /* Main title text (REVEALED SOON!) */
         .reveal-text {
             font-size: 5em;
             /* Make it HUGE */
             font-weight: 900;
             /* Extra Bold */
             color: red;
             /* Bold Red/Accent Color */
             text-transform: uppercase;
             letter-spacing: 5px;
             margin: 10px 0;

             /* Animation for extra excitement (Optional) */
             animation: pulse-reveal 2s infinite;
         }

         /* Secondary title text */
         .excitement-title {
             font-size: 2em;
             color: #1f2937;
             /* Very dark text */
             margin: 0;
             font-weight: 700;
         }

         /* Sub-text below the main title */
         .excitement-post-text {
             font-size: 1.1em;
             color: #6b7280;
             /* Medium gray */
             margin-top: 20px;
         }

         /* OPTIONAL: Keyframe animation for a pulsing effect */
         @keyframes pulse-reveal {
             0% {
                 transform: scale(1);
                 opacity: 1;
             }

             50% {
                 transform: scale(1.03);
                 opacity: 0.95;
             }

             100% {
                 transform: scale(1);
                 opacity: 1;
             }
         }




























         /* --- Styling for the Big "Reveal Soon" Speakers Block --- */

         /* The main container for the excitement message */
         .speakers-reveal-soon-block {
             /* Center the content */
             display: flex;
             flex-direction: column;
             align-items: center;
             justify-content: center;
             text-align: center;

             /* Give it some visual presence */
             padding: 80px 20px;
             /* Large padding top/bottom */
             margin: 40px auto;
             /* Center the block and add space */
             max-width: 900px;
             /* Constrain width slightly */

             /* Special background and border */
             background-color: #fef2f2;
             /* Very light blue */
             border: 5px solid #ef4444;
             /* Bold Blue border */
             border-radius: 15px;
             box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
         }

         /* Sub-text above the main title */
         .reveal-pre-text {
             font-size: 1.25em;
             color: #4b5563;
             /* Dark gray */
             letter-spacing: 1.5px;
             margin-bottom: 5px;
             font-weight: 500;
         }

         /* Secondary title text */
         .reveal-title {
             font-size: 2.2em;
             color: #1f2937;
             /* Very dark text */
             margin: 10px 0;
             font-weight: 700;
             text-transform: uppercase;
         }

         /* Main "REVEALED SOON!" text */
         .reveal-soon-text {
             font-size: 4.5em;
             /* Large size */
             font-weight: 900;
             /* Extra Bold */
             color: red;
             /* Primary Blue/Accent Color */
             text-transform: uppercase;
             letter-spacing: 8px;
             margin: 15px 0;

             /* Animation for emphasis (Optional) */
             animation: bounce-reveal 1.5s infinite;
         }

         /* Sub-text below the main title */
         .reveal-post-text {
             font-size: 1.1em;
             color: #6b7280;
             /* Medium gray */
             margin-top: 25px;
             font-style: italic;
         }

         /* OPTIONAL: Keyframe animation for a bouncing/breathing effect */
         @keyframes bounce-reveal {

             0%,
             100% {
                 transform: translateY(0);
             }

             50% {
                 transform: translateY(-5px);
             }
         }

 

















         .section-title-container {
             display: flex;
             align-items: center;
             justify-content: center;
             margin-bottom: 2rem;
             width: 100%;
         }

         .section-main-title {
             font-size: 4rem;
             font-weight: 700;
             color: #ffffff;
             margin: 0 1rem;
             white-space: nowrap;
         }

         .title-line {
             flex-grow: 1;
             border: none;
             border-top: 1px solid #d1d5db;
             margin: 0;
         }

         /* --------------------- */
         /* OUR SPEAKERS SECTION STYLES */
         /* --------------------- */
         .speakers-section {
             padding: 5rem 0rem;
             background-color: #000000;
             position: relative;
         }

         /* NEW: Wrapper to constrain the main content to 80% width and center it */
         .speakers-content-wrapper {
             max-width: 80%;
             /* Applied 80% width here */
             margin: 0 auto;
             padding: 0 1rem;
         }

         .speakers-title-wrapper {
             /* Now only controls title width within the 80% content wrapper */
             max-width: 100%;
             margin: 0 auto;
             padding: 0;
         }

         /* Carousel Wrapper */
         .carousel-container {
             overflow: hidden;
             white-space: nowrap;
             padding-top: 3rem;
             padding-bottom: 3rem;
             margin: 0 -1rem;
             /* Adjust negative margin to visually stretch the carousel to the edge of the 80% container */
             cursor: grab;
         }

         /* Animation Keyframes for infinite slide */
         @keyframes slide-to-left {
             0% {
                 transform: translateX(0%);
             }

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

             /* Half the track length (since we duplicate the content once) */
         }

         .carousel-track {
             display: flex;
             /* UPDATED: Calc width for 6 slides + 6 duplicates (12 total) 
               Card width is 360px + 2rem (32px) gap = 392px per card
               12 * 392px = 4704px. Animation time adjusted below. 
            */
             width: calc(12 * 360px + 12 * 2rem);
             animation: slide-to-left 45s linear infinite;
             /* Slightly slower due to increased width */
             padding-left: 2rem;
             padding-right: 2rem;
             gap: 2rem;
         }

         /* Pause on Hover */
         .carousel-container:hover .carousel-track {
             animation-play-state: paused;
         }

         /* Speaker Card */
         .speaker-card {
             display: inline-block;
             flex-shrink: 0;
             width: 400px;
             /* UPDATED: Increased card width */
             height: 500px;
             /* Proportional height increase (480 -> 540) */
             background-color: #1a1a1a;
             border-radius: 1rem;
             overflow: hidden;
             position: relative;
             box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
             transition: all 0.3s ease;
             cursor: pointer;
         }

         /* Speaker Image */
         .speaker-card img {
             width: 100%;
             height: 100%;
             object-fit: cover;
             transition: transform 0.3s ease;
             opacity: 0.9;
         }

         /* Card Overlay - Always Visible (matches the frame style) */
         .card-frame-overlay {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: rgba(0, 0, 0, 0.4);
             z-index: 2;
         }

         /* Content Overlay - Hidden by default, appears on hover */
         .card-content-overlay {
             position: absolute;
             top: 0;
             left: 0;
             width: 100%;
             height: 100%;
             background: rgba(220, 38, 38, 0.85);
             /* Red transparent background on hover */
             display: flex;
             flex-direction: column;
             justify-content: center;
             align-items: center;
             text-align: center;
             opacity: 0;
             /* Hidden by default */
             transition: opacity 0.3s ease;
             z-index: 3;
             padding: 1rem;
         }

         /* Hover effect: Show content overlay and pause animation */
         .speaker-card:hover .card-content-overlay {
             opacity: 1;
         }

         .speaker-card:hover .card-frame-overlay {
             opacity: 0;
         }

         .speaker-card:hover img {
             transform: scale(1.05);
             opacity: 1;
         }

         .speaker-info-title {
             font-size: 1.5rem;
             font-weight: 700;
             color: white;
             margin-bottom: 0.5rem;
             line-height: 1.2;
         }

         .speaker-info-subtitle {
             font-size: 1rem;
             color: #fca5a5;
             font-weight: 500;
             margin-bottom: 1.5rem;
         }

         .view-info-button {
             background-color: white;
             color: #dc2626;
             padding: 0.75rem 1.5rem;
             border: 2px solid white;
             border-radius: 9999px;
             font-weight: 700;
             cursor: pointer;
             transition: all 0.3s ease;
         }

         .view-info-button:hover {
             background-color: #fef2f2;
             transform: scale(1.05);
         }

         /* Mobile adjustments for the carousel */
         @media (max-width: 768px) {

             /* Reset 80% constraint for small screens to ensure full mobile width use */
             .speakers-content-wrapper {
                 max-width: 100%;
                 padding: 0 0;
             }

             .speakers-section {
                 padding: 3rem 0;
             }

             .speakers-title-wrapper {
                 padding: 0 1rem;
             }

             .section-main-title {
                 font-size: 2rem;
             }


             .reveal-soon-text{
                font-size: 2rem;
             }

             .reveal-text{
                font-size: 2rem;
             }

             .reveal-title{
                font-size: 1.5rem;
             }

             .carousel-track {
                 padding-left: 1rem;
                 padding-right: 1rem;
                 animation: slide-to-left 25s linear infinite;
                 /* Speed up sliding for mobile */
             }

             .speaker-card {
                 width: 280px;
                 height: 420px;
             }
         }

         /* --------------------- */
         /* MODAL STYLES (POP-UP) */
         /* --------------------- */

         .modal {
             display: none;
             position: fixed;
             z-index: 100;
             left: 0;
             top: 0;
             width: 100%;
             height: 100%;
             overflow: auto;
             background-color: rgba(0, 0, 0, 0.85);
             backdrop-filter: blur(5px);
             padding-top: 60px;

         }

         .modal-content {
             background-color: #1a1a1a;
             margin: 5% auto;
             padding: 3rem;
             border-radius: 1rem;
             max-width: 90%;
             position: relative;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.7);
             display: flex;
             flex-direction: column;
         }

         @media (min-width: 768px) {
             .modal-content {
                 flex-direction: row;
                 max-width: 1000px;
                 padding: 4rem;
             }
         }

         .close-button {
             color: #d1d5db;
             position: absolute;
             top: 1rem;
             right: 1.5rem;
             font-size: 2rem;
             font-weight: bold;
             transition: color 0.2s;
         }

         .close-button:hover,
         .close-button:focus {
             color: #dc2626;
             text-decoration: none;
             cursor: pointer;
         }

         .modal-image-container {
             flex-shrink: 0;
             width: 100%;
             max-width: 400px;
             position: relative;
             margin-bottom: 2rem;
         }

         @media (min-width: 768px) {
             .modal-image-container {
                 margin-right: 3rem;
                 margin-bottom: 0;
             }
         }

         .modal-image {
             width: 100%;
             height: auto;
             border-radius: 0.75rem;
             object-fit: cover;
             box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
         }

         .modal-text-content {
             color: #d1d5db;
         }

         .modal-text-content h3 {
             font-size: 2.5rem;
             font-weight: 800;
             color: #ffffff;
             line-height: 1.2;
             margin-bottom: 0.5rem;
         }

         .modal-text-content p.subtitle {
             font-size: 1.25rem;
             font-weight: 500;
             color: #dc2626;
             margin-bottom: 1.5rem;
         }

         .modal-text-content p {
             font-size: 1.05rem;
             line-height: 1.7;
             margin-bottom: 1rem;
             text-align: justify;
         }

         /* Generic button style used in modal */
         .action-button {
             display: inline-block;
             color: #ffffff;
             background-color: #dc2626;
             font-weight: 700;
             padding: 0.75rem 1.5rem;
             border: 1px solid #dc2626 !important;
             border-radius: 0.5rem;
             box-shadow: 0 4px 6px rgba(220, 38, 38, 0.4);
             transition: background-color 0.3s ease, transform 0.3s ease;
             text-decoration: none;
             margin-top: 1.5rem;
             cursor: pointer;
         }

         .action-button:hover {
             background-color: #ef4444;
             transform: scale(1.05);
         }









         /* SPONSOR SECTION CONTAINER - SHINING RED EFFECT */
         .sponsor-section {
             padding: 5rem 1rem;
             min-height: 50vh;
             display: flex;
             flex-direction: column;
             align-items: center;
             background-color: #000000;
             background-image:
                 /* Strong, visible red glow centered on the section */
                 radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.5) 0%, rgba(0, 0, 0, 0.8) 80%),
                 /* Subtle dark texture overlay */
                 url('https://placehold.co/1200x600/000000/000000?text=');
             background-size: cover;
             background-position: center;
         }

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

         /* SECTION TITLE STYLING (with left/right lines) */
         .section-titles {
             font-size: 4rem;
             font-weight: 800;
             color: #ffffff;
             text-align: center;
             margin-bottom: 8rem;

             display: flex;
             align-items: center;
             justify-content: center;
             white-space: nowrap;
             gap: 1.5rem;
         }

         .section-titles::before,
         .section-titles::after {
             content: '';
             flex-grow: 1;
             height: 1px;
             background-color: #ffffff;
             opacity: 0.3;
             max-width: 500px;
         }

         /* END SECTION TITLE STYLING */

         /* LOGO GRID/FLEX CONTAINER */
         .logo-container {
             display: flex;
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
             gap: 3rem;
             width: 100%;
             height: 200px;
         }

         /* INDIVIDUAL IMAGE STYLING */
         .logo-container img {
             max-width: 320px;
             height: auto;
             margin-top: -110px;
             max-height: 180px;
             object-fit: contain;
         }

         /* RESPONSIVE ADJUSTMENTS */
         @media (max-width: 768px) {
             .section-titles {
                 font-size: 1.8rem;
                 margin-bottom: 2rem;
             }

             .section-titles::before,
             .section-titles::after {
                 max-width: 100px;
             }

             .logo-container img {
                 max-width: 120px;
                 max-height: 60px;
             }
         }












         /* CONTENT WRAPPER */
         .faq-section {
             padding: 0rem 1rem;
             margin-bottom: 50px;
             display: flex;
             flex-direction: column;
             align-items: center;
             background-color: #000000;
             margin-top: -50px;
         }

         .container {
             max-width: 800px;
             /* Reduced max width for better focus on single column */
             width: 90%;
             margin: 0 auto;
         }

         /* SECTION TITLE - UPDATED STYLING FOR LONGER LINES */
         .section-title {
             font-size: 3rem;
             font-weight: 800;
             color: #ffffff;
             text-align: center;
             margin-bottom: 0rem;

             display: flex;
             align-items: center;
             justify-content: center;
             white-space: nowrap;
             gap: 1.5rem;
         }

         .section-title::before,
         .section-title::after {
             content: '';
             flex-grow: 1;
             height: 1px;
             background-color: #ffffff;
             opacity: 0.3;
             /* Decreased opacity for a lighter, subtle line */
             max-width: 500px;
             /* Increased max-width for longer lines */
         }

         /* END SECTION TITLE STYLING */

         .section-subtitle {
             font-size: 1rem;
             color: #a1a1aa;
             text-align: center;
             margin-bottom: 3rem;
         }

         /* ACCORDION ITEM STYLES */
         .accordion-item {
             background-color: #1a1a1a;
             border-radius: 0.75rem;
             margin-bottom: 1rem;
             overflow: hidden;
             border: none;
             box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
             width: 100%;
         }

         /* QUESTION BUTTON (ACCORDION TRIGGER) */
         .accordion-question {
             background-color: transparent;
             color: #ffffff;
             display: flex;
             justify-content: space-between;
             align-items: center;
             width: 100%;
             padding: 1.25rem 1.5rem;
             text-align: left;
             border: none;
             font-size: 1.05rem;
             font-weight: 600;
             cursor: pointer;
             transition: color 0.2s;
         }

         /* Hover state (Question not yet opened) */
         .accordion-question:hover {
             color: #dc2626;
         }

         /* NEW: Expanded state (Question is open) */
         .accordion-question[aria-expanded="true"] {
             border-bottom: 1px solid #374151;
             color: #dc2626;
             /* Set text color to red when opened */
         }

         /* ARROW ICON */
         .arrow-icon {
             width: 1.25rem;
             height: 1.25rem;
             transition: transform 0.3s ease;
             color: #dc2626;
             flex-shrink: 0;
         }

         /* Rotate arrow when question is open */
         .accordion-question[aria-expanded="true"] .arrow-icon {
             transform: rotate(180deg);
         }

         /* ANSWER CONTENT */
         .accordion-content {
             max-height: 0;
             overflow: hidden;
             transition: max-height 0.3s ease-out, padding 0.3s ease-out;
             padding: 0 1.5rem;
         }

         .accordion-content[aria-hidden="false"] {
             max-height: 500px;
             padding-bottom: 1.5rem;
         }

         .accordion-content p {
             margin: 0;
             padding-top: 0.5rem;
             line-height: 1.6;
             color: #a1a1aa;
         }

         /* RESPONSIVE LAYOUT */
         @media (max-width: 768px) {
             .section-title {
        font-size: 2.2rem;
        white-space: normal; /* allows line break */
        flex-direction: column; /* stacks words vertically if needed */
        line-height: 1.2;
        gap: 0.3rem;
    }

             /* Adjust line appearance on mobile */
             .section-title::before,
             .section-title::after {
                 max-width: 100px;
                 /* Keep them shorter on small screens */
             }

             .accordion-question {
                 padding: 1rem;
             }

             .accordion-content {
                 padding: 0 1rem;
             }

             .accordion-content[aria-hidden="false"] {
                 padding-bottom: 1rem;
             }
         }


         @media (max-width: 480px) {
    .section-title {
        font-size: 1.8rem;
        text-align: center;
    }
}













         /* GENERAL CONTAINER */
         .contact-page-container {
             max-width: 1200px;
             width: 90%;
             margin: 0 auto;
         }

         /* SECTION TITLE STYLING */
         .contact-title {
             font-size: 3rem;
             font-weight: 800;
             color: #ffffff;
             text-align: center;
             margin-bottom: 3rem;
             display: flex;
             align-items: center;
             justify-content: center;
             white-space: nowrap;
             gap: 1.5rem;
         }

         .contact-title::before,
         .contact-title::after {
             content: '';
             flex-grow: 1;
             height: 1px;
             background-color: #ffffff;
             opacity: 0.3;
             max-width: 500px;
         }

         /* === CONTACT US SECTION STYLES - SHINING RED BACKGROUND === */
         .contact-page-section {
             padding: 0rem 1rem;
             min-height: 100vh;
             display: flex;
             flex-direction: column;
             justify-content: center;
             /* Center form vertically on page */
             background-color: #111827;
             /* Pure black and red shine gradient */
             background-image:
                 /* Strong, visible red glow centered on the section */
                 radial-gradient(circle at 50% 50%, rgba(220, 38, 38, 0.5) 0%, rgba(0, 0, 0, 0.8) 80%),
                 /* Subtle dark texture overlay */
                 url('https://placehold.co/1200x600/000000/000000?text=');
             background-size: cover;
             background-position: center;
         }

         /* FORM CONTAINER */
         .contact-form-box {
             max-width: 600px;
             margin: 0 auto;
             padding: 2rem;
             /* Darker, pure black background for form container */
             background-color: #151515;
             border-radius: 0.75rem;
             box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
         }

         .form-input-group {
             margin-bottom: 1.5rem;
         }

         .form-input-group label {
             display: block;
             margin-bottom: 0.5rem;
             font-weight: 600;
             color: #f3f4f6;
         }

         .form-input-group input,
         .form-input-group textarea {
             width: 100%;
             padding: 0.75rem;
             border: 1px solid #374151;
             /* Pure black background for input fields */
             background-color: #0A0A0A;
             color: #f3f4f6;
             border-radius: 0.5rem;
             transition: border-color 0.3s, box-shadow 0.3s;
             box-sizing: border-box;
         }

         /* Focus effect for fields */
         .form-input-group input:focus,
         .form-input-group textarea:focus {
             outline: none;
             border-color: #dc2626;
             /* Red border on focus */
             box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.4);
         }

         .form-input-group textarea {
             resize: vertical;
             min-height: 120px;
         }

         /* Submit Button Styling */
         .submit-btn {
             display: block;
             width: 100%;
             padding: 0.75rem;
             background-color: #dc2626;
             /* Primary Red */
             color: #ffffff;
             font-weight: 700;
             border: none;
             border-radius: 0.5rem;
             cursor: pointer;
             transition: background-color 0.3s, transform 0.1s;
         }

         .submit-btn:hover {
             background-color: #b91c1c;
             /* Darker Red on hover */
         }

         /* RESPONSIVE ADJUSTMENTS */
         @media (max-width: 768px) {
             .contact-title {
                 font-size: 2rem;
                 margin-bottom: 2rem;
             }

             .contact-title::before,
             .contact-title::after {
                 max-width: 100px;
             }

             .contact-form-box {
                 padding: 1rem;
             }
         }









         /* --- Base Footer Styling --- */
         .tedx-unique-footer {
             background-color: #111;
             color: #ffffff;
             padding: 40px 20px;
             font-family: Arial, sans-serif;

         }

         .tedx-unique-wrapper {
             max-width: 1200px;
             margin: 0 auto;
         }

         /* --- MAIN THREE-COLUMN ROW --- */
         .tedx-unique-main-cols {
             display: flex;
             justify-content: space-between;
             align-items: flex-start;
             /* Align columns to the top */
             padding-bottom: 40px;
             flex-wrap: wrap;
             /* Allow wrapping on smaller screens */
         }

         /* --- COLUMN HEADINGS (Removed lines) --- */
         .tedx-unique-contact-heading,
         .tedx-unique-social-heading {
             font-size: 1.1em;
             font-weight: bold;
             color: #e62b1e;
             /* TED Red */
             margin-bottom: 15px;
             text-transform: uppercase;
             /* REMOVED: Styles that would create lines */
             /* border-bottom/top, pseudo-elements for lines are gone */
         }

         /* --- COLUMN 1: Contact Info (Left-Aligned) --- */
         .tedx-unique-col-contact {
             text-align: left;
             width: 30%;
             min-width: 180px;
             /* Ensure minimum width */
             padding: 0 15px;
             /* Add some internal padding */
             box-sizing: border-box;
             /* Include padding in width */
         }

         .tedx-unique-contact-detail {
             font-size: 0.95em;
             color: #cccccc;
             margin: 5px 0;
         }


         .tedx-unique-contact-link {
             color: #ffffff;
             /* or any color you want */
             text-decoration: none;
             font-weight: 500;
         }

         .tedx-unique-contact-link:hover {
             text-decoration: underline;
         }


         /* --- COLUMN 2: Logo and Branding (Centered) --- */
         .tedx-unique-col-branding {
             text-align: center;
             width: 40%;
             min-width: 250px;
             /* Ensure minimum width */
             padding: 0 15px;
             box-sizing: border-box;
         }

         .tedx-unique-logo-area {
             /* Ensures internal elements are properly centered */
             display: flex;
             flex-direction: column;
             align-items: center;
         }

         .tedx-unique-logo {
             display: block;
             margin: 0 auto;
             height: 60px;
             /* Adjust as needed */
             width: auto;
         }

         .tedx-unique-event-title {
             font-size: 1.6em;
             font-weight: bold;
             color: #ffffff;
             margin: 5px 0 2px 0;
         }

         .tedx-unique-event-subtitle {
             font-size: 0.8em;
             color: #aaaaaa;
             margin-top: 0;
         }

         .tedx-unique-event-subtitle span {
             color: #e62b1e;
             font-weight: bold;
         }

         /* --- COLUMN 3: Social Media (Right-Aligned) --- */
         .tedx-unique-col-social {
             text-align: right;
             width: 30%;
             min-width: 180px;
             padding: 0 15px;
             box-sizing: border-box;
         }

         .tedx-unique-social-icons {
             display: flex;
             justify-content: flex-end;
             /* Push icons to the right */
             gap: 10px;
             margin-top: 15px;
             /* Spacing below title */
         }

         .tedx-unique-social-link {
             display: flex;
             align-items: center;
             justify-content: center;
             width: 35px;
             height: 35px;
             border: 1px solid #ffffff;
             border-radius: 4px;
             text-decoration: none;
             color: #ffffff;
             font-size: 18px;
             transition: background-color 0.3s;
         }

         .tedx-unique-social-link:hover {
             background-color: #e62b1e;
             border-color: #e62b1e;
         }

         .tedx-unique-social-link.linkedin-icon {
             font-size: 14px;
         }

         /* --- SEPARATOR AND BOTTOM SECTION --- */

         .tedx-unique-separator {
             border: none;
             border-top: 1px solid #333333;
             margin: 20px 0;
             width: 100%;
             /* Ensure separator spans full width */
         }

         .tedx-unique-bottom-section {
             text-align: center;
             /* Center all copyright and legal text */
             padding-top: 10px;
         }

         .tedx-unique-legal-info {
             font-size: 0.75em;
             color: #888888;
             line-height: 1.5;
             margin-bottom: 5px;
         }


         .white-snpsu {
             color: #ffffff;
         }



         .tedx-unique-legal-link {
             color: #888888;
             text-decoration: none;
         }

         .tedx-unique-legal-link:hover {
             color: #ffffff;
         }

         .tedx-unique-copyright-text,
         .tedx-unique-designed-by {
             font-size: 0.75em;
             color: #ffffff;
             margin: 5px 0;
         }

         .tedx-unique-highlight {
             color: #e62b1e;
             font-weight: bold;
         }

         /* --- Responsive Adjustments --- */
         @media (max-width: 768px) {
             .tedx-unique-main-cols {
                 flex-direction: column;
                 /* Stack all columns vertically */
                 align-items: center;
                 /* Center the stacked columns */
                 gap: 30px;
                 padding-bottom: 30px;
             }

             .tedx-unique-col-contact,
             .tedx-unique-col-branding,
             .tedx-unique-col-social {
                 width: 100%;
                 /* Take full width on mobile */
                 text-align: center;
                 /* Center content within each column */
                 padding: 0;
                 /* Remove side padding for full width */
                 min-width: unset;
                 /* Remove min-width constraint */
             }

             .tedx-unique-social-icons {
                 justify-content: center;
                 /* Center the social icons block */
                 margin-top: 10px;
             }

             .tedx-unique-logo {
                 height: 30px;
                 /* Slightly smaller logo on mobile */
             }

             .tedx-unique-event-title {
                 font-size: 1.4em;
             }
         }



































         body {
             font-family: 'Inter', sans-serif;
             background-color: #000000;
             margin: 0;
             padding: 0;
             box-sizing: border-box;
             /* Main fix: Prevents any content from causing horizontal overflow outside the body */
             overflow-x: hidden;
         }

         /* --------------------- */
         /* HEADER STYLES (Black Background, White Text) */
         /* --------------------- */

         .header {
             position: sticky;
             top: 0;
             z-index: 50;
             background-color: #000000;
             box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
             /* NEW: Ensures the header itself is constrained to the viewport width */
             width: 100%;
         }

         .header-container {
             max-width: 1280px;
             margin: 0 auto;
             /* FIX: Change padding to use a common mobile padding value for all sections */
             padding-left: 1rem;
             padding-right: 1rem;
             /* FIX: Add 'width: 100%;' to ensure it takes the full width available */
             width: 100%;
             box-sizing: border-box;
             /* Crucial: padding won't increase width */
         }

         /* ... rest of the header styles are generally okay ... */


         /* --------------------- */
         /* GENERAL MOBILE FIXES */
         /* --------------------- */

         /* Apply box-sizing: border-box to all elements for predictable sizing */
         *,
         *::before,
         *::after {
             box-sizing: border-box;
         }

         /* Ensure sections that use negative margins or specific widths are handled */
         .speakers-content-wrapper,
         .content-wrapper {
             /* Set a reasonable maximum width and ensure it doesn't overflow */
             max-width: 1280px;
             width: 100%;
             margin: 0 auto;
             padding: 0 1rem;
             /* Consistent side padding */
         }

         /* Fix for the carousel-container which uses negative margin: */
         .carousel-container {
             overflow: hidden;
             white-space: nowrap;
             padding-top: 3rem;
             padding-bottom: 3rem;
             /* REMOVE negative margins that can cause overflow */
             margin: 0;
             cursor: grab;
             /* Add padding to simulate the "edge stretch" effect on the track itself */
             padding-left: 1rem;
             padding-right: 1rem;
         }

         /* About Section Fix: Padding was too large for mobile */
         @media (max-width: 768px) {
             .about-sections {
                 padding: 3rem 1.5rem;
                 /* Reduced padding for mobile */
             }

             /* Ensure no text/element causes overflow */
             .section-main-titles {
                 white-space: normal;
                 /* Allow title to wrap if needed */
                 word-break: break-word;
             }
         }