/* Influencer Hero - Compact page css */

.influencer-hero{
    position:relative;
    min-height:520px;
    display:flex;
    align-items:center;
    overflow:hidden;
    color:#fff;
}

.influencer-hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
    background:url("https://shyamavrindavan.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-12_00_48-AM.png") center/cover no-repeat;
}

.influencer-hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25));
}

.influencer-hero .auto-container{
    position:relative;
    z-index:3;
    width:100%;
}

.influencer-hero-content{
    width:60%;
    padding:55px 0;
}

.hero-eyebrow{
    margin-bottom:10px;
    font-size:10px;
    letter-spacing:2px;
}

.influencer-hero h1{
    margin:0 0 12px;
    color:#fff;
    font-family:Georgia,serif;
    font-size:64px;
    font-weight:400;
    line-height:.88;
    letter-spacing:-2px;
}

.influencer-hero h1 span{
    color:#f0b82d;
}

.hero-tagline{
    margin-bottom:10px;
    font-size:14px;
    font-weight:600;
}

.hero-description{
    max-width:500px;
    margin:0 0 18px;
    color:#eee;
    font-size:12px;
    line-height:1.5;
}

.hero-event-info{
    display:flex;
    gap:22px;
    margin-bottom:20px;
}

.hero-info-item{
    display:flex;
    align-items:center;
    gap:7px;
}

.hero-info-icon{
    width:28px;
    height:28px;
}

.hero-info-text strong{
    display:block;
    font-size:11px;
}

.hero-info-text small{
    display:block;
    font-size:9px;
    color:#ddd;
}

.hero-buttons{
    display:flex;
    gap:10px;
}

.hero-register-btn,
.hero-video-btn{
    min-height:42px;
    padding:0 18px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:3px;
    font-size:11px;
    font-weight:600;
    text-decoration:none;
}

.hero-register-btn{
    background:#f0b52a;
    color:#172126;
}

.hero-video-btn{
    border:1px solid #fff;
    color:#fff;
    background:rgba(0,0,0,.15);
}

.hero-register-btn span{
    margin-left:8px;
}

.hero-handwritten{
    position:absolute;
    z-index:4;
    right:20%;
    bottom:65px;
    font-family:"Brush Script MT",cursive;
    font-size:22px;
    line-height:.9;
    transform:rotate(-8deg);
}

.hero-note{
    position:absolute;
    z-index:5;
    right:4%;
    bottom:25px;
    width:120px;
    padding:15px 10px;
    background:#f5efe0;
    color:#333;
    font-family:"Brush Script MT",cursive;
    font-size:14px;
    line-height:1.3;
    text-align:center;
    transform:rotate(-5deg);
}

/* Mobile */

@media(max-width:767px){

    .influencer-hero{
        min-height:600px;
        align-items:flex-end;
    }

    .influencer-hero-content{
        width:100%;
        padding:45px 0 30px;
    }

    .influencer-hero h1{
        font-size:45px;
    }

    .hero-tagline{
        font-size:11px;
    }

    .hero-description{
        font-size:11px;
    }

    .hero-event-info{
        display:block;
    }

    .hero-info-item{
        margin-bottom:8px;
    }

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

    .hero-register-btn,
    .hero-video-btn{
        width:100%;
    }

    .hero-handwritten,
    .hero-note{
        display:none;
    }
}

/* =========================================
   INFLUENCER ABOUT SECTION
========================================= */

.influencer-about {
    width: 100%;
    padding: 38px 0 55px;
    background: #fff;
}

.influencer-about-inner {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;
}

/* =========================================
   TOP 4 HIGHLIGHTS
========================================= */

.influencer-highlights {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 35px;

    padding: 0 35px 35px;
}

.influencer-highlight {
    display: flex;
    align-items: center;
    gap: 12px;
}

.highlight-circle {
    width: 48px;
    height: 48px;

    flex: 0 0 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #fff9e9;
    border: 1px solid #f4ead0;

    color: #d99b00;

    font-size: 21px;
    font-weight: 700;
}

