/* --- Reset & Global Styles --- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #000;
    color: #fff;
    line-height: 1.6;
}

/* --- Hero Background --- */
.eventic-hero {
    width: 100%;
    min-height: 100vh;
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.85)), 
                url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&q=80&w=2072') no-repeat center center/cover;
    display: flex;
    flex-direction: column;
}

/* --- Navbar --- */
.eventic-nav {
    padding: 15px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.nav-container {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 30px;
}

.logo-box {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.logo-text {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.5px;
}

.nav-links {
    display: flex;
    list-style: none;
    gap: 25px;
}

.nav-links a {
    text-decoration: none;
    color: #999;
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}

.nav-links a:hover, .nav-links a.active {
    color: #fff;
}

.nav-actions {
    display: flex;
    gap: 12px;
}

/* --- Buttons Styles --- */
button {
    cursor: pointer;
    font-family: inherit;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s ease;
    border-radius: 8px;
    font-weight: 600;
    padding: 10px 18px;
}

.btn-outline-nav {
    background: transparent;
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
}

.btn-cart {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
}

.badge {
    background: rgba(255,255,255,0.2);
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
}

/* --- Hero Content Area --- */
.hero-main {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 80px 120px;
}

.container {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.event-meta {
    font-size: 15px;
    color: #ccc;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.hero-title {
    font-size: clamp(32px, 6vw, 50px); /* Responsive font size */
    font-weight: 500;
    max-width: 850px;
    line-height: 1.1;
    margin-bottom: 25px;
}

.hero-subtitle {
    font-size: 18px;
    color: #DBDBDB;
    max-width: 600px;
    margin-bottom: 40px;
}

.hero-cta {
    display: flex;
    gap: 15px;
}

.btn-primary {
    background: #fff;
    color: #000;
    border: none;
    padding: 14px 28px;
}

.btn-secondary {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
    padding: 14px 28px;
    backdrop-filter: blur(10px);
}

button:hover {
    transform: translateY(-2px);
    opacity: 0.9;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
    .nav-links {
        display: none;
    }

    /* Mobile menu needed */
}

@media (max-width: 768px) {
    .nav-actions {
        display: none;
    }

    .hero-main {
        text-align: left;
    }

    .hero-cta {
        flex-direction: column;
    }

    .hero-cta button {
        width: 100%;
        justify-content: center;
    }

    .hero-main{
        padding: 30px;
    }
}

/* eventic about section */
/* --- Features Section Styling --- */
.ev-features {
    background-color: #000;
    padding: 100px 0;
    color: #fff;
}

.ev-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}

.ev-features-wrapper {
    display: flex;
    align-items: center;
    gap: 60px;
}

/* Left Content Side */
.ev-features-content {
    flex: 1;
}

.ev-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 25px;
    max-width: 400px;
}

.ev-description {
    font-size: 15px;
    color: #DBDBDB;
    line-height: 1.6;
    margin-bottom: 35px;
    max-width: 500px;
}

.ev-learn-more {
    color: #DBDBDB;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: 0.3s;
}

.ev-learn-more:hover {
    gap: 15px;
    opacity: 0.8;
}

/* Right Cards Grid */
.ev-features-grid {
    flex: 1.2;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

/* Card Styling */
.ev-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 40px 30px;
    border-radius: 20px;
    transition: 0.3s ease;
}

.ev-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.2);
}

.ev-icon-box {
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    margin-bottom: 25px;
    font-size: 20px;
    color: #fff;
}

.ev-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.ev-card p {
    font-size: 14px;
    color: #DBDBDB;
    line-height: 1.5;
}

/* --- Responsive Media Queries --- */