.influencer-highlight strong {
    display: block;

    margin-bottom: 3px;

    color: #222;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.3;
}

.influencer-highlight span {
    display: block;

    color: #666;

    font-family: Arial, sans-serif;
    font-size: 11px;
    line-height: 1.3;
}

/* =========================================
   MAIN 2 COLUMN SECTION
========================================= */

.influencer-about-grid {
    display: grid;

    grid-template-columns: 46% 54%;

    align-items: center;
}

/* =========================================
   IMAGE
========================================= */

.influencer-about-image {
    padding-right: 35px;
}

.influencer-about-image img {
    display: block;

    width: 100%;
    height: 445px;

    object-fit: cover;

    border-radius: 2px;
}

/* =========================================
   RIGHT CONTENT
========================================= */

.influencer-about-content {
    padding: 5px 20px 5px 5px;
}

.about-label {
    margin-bottom: 8px;

    color: #555;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.about-line {
    width: 70px;
    height: 2px;

    margin-bottom: 14px;

    background: #777;
}

.influencer-about-content h2 {
    margin: 0 0 14px;

    color: #111;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 43px;
    font-weight: 400;

    line-height: .96;
}

.influencer-about-content > p {
    max-width: 620px;

    margin: 0 0 25px;

    color: #444;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;

    line-height: 1.55;
}

/* =========================================
   FEATURES - 4 x 2
========================================= */

.about-features {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    column-gap: 25px;
    row-gap: 24px;

    max-width: 650px;
}

.about-feature {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.feature-icon {
    height: 30px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 5px;

    color: #e5a300;

    font-size: 26px;
    line-height: 1;
}

.about-feature span {
    color: #333;

    font-family: Arial, sans-serif;

    font-size: 11px;
    font-weight: 600;

    white-space: nowrap;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .influencer-highlights {
        grid-template-columns: repeat(2, 1fr);
        padding-left: 0;
        padding-right: 0;
    }

    .influencer-about-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .influencer-about-image {
        padding-right: 0;
    }

    .influencer-about-image img {
        height: auto;
        max-height: 500px;
    }

    .influencer-about-content {
        padding: 0;
    }

}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .influencer-about {
        padding: 30px 0 40px;
    }

    .influencer-about-inner {
        width: 90%;
    }

    .influencer-highlights {
        grid-template-columns: 1fr;
        gap: 18px;

        padding-bottom: 30px;
    }

    .influencer-about-image img {
        height: auto;
    }

    .influencer-about-content h2 {
        font-size: 34px;
    }

    .influencer-about-content > p {
        font-size: 12px;
    }

    .about-features {
        grid-template-columns: repeat(2, 1fr);
        gap: 22px 10px;
    }

    .about-feature span {
        font-size: 10px;
    }

}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .influencer-about-content h2 {
        font-size: 30px;
    }

}

/* =========================================
   100K CREATOR CHALLENGE
========================================= */

.creator-challenge-section {
    position: relative;
    width: 100%;

    /*
     * Background image ka original proportion
     * preserve karne ke liye.
     */
    aspect-ratio: 1024 / 290;

    min-height: 280px;

    background-image: url("https://shyamavrindavan.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-12_37_04-AM.png");

    background-repeat: no-repeat;

    /*
     * IMPORTANT:
     * cover nahi lagana.
     * Isse phone crop nahi hoga.
     */
    background-size: 100% 100%;

    background-position: center;

    overflow: hidden;
}

/* =========================================
   INNER
========================================= */

.creator-challenge-inner {
    position: relative;

    width: 100%;
    height: 100%;
    min-height: 280px;

    margin: 0 auto;
}

/* =========================================
   CONTENT
========================================= */

.creator-challenge-content {
    position: absolute;

    /*
     * Screenshot ke according content
     * phone ke right side se start.
     */
    left: 30.5%;
    top: 11%;

    width: 57%;

    z-index: 2;
}

/* =========================================
   LABEL
========================================= */

.challenge-label {
    margin-bottom: 7px;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 10px;
    font-weight: 700;

    letter-spacing: 2px;

    line-height: 1;
}

/* =========================================
   MAIN HEADING
========================================= */

.creator-challenge-content h2 {
    margin: 0 0 10px;

    color: #ffffff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(30px, 4vw, 48px);

    font-weight: 400;

    line-height: .95;

    white-space: nowrap;
}

.creator-challenge-content h2 span {
    color: #f1b72d;
}

/* =========================================
   DESCRIPTION
========================================= */

.creator-challenge-content > p {
    max-width: 760px;

    margin: 0 0 18px;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 11px;

    line-height: 1.45;
}

/* =========================================
   STEPS
========================================= */

.challenge-steps {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    gap: 15px;

    width: 100%;

    margin-bottom: 18px;
}

.challenge-step {
    display: flex;

    align-items: flex-start;

    gap: 7px;
}

/* Number */

.step-number {
    width: 27px;
    height: 27px;

    flex: 0 0 27px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #f1b72d;

    color: #172528;

    font-family: Arial, sans-serif;

    font-size: 12px;
    font-weight: 700;
}

/* Text */

.step-content {
    padding-top: 1px;
}

.step-content strong {
    display: block;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 10px;
    font-weight: 700;

    line-height: 1.2;
}

.step-content span {
    display: block;

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 9px;

    line-height: 1.25;
}

/* =========================================
   RULES BUTTON
========================================= */

.challenge-rules-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-height: 38px;

    padding: 0 17px;

    border: 1px solid rgba(255,255,255,.85);

    border-radius: 4px;

    background: rgba(0,0,0,.18);

    color: #ffffff;

    font-family: Arial, sans-serif;

    font-size: 10px;
    font-weight: 600;

    text-decoration: none;

    transition: all .25s ease;
}

.challenge-rules-btn span {
    margin-left: 10px;

    font-size: 16px;
}

.challenge-rules-btn:hover {
    background: #f1b72d;

    border-color: #f1b72d;

    color: #172528;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .creator-challenge-section {
        aspect-ratio: 1024 / 300;
    }

    .creator-challenge-content {
        left: 30%;
        top: 10%;

        width: 59%;
    }

    .creator-challenge-content h2 {
        font-size: 34px;
    }

    .creator-challenge-content > p {
        font-size: 10px;
    }

    .challenge-steps {
        gap: 8px;
    }

}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .creator-challenge-section {
        aspect-ratio: auto;

        min-height: 570px;

        /*
         * Mobile par image ko crop na karne ke liye
         * background positioning.
         */
        background-size: auto 100%;
        background-position: left center;
    }

    .creator-challenge-inner {
        min-height: 570px;
    }

    .creator-challenge-content {
        left: 6%;
        top: auto;
        bottom: 35px;

        width: 88%;

        padding: 0;
    }

    .creator-challenge-content h2 {
        font-size: 30px;

        white-space: normal;
    }

    .creator-challenge-content > p {
        font-size: 11px;

        line-height: 1.5;
    }

    .challenge-steps {
        grid-template-columns: repeat(2, 1fr);

        gap: 15px 10px;
    }

    .challenge-rules-btn {
        width: 100%;
    }

}

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 480px) {

    .creator-challenge-section {
        min-height: 550px;
    }

    .creator-challenge-inner {
        min-height: 550px;
    }

    .creator-challenge-content {
        bottom: 25px;
    }

    .creator-challenge-content h2 {
        font-size: 27px;
    }

}

/* =========================================
   BOOK YOUR ENTRY
========================================= */

.influencer-booking {
    width: 100%;
    padding: 48px 0 55px;
    background: #fff;
}

.booking-inner {
    width: 94%;
    max-width: 1250px;
    margin: 0 auto;
}

/* =========================================
   HEADER
========================================= */

.booking-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 25px;
}