@media (max-width: 1024px) {
    .ev-features-wrapper {
        flex-direction: column;
        text-align: left;
        gap: 50px;
    }
    
    .ev-title {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .ev-features-grid {
        grid-template-columns: 1fr; /* Single column on mobile */
    }
    
    .ev-features {
        padding: 60px 0;
    }
    
    .ev-title {
        font-size: 25px;
    }
}


/* --- Desktop Controls (Hiding Mobile elements) --- */
.mobile-toggle-btn, .mobile-close-label, .sidebar-socials, .nav-overlay {
    display: none;
}

/* --- Mobile Logic (992px and below) --- */
@media (max-width: 992px) {
    /* Show Hamburger button */
    .mobile-toggle-btn {
        display: block;
        color: white;
        font-size: 24px;
        cursor: pointer;
        order: 2; /* Logo ke baad dikhay */
    }

    .nav-actions {
        order: 3;
    }
    .btn-outline-nav { display: none; } /* Desktop button hide on mobile */

    /* Sidebar Styling */
    .nav-links {
        position: fixed !important;
        top: 0;
        right: -100% !important; /* Start hidden */
        width: 280px !important;
        height: 100vh !important;
        background: #0a0a0a !important;
        flex-direction: column !important; /* Stack vertically */
        padding: 70px 30px !important;
        gap: 5px !important; /* Minimal gap */
        transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        z-index: 9999;
        display: flex !important;
        align-items: flex-start !important;
    }

    /* 🔥 The Logic: Sidebar slides in when checkbox is checked */
    #nav-toggle:checked ~ .nav-container .nav-links {
        right: 0 !important;
    }

    /* Mobile Close Label */
    .mobile-close-label {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        color: #555;
        font-size: 26px;
        cursor: pointer;
    }

    /* Sidebar Link Spacing */
    .nav-links li {
        width: 100%;
        margin: 0 !important;
    }

    .nav-links a {
        padding: 12px 0 !important;
        display: block;
        font-size: 16px !important;
        border-bottom: 1px solid #111;
        width: 100%;
    }

    /* Social Icons at bottom of Sidebar */
    .sidebar-socials {
        display: flex !important;
        gap: 20px;
        /* margin-top: auto;
        padding-top: 20px; */
    }
    .sidebar-socials a {
        color: #444 !important;
        font-size: 20px !important;
        border: none !important;
    }

    /* Overlay Background */
    #nav-toggle:checked ~ .nav-overlay {
        display: block;
        position: fixed;
        top: 0; left: 0; width: 100%; height: 100%;
        background: rgba(0,0,0,0.7);
        z-index: 9998;
    }
}
/*  */

/* Event highlight */
/* --- Event Highlights Styling --- */
.ev-highlights {
    background-color: #000;
    padding: 80px 0;
    color: #fff;
}

.ev-section-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 50px;
    padding: 0 30px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.ev-highlights-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* 4 Columns for Desktop */
    gap: 25px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}

.ev-h-card {
    background: #0a0a0a; /* Darker card background */
    border: 1px solid rgba(255, 255, 255, 0.05);
    padding: 35px 25px;
    border-radius: 16px;
    transition: all 0.3s ease;
}

.ev-h-card:hover {
    background: #111;
    border-color: rgba(255, 255, 255, 0.15);
    transform: translateY(-5px);
}

.ev-h-icon {
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
}

.ev-h-card h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
}

.ev-h-card p {
    font-size: 14px;
    color: #888;
    line-height: 1.5;
}

/* --- Responsive Adjustments --- */

/* Tablets (3 columns) */
@media (max-width: 1100px) {
    .ev-highlights-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Small Tablets (2 columns) */
@media (max-width: 850px) {
    .ev-highlights-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .ev-section-title {
        font-size: 30px;
    }
}

/* Mobile (1 column) */
@media (max-width: 500px) {
    .ev-highlights-grid {
        grid-template-columns: 1fr;
    }
    .ev-h-card {
        padding: 30px 20px;
    }
}
/*  */


 /* Logo grid and eventic voices  */
    /* --- Community & Speakers Section --- */
.ev-community {
    background-color: #000;
    padding: 80px 0;
    color: #fff;
}

.ev-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}

/* Collaborators Styles */
.ev-collab-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.ev-small-title {
    font-size: 18px;
    font-weight: 600;
}

.ev-apply-link {
    color: #ACA5A1;
    text-decoration: none;
    font-size: 13px;
    transition: 0.3s;
}

.ev-collab-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 15px;
}

.ev-brand-box {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 2px;
    color: #eee;
    transition: 0.3s;
}

.ev-brand-box:hover {
    background: #111;
    border-color: #333;
}

.ev-spacer {
    height: 100px;
}

/* Speakers Styles */
.ev-speaker-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}

.ev-main-title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
}

.ev-sub-desc {
    color: #ffffff;
    font-size: 14px;
}

.ev-view-all {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.ev-speaker-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.ev-speaker-card {
    transition: 0.3s;
}

.ev-speaker-img {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    aspect-ratio: 16 / 10;
}

.ev-speaker-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

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

.ev-speaker-info h4 {
    font-size: 18px;
    margin-bottom: 5px;
}

.ev-speaker-info p {
    color: #ffffff;
    font-size: 13px;
    margin-bottom: 15px;
}

.ev-bio-link {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* --- Responsive Adjustments --- */
@media (max-width: 1024px) {
    .ev-collab-grid { grid-template-columns: repeat(3, 1fr); }
    .ev-speaker-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .ev-speaker-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .ev-collab-grid { grid-template-columns: repeat(2, 1fr); }
    .ev-speaker-grid { grid-template-columns: 1fr; }
}
/*  */

/* program tabs section */
/* --- Program Overview Section --- */
.ev-program {
    background-color: #000;
    padding: 80px 0;
    color: #fff;
}

.ev-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Styling */
.ev-program-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 40px;
}

.ev-main-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.ev-sub-desc {
    color: #ffffff;
    font-size: 14px;
    max-width: 450px;
}

.ev-header-btns {
    display: flex;
    gap: 12px;
}

/* --- Pure CSS Tab Logic (New) --- */

/* Saari schedule lists ko default hide rakhein */
.ev-schedule-list {
    display: none; 
    flex-direction: column;
    gap: 12px;
    animation: evFadeIn 0.4s ease;
}

/* Jab specific radio check ho, toh uski list dikhao */
#day1-radio:checked ~ .ev-schedule-container #list-day1,
#day2-radio:checked ~ .ev-schedule-container #list-day2,
#day3-radio:checked ~ .ev-schedule-container #list-day3 {
    display: flex;
}