.booking-eyebrow {
    margin-bottom: 5px;
    color: #555;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}

.booking-eyebrow:after {
    content: "";
    display: block;
    width: 55px;
    height: 2px;
    margin-top: 7px;
    background: #777;
}

.booking-title h2 {
    margin: 8px 0 7px;
    color: #111;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 1;
}

.booking-title p {
    margin: 0;
    color: #555;
    font-size: 12px;
    line-height: 1.5;
}

/* =========================================
   HIGHLIGHTS
========================================= */

.booking-highlights {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 15px 35px;
    padding-top: 10px;
}

.booking-highlight {
    display: flex;
    align-items: center;
    gap: 9px;
}

.booking-highlight-icon {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border: 1px solid #eee3c9;
    border-radius: 50%;
    background: #fffaf0;
    color: #dfa000;
    font-size: 17px;
    font-weight: 700;
}

.booking-highlight strong {
    color: #333;
    font-size: 11px;
    font-weight: 600;
}

/* =========================================
   CARDS
========================================= */

.booking-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

.booking-card {
    padding: 18px 24px 20px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.04);
}

.booking-card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.booking-number {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 37px;
    border-radius: 50%;
    background: #e9a91b;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}

.booking-card-top h3 {
    margin: 0 0 3px;
    color: #222;
    font-size: 14px;
    font-weight: 700;
}

.booking-card-top p {
    margin: 0;
    color: #888;
    font-size: 10px;
}

/* =========================================
   FIELDS
========================================= */

.booking-field {
    margin-bottom: 12px;
}

.booking-field > label {
    display: block;
    margin-bottom: 5px;
    color: #333;
    font-size: 10px;
    font-weight: 600;
}

.booking-field label sup {
    color: #d99b00;
}

.booking-field label span {
    color: #888;
    font-weight: 400;
}

.booking-field input:not([type="radio"]),
.booking-field select {
    width: 100%;
    height: 34px;
    padding: 0 10px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    color: #444;
    font-size: 10px;
    box-sizing: border-box;
    outline: none;
}

.booking-field input:focus,
.booking-field select:focus {
    border-color: #e5a91b;
}

/* =========================================
   PHONE
========================================= */

.booking-phone {
    display: flex;
}

.booking-phone select {
    width: 65px !important;
    flex-shrink: 0;
    border-right: 0 !important;
    border-radius: 2px 0 0 2px !important;
}

.booking-phone input {
    border-radius: 0 2px 2px 0 !important;
}

/* =========================================
   COUNTER
========================================= */

.attendee-counter {
    display: flex;
    align-items: center;
    height: 34px;
}

.attendee-counter button {
    width: 32px;
    height: 34px;
    border: 1px solid #ddd;
    background: #fafafa;
    color: #444;
    font-size: 17px;
    cursor: pointer;
}

.attendee-counter button:last-of-type {
    border: 0;
    background: #e9a91b;
    color: #fff;
}

.attendee-counter > span {
    width: 38px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
}

.attendee-counter small {
    margin-left: 7px;
    color: #888;
    font-size: 9px;
}

/* =========================================
   CREATOR RADIO
========================================= */

.creator-radio {
    display: flex;
    gap: 15px;
}

.creator-radio label {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #666;
    font-size: 10px;
    font-weight: 400;
}

.creator-radio input {
    margin: 0;
}

/* =========================================
   INSTAGRAM
========================================= */

.instagram-input {
    position: relative;
}

.instagram-input span {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #888;
    font-size: 11px;
}

.instagram-input input {
    padding-left: 24px !important;
}

/* =========================================
   BUTTONS
========================================= */

.booking-primary-btn,
.payment-button {
    border: 0;
    border-radius: 3px;
    background: #e9a91b;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: .2s ease;
}

.booking-primary-btn {
    width: 100%;
    height: 40px;
    margin-top: 7px;
}

.booking-primary-btn span,
.payment-button span {
    margin-left: 8px;
    font-size: 15px;
}

.booking-primary-btn:hover,
.payment-button:hover {
    background: #d29408;
}

/* =========================================
   CARD 2 BUTTONS
========================================= */

.booking-card-buttons {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 8px;
    margin-top: 3px;
}

.booking-back-btn {
    height: 40px;
    border: 0;
    border-radius: 3px;
    background: #f2f2f2;
    color: #444;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}

/* =========================================
   ORDER SUMMARY
========================================= */

.order-title {
    margin: 3px 0 20px;
    color: #222;
    font-size: 12px;
    font-weight: 700;
}

.order-row {
    display: grid;
    grid-template-columns: 1fr auto auto;
    gap: 10px;
    margin-bottom: 13px;
    color: #777;
    font-size: 10px;
}

.order-row strong {
    color: #333;
}

.order-divider {
    height: 1px;
    margin: 14px 0;
    background: #e5e5e5;
}

.order-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    font-size: 12px;
    font-weight: 700;
}

.order-total strong {
    font-size: 13px;
}

.payment-button {
    width: 100%;
    height: 40px;
    margin-top: 20px;
    font-size: 12px;
}

.razorpay-text {
    margin-top: 13px;
    color: #777;
    font-size: 8px;
    text-align: center;
}

.razorpay-text strong {
    color: #2875a0;
    margin-right: 3px;
}

.ticket-text {
    margin: 10px auto 0;
    max-width: 250px;
    color: #888;
    font-size: 8px;
    line-height: 1.5;
    text-align: center;
}

/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .booking-header {
        flex-direction: column;
    }

    .booking-highlights {
        width: 100%;
    }

    .booking-cards {
        grid-template-columns: 1fr;
    }

}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .influencer-booking {
        padding: 35px 0;
    }

    .booking-inner {
        width: 90%;
    }

    .booking-title h2 {
        font-size: 34px;
    }

    .booking-highlights {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .booking-card {
        padding: 18px;
    }

}