/* Active Tab Label Styling */
#day1-radio:checked ~ .ev-tabs .label-day1,
#day2-radio:checked ~ .ev-tabs .label-day2,
#day3-radio:checked ~ .ev-tabs .label-day3 {
    background: #1a1a1a;
    border-color: #444;
    color: #fff;
}

/* Tabs Styling (Labels as Buttons) */
.ev-tabs {
    display: flex;
    gap: 10px;
    margin-bottom: 40px;
}

.ev-tab-item {
    background: transparent;
    border: 1px solid #222;
    color: #ACA5A1;
    padding: 15px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block; /* Label functionality ke liye */
}

/* Schedule List Styling */
.ev-schedule-row {
    display: flex;
    align-items: center;
    background: transparent;
    border: 1px solid #1a1a1a;
    padding: 12px 30px;
    border-radius: 5px;
    transition: 0.3s;
}

.ev-schedule-row:hover {
    background: #080808;
    border-color: #333;
}

.ev-time {
    font-size: 18px;
    font-weight: 500;
    width: 100px;
    flex-shrink: 0;
}

.ev-details h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.ev-details p {
    color: #fff9f9;
    font-size: 14px;
}

/* Buttons Styles */
.ev-btn-outline {
    background: transparent;
    border: 1px solid #222;
    color: #fff;
    padding: 10px 20px;
    border-radius: 8px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.ev-btn-light {
    background: #e0e0e0;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* Animation for smooth switching */
@keyframes evFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- Responsive Adjustments --- */
@media (max-width: 768px) {
    .ev-program-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    
    .ev-schedule-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 20px;
    }
    
    .ev-time {
        font-size: 16px;
        color: #fff;
    }
}



/*  */

/* security form section */
/* --- Registration Section Styling --- */
.ev-registration {
    background-color: #000;
    padding: 100px 0;
    color: #fff;
}

.ev-reg-wrapper {
    display: flex;
    align-items: center;
    gap: 80px;
    max-width: 1100px;
    margin: 0 auto;
}

/* Left Content */
.ev-reg-content {
    flex: 1;
}

.ev-reg-title {
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 20px;
}

.ev-reg-desc {
    font-size: 15px;
    color: #999;
    line-height: 1.6;
    margin-bottom: 30px;
}

.ev-reg-benefits {
    list-style: none;
    padding: 0;
}

.ev-reg-benefits li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.ev-reg-benefits li i {
    color: #4ade80; /* Success Green */
    font-size: 14px;
}

/* Form Card Styling */
.ev-reg-card {
    flex: 1.2;
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    padding: 40px;
    border-radius: 20px;
}

.ev-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ev-form-row {
    display: flex;
    gap: 20px;
}

.ev-form-group {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ev-form-group label {
    font-size: 13px;
    font-weight: 600;
    color: #888;
}

.ev-form-group input, 
.ev-form-group select {
    background: #000;
    border: 1px solid #222;
    padding: 12px 15px;
    border-radius: 8px;
    color: #fff;
    font-family: inherit;
    font-size: 14px;
    transition: 0.3s;
}

.ev-form-group input:focus, 
.ev-form-group select:focus {
    outline: none;
    border-color: #444;
    background: #050505;
}

/* Custom Select Arrow */
.ev-select-wrapper {
    position: relative;
    width: 100%;
}

.ev-select-wrapper select {
    width: 100%;
    appearance: none; /* Hide default arrow */
}

.ev-select-wrapper i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    pointer-events: none;
    font-size: 12px;
}

/* Register Button */
.ev-btn-register {
    margin-top: 10px;
    background: #fff;
    color: #000;
    border: none;
    padding: 14px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 15px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: 0.3s;
}

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

/* --- Responsive Design --- */
@media (max-width: 992px) {
    .ev-reg-wrapper {
        flex-direction: column;
        gap: 50px;
        text-align: left;
    }
    .ev-reg-card {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .ev-form-row {
        flex-direction: column;
        gap: 20px;
    }
    .ev-reg-title {
        font-size: 30px;
    }
    .ev-reg-card {
        padding: 25px;
    }
}
/*  */

/* choose your pass section */
/* --- Pricing Section Styling --- */
.ev-pricing {
    background-color: #000;
    padding: 100px 0;
    color: #fff;
    padding-top: 50px;
}

.ev-pricing-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 50px;
}

.ev-p-main-title {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 10px;
}

.ev-p-sub-desc {
    color: #888;
    font-size: 15px;
    max-width: 400px;
}

.ev-compare-link {
    color: #888;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.ev-compare-link:hover { color: #fff; }

/* Pricing Grid */
.ev-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

/* Card Styling */
.ev-p-card {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    padding: 35px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
}

.ev-p-card:hover {
    border-color: #333;
    background: #0d0d0d;
}

.ev-p-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

.ev-p-name h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.ev-p-name span {
    font-size: 13px;
    color: #666;
}

.ev-p-price {
    font-size: 24px;
    font-weight: 700;
}

.ev-p-short-desc {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 25px;
}

/* Features List */
.ev-p-features {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
    flex-grow: 1; /* Pushes buttons to bottom */
}

.ev-p-features li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #888;
    margin-bottom: 15px;
    line-height: 1.4;
}

.ev-p-features li i {
    color: #4ade80; /* Theme Green */
    font-size: 12px;
    margin-top: 3px;
}

/* Card Buttons */
.ev-p-card-footer {
    display: flex;
    gap: 12px;
}

.ev-btn-details {
    flex: 1;
    background: #1a1a1a;
    color: #fff;
    border: 1px solid #222;
    padding: 12px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: 0.3s;
}

.ev-btn-add {
    flex: 1;
    background: #fff;
    color: #000;
    border: none;
    padding: 12px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: 0.3s;
}

.ev-btn-add:hover { background: #e0e0e0; }
.ev-btn-details:hover { background: #222; }

/* --- Responsive Adjustments --- */
@media (max-width: 1100px) {
    .ev-pricing-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
    .ev-pricing-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .ev-pricing-grid { grid-template-columns: 1fr; }
    .ev-p-main-title { font-size: 30px; }
}

/*  */

/* faq's section */
/* --- FAQ Section --- */
.ev-faq-section {
    background-color: #000;
    padding: 100px 0;
    color: #fff;
}

.ev-faq-main-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 40px;
}

/* 2-Column Grid jaisa image mein hai */
.ev-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.ev-faq-card {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 8px;
    height: fit-content;
    transition: 0.3s;
}

.ev-faq-input {
    display: none; /* Hide checkbox */
}

/* Header Styling */
.ev-faq-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
}

.ev-faq-header i {
    font-size: 14px;
    color: #666;
    transition: transform 0.3s ease;
}

/* Content (Hidden by default) */
.ev-faq-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 25px;
    transition: all 0.3s ease;
}