/* =====================================================
   EVENT DETAILS SECTION
===================================================== */

.influencer-event-details {
    width: 100%;
    padding: 45px 0 55px;
    background: #fff;
}

.event-details-inner {
    width: 92%;
    max-width: 1250px;
    margin: 0 auto;
}

/* =====================================================
   SECTION HEADING
===================================================== */

.event-section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 18px;
}

.event-section-heading > div > span {
    display: block;
    margin-bottom: 5px;

    color: #555;

    font-family: Arial, sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 2px;
}

.event-section-heading h2 {
    margin: 0;

    color: #111;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
}

/* =====================================================
   VIEW MORE
===================================================== */

.event-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;

    padding: 8px 14px;

    border: 1px solid #e5e5e5;
    border-radius: 20px;

    background: #fff;

    color: #333;

    font-size: 10px;
    font-weight: 600;

    text-decoration: none;
}

.event-view-btn b {
    font-size: 14px;
    font-weight: 400;
}

.event-view-btn:hover {
    border-color: #e5a91b;
    color: #d29408;
}

/* =====================================================
   GALLERY
===================================================== */

.event-gallery-section {
    margin-bottom: 25px;
}

.event-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.event-gallery-item {
    min-width: 0;
}

.event-gallery-item img {
    display: block;

    width: 100%;
    height: 200px;

    object-fit: cover;

    border-radius: 2px;
}

.event-gallery-item p {
    margin: 6px 0 0;

    color: #555;

    font-family: Arial, sans-serif;
    font-size: 10px;
}

/* =====================================================
   SCHEDULE
===================================================== */

.event-schedule-section {
    margin-bottom: 30px;
}

.schedule-heading {
    margin-bottom: 12px;
}

.event-schedule {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

.schedule-item {
    position: relative;

    min-height: 63px;
    padding: 10px 12px;

    border-radius: 3px;

    background: #fffaf0;
}

.schedule-item:not(:last-child)::after {
    content: "";

    position: absolute;

    right: -8px;
    top: 50%;

    width: 8px;
    height: 1px;

    background: #e7b83e;

    z-index: 2;
}

.schedule-item strong {
    display: block;

    margin-bottom: 5px;

    color: #222;

    font-size: 10px;
    font-weight: 700;
}

.schedule-item p {
    margin: 0;

    color: #666;

    font-size: 9px;
    line-height: 1.35;
}

/* =====================================================
   FAQ
===================================================== */

.event-faq-section {
    margin-top: 5px;
}

.faq-grid {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 14px;
}

.faq-column {
    display: flex;
    flex-direction: column;

    gap: 6px;
}

.faq-item {
    border: 1px solid #e2e2e2;
    border-radius: 3px;

    background: #fff;

    overflow: hidden;
}

.faq-question {
    width: 100%;

    min-height: 34px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 13px;

    border: 0;

    background: #fff;

    color: #333;

    font-family: Arial, sans-serif;

    font-size: 10px;
    font-weight: 500;

    text-align: left;

    cursor: pointer;
}

.faq-question b {
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}

.faq-question:hover {
    color: #d99b00;
}

.faq-answer {
    display: none;

    padding: 0 13px 10px;

    border-top: 1px solid #f0f0f0;
}

.faq-answer p {
    margin: 8px 0 0;

    color: #666;

    font-size: 10px;
    line-height: 1.5;
}

.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-question b {
    transform: rotate(45deg);
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 991px) {

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

    .event-schedule {
        grid-template-columns: repeat(4, 1fr);
    }

    .schedule-item:nth-child(4)::after {
        display: none;
    }

}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .influencer-event-details {
        padding: 35px 0 45px;
    }

    .event-details-inner {
        width: 90%;
    }

    .event-section-heading {
        align-items: flex-start;
        gap: 15px;
    }

    .event-section-heading h2 {
        font-size: 27px;
    }

    .event-view-btn {
        flex-shrink: 0;
        font-size: 9px;
    }

    .event-gallery-grid {
        grid-template-columns: 1fr 1fr;
    }

    .event-gallery-item img {
        height: 110px;
    }

    .event-schedule {
        grid-template-columns: 1fr 1fr;
    }

    .schedule-item:not(:last-child)::after {
        display: none;
    }

    .faq-grid {
        grid-template-columns: 1fr;
    }

}

/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

    .event-gallery-grid {
        grid-template-columns: 1fr;
    }

    .event-gallery-item img {
        height: 180px;
    }

    .event-schedule {
        grid-template-columns: 1fr;
    }

    .event-section-heading h2 {
        font-size: 24px;
    }

}

/* =========================================
   FINAL CTA SECTION
========================================= */

.influencer-final-cta {
    position: relative;

    width: 100%;
    min-height: 210px;

    display: flex;
    align-items: center;
    justify-content: center;

    background-image: url("https://shyamavrindavan.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-22-2026-01_31_41-AM.png");

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;

    text-align: center;

    overflow: hidden;
}

/* Dark overlay */

.influencer-final-cta::before {
    content: "";

    position: absolute;
    inset: 0;

    background: rgba(0, 0, 0, 0.20);

    z-index: 1;
}

/* Content */

.influencer-final-cta-inner {
    position: relative;
    z-index: 2;

    width: 100%;

    padding: 28px 20px;
}

/* Heading */

.influencer-final-cta h2 {
    margin: 0 0 8px;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 35px;
    font-weight: 400;

    line-height: 1.1;

    text-shadow: 0 2px 5px rgba(0,0,0,.6);
}

/* Description */

.influencer-final-cta p {
    margin: 0 0 18px;

    color: #fff;

    font-family: Arial, sans-serif;

    font-size: 13px;
    font-weight: 600;

    line-height: 1.4;

    text-shadow: 0 1px 4px rgba(0,0,0,.7);
}

/* Button */

.final-cta-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    min-width: 280px;
    height: 55px;

    padding: 0 25px;

    border-radius: 4px;

    background: #f3b52b;

    color: #171717;

    font-family: Arial, sans-serif;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none;

    box-shadow: 0 4px 12px rgba(0,0,0,.25);

    transition: all .25s ease;
}

.final-cta-btn span {
    margin-left: 15px;

    font-size: 22px;
}

.final-cta-btn:hover {
    background: #ffc94a;

    color: #171717;

    transform: translateY(-2px);
}

/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .influencer-final-cta {
        min-height: 240px;

        background-size: cover;
        background-position: center;
    }

    .influencer-final-cta h2 {
        font-size: 28px;
    }

    .influencer-final-cta p {
        font-size: 11px;
    }

    .final-cta-btn {
        min-width: 230px;
        height: 48px;

        font-size: 12px;
    }

}