.ev-faq-content p {
    color: #888;
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 20px;
}

/* --- Toggle Logic --- */

/* Jab checkbox check ho (Click) */
.ev-faq-input:checked ~ .ev-faq-content {
    max-height: 200px; /* Expand content */
}

.ev-faq-input:checked ~ .ev-faq-header i {
    transform: rotate(180deg); /* Rotate Arrow */
}

.ev-faq-input:checked ~ .ev-faq-header {
    color: #fff;
}

/* --- Responsive --- */
@media (max-width: 992px) {
    .ev-faq-grid {
        grid-template-columns: 1fr; /* Single column on mobile */
    }
}


/*  */

/* footer */
/* --- Footer Styling --- */
.ev-footer {
    background-color: #000;
    padding: 80px 0 40px 0;
    border-top: 1px solid #111;
    color: #fff;
}

.ev-footer-grid {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr;
    gap: 40px;
    margin-bottom: 60px;
}

/* Brand Column */
.ev-ft-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.ev-ft-about {
    color: #888;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 25px;
    max-width: 280px;
}

.ev-ft-social {
    display: flex;
    gap: 12px;
}

.ev-ft-social a {
    width: 36px;
    height: 36px;
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.ev-ft-social a:hover {
    background: #111;
    border-color: #333;
}

/* Titles & Links */
.ev-ft-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 25px;
}

.ev-ft-links {
    list-style: none;
    padding: 0;
}

.ev-ft-links li {
    margin-bottom: 12px;
}

.ev-ft-links li a {
    color: #888;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.ev-ft-links li a:hover {
    color: #fff;
}

/* Newsletter */
.ev-ft-newsletter p {
    color: #888;
    font-size: 14px;
    margin-bottom: 20px;
    line-height: 1.5;
}

.ev-ft-form {
    display: flex;
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    padding: 5px;
    border-radius: 10px;
}

.ev-ft-form input {
    background: transparent;
    border: none;
    padding: 10px 15px;
    color: #fff;
    width: 100%;
    outline: none;
    font-size: 14px;
}

.ev-ft-form button {
    background: #fff;
    color: #000;
    border: none;
    padding: 8px 20px;
    border-radius: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.3s;
}

.ev-ft-form button:hover {
    background: #e0e0e0;
}

/* Bottom Bar */
.ev-footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    /* border-top: 1px solid #111; */
    font-size: 13px;
    color: #555;
}

.ev-ft-bottom-links {
    display: flex;
    gap: 20px;
}

.ev-ft-bottom-links a {
    color: #555;
    text-decoration: none;
    transition: 0.3s;
}

.ev-ft-bottom-links a:hover { color: #888; }

/* --- Responsive --- */
@media (max-width: 1024px) {
    .ev-footer-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }
}

@media (max-width: 600px) {
    .ev-footer-grid {
        grid-template-columns: 1fr;
    }
    .ev-footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }
}

/*  */

/* about us page */
/* --- About Us Page Styling --- */
.ab-page {
    background-color: #000;
    color: #fff;
    padding: 100px 0;
}

/* Header */
.ab-header {
    margin-bottom: 80px;
    max-width: 800px;
}

.ab-main-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 25px;
}

.ab-header-desc {
    font-size: 16px;
    color: #999;
    line-height: 1.6;
}

/* Content Layout */
.ab-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: start;
}

.ab-section-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

/* Left Side: Journey */
.ab-text {
    color: #888;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 40px;
}

.ab-stats-row {
    display: flex;
    gap: 20px;
}

.ab-stat-card {
    flex: 1;
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    padding: 10px 20px;
    border-radius: 12px;
}

.ab-stat-card span {
    font-size: 16px;
    color: #909090;
    font-weight: 600;
    border-radius: 5px;
}

.ab-stat-card h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
}

/* Right Side: Team Grid */
.ab-team-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
}

.ab-team-card {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 12px;
    overflow: hidden;
    transition: 0.3s;
    padding: 10px;
    padding-bottom: 0px;
}

.ab-team-card:hover {
    border-color: #333;
    transform: translateY(-5px);
}

.ab-member-img img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    filter: grayscale(100%); /* Image black & white effect */
    transition: 0.3s;
    border-radius: 10px;
}

.ab-team-card:hover .ab-member-img img {
    filter: grayscale(0%);
}

.ab-member-info {
    padding: 15px;
}

.ab-member-info h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}

.ab-member-info p {
    font-size: 12px;
    color: #666;
}

/* --- Responsive Design --- */
@media (max-width: 1024px) {
    .ab-content-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }
    .ab-main-title { font-size: 36px; }
}

@media (max-width: 600px) {
    .ab-stats-row {
        flex-direction: column;
    }
    .ab-team-grid {
        grid-template-columns: 1fr;
    }
    .ab-header-desc { font-size: 15px; }
}

/*  */

/* guide section */
/* --- Full Width Divider --- */
.ev-full-divider {
    width: 100%;
    height: 1px;
    background-color: #1a1a1a; /* Dark subtle line */
    margin: 0;
}

/* --- What Guides Us Styling --- */
.ab-guides {
    background-color: #000;
    padding: 80px 0; /* Adjusted padding */
}

.ab-guides-card {
    background: #0a0a0a;
    border: 1px solid #111; /* Very subtle border */
    border-radius: 12px;
    padding: 20px 50px;
}

.ab-guides-title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 35px;
}

.ab-guides-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 40px;
}

.ab-guide-item {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #888;
    font-size: 14px;
}

.ab-guide-item i {
    font-size: 16px;
    color: #fff;
    width: 20px; /* Ensures consistent alignment */
    text-align: center;
}

/* --- Responsive --- */
@media (max-width: 992px) {
    .ab-guides-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .ab-guides-grid { grid-template-columns: 1fr; }
    .ab-guides-card { padding: 30px 20px; }
}
/*  */


/* projects tabs section */
.spk-section { background-color: #000; padding: 80px 0; color: #fff; font-family: sans-serif; }
.ev-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.spk-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 50px; }
.spk-main-title { font-size: 34px; font-weight: 700; margin-bottom: 10px; }
.spk-sub-text { color: #888; font-size: 14px; max-width: 500px; }

.spk-filter-tabs { display: flex; gap: 10px; }
.spk-tab { border: 1px solid #222; color: #888; padding: 8px 18px; border-radius: 8px; cursor: pointer; transition: 0.3s; }

#tab-all:checked ~ .spk-header label[for="tab-all"],
#tab-prod:checked ~ .spk-header label[for="tab-prod"],
#tab-design:checked ~ .spk-header label[for="tab-design"],
#tab-eng:checked ~ .spk-header label[for="tab-eng"],
#tab-ai:checked ~ .spk-header label[for="tab-ai"] {
    border-color: #fff; color: #fff; background: rgba(255, 255, 255, 0.05);
}

.spk-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }

/* Filter logic */
.spk-card { display: none; background: #080808; border: 1px solid #1a1a1a; border-radius: 12px; overflow: hidden; }

#tab-all:checked ~ .spk-content-wrapper .cat-all,
#tab-prod:checked ~ .spk-content-wrapper .cat-prod,
#tab-design:checked ~ .spk-content-wrapper .cat-design,
#tab-eng:checked ~ .spk-content-wrapper .cat-eng,
#tab-ai:checked ~ .spk-content-wrapper .cat-ai {
    display: block;
}

.spk-img-box { width: 100%; height: 260px; background: #111; }
.spk-img-box img { width: 100%; height: 100%; object-fit: cover; }
.spk-info { padding: 20px; }
.spk-info h4 { margin-bottom: 5px; }
.spk-info p { font-size: 13px; color: #666; margin-bottom: 15px; }
.spk-tag { background: #111; border: 1px solid #222; padding: 4px 10px; border-radius: 5px; font-size: 11px; color: #aaa; }
.spk-link { color: #fff; text-decoration: none; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 8px; margin-top: 15px; }

@media (max-width: 900px) { .spk-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .spk-grid { grid-template-columns: 1fr; } }
/*  */

/* speaker section */
.evt-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* About Section Styles */
.evt-about-section { padding: 100px 0; background: #000; color: #fff; }
.evt-about-header { margin-bottom: 60px; max-width: 700px; }
.evt-title { font-size: 36px; margin-bottom: 20px; }
.evt-subtitle { color: #888; line-height: 1.6; }

.evt-about-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 60px; }
.evt-sm-title { font-size: 20px; margin-bottom: 25px; }

.evt-stats { display: flex; gap: 20px; margin-top: 30px; }
.evt-stat-card { 
    background: #0a0a0a; border: 1px solid #1a1a1a; 
    padding: 20px; border-radius: 12px; flex: 1;
}
.evt-stat-card span { display: block; color: #666; font-size: 12px; margin-bottom: 5px; }
.evt-stat-card strong { font-size: 18px; }

/* Team Grid */
.evt-team-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.evt-member { 
    background: #0a0a0a; border: 1px solid #1a1a1a; 
    padding: 10px; border-radius: 12px; display: flex; align-items: center; gap: 12px;
}
.evt-member img { width: 50px; height: 50px; border-radius: 8px; object-fit: cover; }
.evt-member div { font-size: 13px; font-weight: 600; }
.evt-member span { display: block; font-size: 11px; color: #666; font-weight: 400; }

/* Program Tabs Logic */
.evt-program-section { padding: 80px 0; background: #000; color: #fff; border-top: 1px solid #111; }
.evt-tab-switcher { margin-top: 40px; }
.evt-day-tab { 
    padding: 10px 25px; background: rgba(255,255,255,0.05); 
    border: 1px solid #222; border-radius: 8px; cursor: pointer; 
    display: inline-block; margin-right: 10px; transition: 0.3s; color: #666;
}

#day1:checked ~ label[for="day1"], 
#day2:checked ~ label[for="day2"], 
#day3:checked ~ label[for="day3"] {
    background: #222; border-color: #444; color: #fff;
}

.evt-schedule-list { display: none; margin-top: 40px; }
#day1:checked ~ .day1-content { display: block; }
#day2:checked ~ .day2-content { display: block; }

.evt-sched-item { 
    display: flex; gap: 30px; padding: 25px; 
    border: 1px solid #111; margin-bottom: 10px; border-radius: 12px; 
    background: #050505; align-items: center;
}
.evt-sched-item span { font-weight: 700; color: #fff; min-width: 60px; }
.evt-sched-item small { display: block; color: #666; margin-top: 4px; }

/* FAQ & Footer */
.evt-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 40px; }
.evt-faq-item { 
    padding: 20px; border: 1px solid #111; border-radius: 10px; 
    display: flex; justify-content: space-between; align-items: center; cursor: pointer;
}

.evt-footer { padding: 80px 0 40px; background: #000; border-top: 1px solid #111; color: #fff; }
.evt-footer-top { display: grid; grid-template-columns: 1.5fr 1fr 1.5fr; gap: 50px; margin-bottom: 60px; }
.evt-input-box { display: flex; gap: 10px; background: #0a0a0a; padding: 5px; border: 1px solid #1a1a1a; border-radius: 10px; }
.evt-input-box input { background: transparent; border: none; padding: 10px; color: #fff; flex: 1; outline: none; }
.evt-input-box button { background: #fff; color: #000; border: none; padding: 0 20px; border-radius: 7px; font-weight: 700; cursor: pointer; }

.evt-footer-bottom { display: flex; justify-content: space-between; padding-top: 30px; border-top: 1px solid #111; color: #444; font-size: 13px; }
.evt-footer-bottom a { color: #666; text-decoration: none; margin-left: 20px; }

@media (max-width: 768px) {
    .evt-about-grid, .evt-footer-top, .evt-faq-grid { grid-template-columns: 1fr; }
}
/* --- Global Container --- */
.evt-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* --- Program Section (Image Match Fixes) --- */
.evt-program-section { padding: 100px 0; background: #000; color: #fff; border-top: 1px solid #111; }

.evt-program-header { 
    display: flex; 
    flex-direction: column; 
    gap: 20px; 
    margin-bottom: 50px; 
}

/* Download Button: Shifted under Paragraph */
.evt-pdf-btn, .ev-btn-outline { 
    background: #111; 
    color: #fff; 
    border: 1px solid #222; 
    padding: 12px 24px; 
    border-radius: 8px; 
    font-size: 14px; 
    cursor: pointer; 
    display: flex; 
    align-items: center; 
    gap: 10px;
    width: fit-content; /* Takay button sirf text jitni width le */
    transition: 0.3s ease;
    margin-top: 20px;
}

.evt-pdf-btn:hover, .ev-btn-outline:hover {
    background: #1a1a1a;
    border-color: #444;
}

/* Day Tabs Row */
.evt-day-selectors, .ev-tabs { 
    display: flex; 
    gap: 12px; 
    margin-bottom: 35px; 
}

.evt-day-btn, .ev-tab-item { 
    padding: 12px 28px; 
    background: #0a0a0a; 
    border: 1px solid #1a1a1a; 
    border-radius: 8px; 
    cursor: pointer; 
    color: #555; 
    font-weight: 600; 
    transition: 0.3s; 
}

/* Active State for Radio Tabs */
#d1:checked ~ .evt-day-selectors label[for="d1"], 
#day1-radio:checked ~ .ev-tabs .label-day1,
#d2:checked ~ .evt-day-selectors label[for="d2"],
#day2-radio:checked ~ .ev-tabs .label-day2,
#d3:checked ~ .evt-day-selectors label[for="d3"],
#day3-radio:checked ~ .ev-tabs .label-day3 {
    background: #222; 
    border-color: #444; 
    color: #fff;
}

/* --- Schedule Row Styling --- */
.evt-row, .ev-schedule-row { 
      display: flex;
    gap: 40px;
    padding: 15px;
    border: 1px solid #111;
    margin-bottom: 0px;
    border-radius: 12px;
    background: #050505;
    align-items: center;
}

.evt-time, .ev-time { 
    font-weight: 700; 
    color: #fff; 
    min-width: 70px; 
    font-size: 16px; 
}

.evt-details h4, .ev-details h4 { 
    font-size: 17px; 
    margin-bottom: 5px; 
    color: #fff; 
}

.evt-details p, .ev-details p { 
    color: #666; 
    font-size: 14px; 
}

/* --- About & Footer (Classes consistency) --- */
.evt-about-section { padding: 100px 0; background: #000; color: #fff; }
.evt-about-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 80px; }

.evt-stat-card { 
    background: #0a0a0a; border: 1px solid #1a1a1a; 
    padding: 25px; border-radius: 12px; flex: 1;
}

.evt-footer { padding: 100px 0 40px; background: #000; border-top: 1px solid #111; color: #fff; }
.evt-footer-top { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 40px; margin-bottom: 60px; }

.evt-input-box { 
    display: flex; 
    gap: 10px; 
    background: #000; 
    border: 1px solid #1a1a1a; 
    padding: 8px; 
    border-radius: 10px; 
}

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

    .evt-about-grid,
    .evt-footer-top,
    .evt-faq-grid {
        grid-template-columns: 1fr;
    }

    .evt-row,
    .ev-schedule-row {
        gap: 20px;
        flex-direction: column;
        align-items: flex-start;
    }

}
/*  */

/* passes section */
/* Section Base */
.evp-passes-section {
    background-color: #000;
    color: #fff;
    padding: 100px 0;
}

@media (max-width: 768px) {
.evp-passes-section {
    background-color: #000;
    color: #fff;
    padding: 50px 0;
}

}

.evp-header {
    margin-bottom: 60px;
}

.evp-main-title {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
}

.evp-sub-text {
    color: #D4D4D4;
    max-width: 600px;
    line-height: 1.6;
    font-size: 15px;
}

/* Pricing Grid */
.evp-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 50px;
}

.evp-card {
    background: #0a0a0a;
    border: 1px solid #1a1a1a;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.evp-card-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 15px;
}

.evp-card-header h3 {
    font-size: 18px;
    font-weight: 600;
}

.evp-card-header span {
    color: #D4D4D4;
    font-size: 13px;
    display: block;
    margin-top: 4px;
}

.evp-price {
    font-size: 20px;
    font-weight: 700;
}

.evp-desc {
    font-size: 14px;
    color: #D4D4D4;
    margin-bottom: 25px;
}

/* Features List */
.evp-features {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
    flex-grow: 1;
}

.evp-features li {
    font-size: 13px;
    color: #D4D4D4;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.evp-features li i {
    color: #4ade80; /* Green check icon */
    font-size: 12px;
    margin-top: 3px;
}

/* Card Buttons */
.evp-card-actions {
    display: flex;
    gap: 10px;
}

.evp-btn-details {
    background: #111;
    color: #fff;
    border: 1px solid #222;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0;
}

.evp-btn-add {
    background: #fff;
    color: #000;
    border: none;
    padding: 10px 15px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0;
}

/* Confidence Banner */
.evp-promise-banner {
    background: #050505;
    border: 1px solid #111;
    border-radius: 12px;
    padding: 40px;
}

.evp-promise-banner h3 {
    font-size: 20px;
    margin-bottom: 15px;
}

.evp-promise-banner p {
    color: #ffffff;
    font-size: 14px;
    max-width: 800px;
    line-height: 1.6;
    margin-bottom: 25px;
}

.evp-promise-icons {
    display: flex;
    gap: 20px;
    color: #ffffff;
    font-size: 18px;
}



/* Responsive Logic */
@media (max-width: 1024px) {
    .evp-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .evp-grid {
        grid-template-columns: 1fr;
    }
    .evp-main-title {
        font-size: 32px;
    }
    .evp-promise-banner {
        padding: 30px;
    }
}


/* --- Mobile Specific Fixes --- */
@media (max-width: 768px) {
    /* Main Headings choti karne ke liye */
    .evp-main-title {
        font-size: 28px !important;
        margin-bottom: 15px;
    }

    .evp-sub-text {
        font-size: 13px !important;
        line-height: 1.5;
    }

    /* Cards ki padding thodi kam */
    .evp-card {
        padding: 20px !important;
    }

    /* Price aur Title ka size chota */
    .evp-card-header h3 {
        font-size: 16px !important;
    }

    .evp-price {
        font-size: 18px !important;
    }

    /* Buttons ko Image ki tarah chota aur fit karne ke liye */
    .evp-card-actions {
        display: flex;
        gap: 8px;
        justify-content: flex-start; /* Buttons ko left par rakhne ke liye */
    }

    .evp-btn-details, 
    .evp-btn-add {
        padding: 8px 12px !important; /* Kam padding */
        font-size: 12px !important;    /* Chota text */
        width: auto !important;        /* Poori width na le */
        flex: 0 1 auto;                /* Content ke hisab se width */
        min-width: 80px;               /* Ek minimum limit */
    }

    /* Confidence Promise chota karne ke liye */
    .evp-promise-banner {
        padding: 20px !important;
    }

    .evp-promise-banner h3 {
        font-size: 18px !important;
    }

    .evp-promise-banner p {
        font-size: 12px !important;
    }
}

/*  */

/* contact us section info */
/* Section Base */
.spk-det-section {
    background-color: #000;
    color: #fff;
    padding: 80px 0;
}

.spk-det-back {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 40px;
    transition: 0.3s;
}

.spk-det-back:hover { color: #fff; }

/* Main Grid */
.spk-det-grid {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 60px;
}

/* Left Column */
.spk-det-img-wrapper img {
    width: 100%;
    border-radius: 12px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.spk-det-socials {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.spk-det-socials a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
}

/* Right Column */
.spk-det-name {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 5px;
}

.spk-det-title {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 40px;
}

.spk-det-content h3, 
.spk-det-session h3 {
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

.spk-det-content p {
    color: #ffffff;
    line-height: 1.6;
    font-size: 15px;
    margin-bottom: 40px;
}

/* Session Card */
.spk-det-session-card {
    background: #262626;
    border: 1px solid #1a1a1a;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.spk-det-session-info strong {
    display: block;
    font-size: 16px;
    margin-bottom: 5px;
}

.spk-det-session-info span {
    color: #ffffff;
    font-size: 14px;
}

/* Schedule Button - Fixed Width like Image */
.spk-det-schedule-btn {
    background: #0a0a0a;
    color: #fff;
    border: 1px solid #222;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content; /* Desktop par stretch nahi hoga */
    transition: 0.3s;
}

.spk-det-schedule-btn:hover {
    background: #111;
    border-color: #444;
}

/* Responsive Logic */
@media (max-width: 992px) {
    .spk-det-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .spk-det-left {
        max-width: 400px;
    }
}

@media (max-width: 768px) {
    .spk-det-name {
        font-size: 32px;
    }
    
    .spk-det-schedule-btn {
        width: 100%; /* Mobile par full width for easy clicking */
        justify-content: center;
    }
}

/*  */