/* Container Background */
.pu-pierc-new-about-centre-section {
    background-color: #f7f7f7;
}

.pu-pierc-new-about-subtitle {
    font-size: 2.25rem;
    color: #0F0445;
}

/* Heading Typography & Colors */
.pu-pierc-new-about-main-heading {
    font-size: 2.25rem;
    font-weight: 800;
    line-height: 1.22;
    letter-spacing: -0.5px;
    margin-bottom: 0;
	color:#0F0445 !important;
}

.pu-pierc-new-about-main-title-wrapper .about-main-heading {
    background: linear-gradient(90deg, #B53C72 0%, #5641E0 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}
.pu-pierc-new-about-main-title-wrapper .about-main-heading .text-bold{
	color: #0F0445;
    -webkit-text-fill-color: #0F0445;
	font-weight:700;
	font-family: var(--font-display);
	font-size:2.5rem;
}

.pu-pierc-new-about-main-title-wrapper .about-main-heading .text-bold strong{
	font-size: 4rem;
	color: #0F0445;
    -webkit-text-fill-color: #0F0445;
	font-weight:700;
	font-family: var(--font-display);
}


.pu-pierc-new-about-main-title-wrapper .about-main-heading .color-purple {
    display: inline;
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 700;
    line-height: inherit;
}


.pu-pierc-new-about-main-title-wrapper .about-main-heading .color-dark {
    color: #5B5B5B !important;
    -webkit-text-fill-color: #5B5B5B !important;
    display: inline;
    font-weight: 700;
	font-family: var(--font-display);
	font-size:2.5rem;
}


/* Description Text */
.pu-pierc-new-about-desc p {
    font-size: 1.25rem;
    line-height: 1.3;
    color: #5B5B5B;
    margin-bottom: 0.8rem;
	font-family: var(--font-figtree);
}

/* Badges Styling */
.pu-pierc-new-studios-badges-wrapper {
    margin-top: 1.5rem;
}

.pu-pierc-new-studio-card {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 18px;
    border-radius: 14px;
    min-width: 130px;
    min-height: 100px;
    flex: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* HUB Dark Card */
.pu-pierc-new-studio-card-dark {
    background-color: #0b0244;
    color: #ffffff;
    border: 2px solid #ffcc00;
}

.pu-pierc-new-studio-card-dark .pu-pierc-new-studio-label {
    font-size: 1.25rem;
    text-transform: uppercase;
    color: #c0c0c0;
    font-weight: 600;
}

.pu-pierc-new-studio-card-dark .pu-pierc-new-studio-name {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffcc00;
}

/* Studio Light Cards */
.pu-pierc-new-studio-card-light {
    background-color: #ffffff;
    border: 1.5px solid #8a4baf;
    color: #333333;
}

.pu-pierc-new-studio-card-light .pu-pierc-new-studio-label {
    font-size: 1.125rem;
    color: #000000;
    font-weight: 400;
}

.pu-pierc-new-studio-card-light .pu-pierc-new-studio-name {
    font-size: 1.25rem;
    font-weight: 700;
	background: linear-gradient(90deg, #B53C72 0%, #5641E0 100%);
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: transparent !important;
}

.pu-pierc-new-about-poster-wrapper img {
    width: 100%;
    max-width: 400px;
    height: auto;
}



/* Mobile Responsiveness */
@media (max-width: 767.98px) {
    .pu-pierc-new-about-main-heading {
        font-size: 1.5rem;
        line-height: 1.3;
    }

    .pu-pierc-new-studios-badges-wrapper {
        flex-direction: column !important;
        width: 100%;
    }

    .pu-pierc-new-studio-card {
        width: 100%;
        flex-direction: row-reverse !important;
        justify-content: space-between !important;
        align-items: center;
        padding: 14px 20px;
        border-radius: 16px;
    }

    .pu-pierc-new-studio-card-dark {
        justify-content: flex-end !important;
        gap: 10px;
    }

    .pu-pierc-new-studio-card .pu-pierc-new-studio-name {
        font-size: 1.1rem;
    }

    .pu-pierc-new-studio-card .pu-pierc-new-studio-label {
        font-size: 0.85rem;
    }
}

/* Mobile Responsiveness (Updated to match design specifications) */
@media (max-width: 767.98px) {
    /* About the Centre Subtitle */
    .pu-pierc-new-about-subtitle {
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        letter-spacing: -0.02em !important;
        color: #0F0445 !important;
    }

    /* Main Heading & Sentence Typography */
    .pu-pierc-new-about-main-heading,
    .pu-pierc-new-about-main-title-wrapper .about-main-heading .text-bold,
    .pu-pierc-new-about-main-title-wrapper .about-main-heading .color-purple,
    .pu-pierc-new-about-main-title-wrapper .about-main-heading .color-dark {
        font-size: 28px !important;
        font-weight: 700 !important;
        line-height: 44px !important;
        letter-spacing: -0.02em !important;
    }

    /* Override strong tag size inside the title on mobile */
    .pu-pierc-new-about-main-title-wrapper .about-main-heading .text-bold strong {
        font-size: 36px !important;
        line-height: 44px !important;
    }

    /* Description Text */
    .pu-pierc-new-about-desc p {
        font-family: 'Figtree', sans-serif !important;
        font-size: 14px !important; /* Scale/3.5 equivalent */
        font-weight: 400 !important;
        line-height: 18px !important;
        letter-spacing: 0em !important;
    }

    /* Capsules Wrapper */
    .pu-pierc-new-studios-badges-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
        width: 100% !important;
    }

    /* Capsules (Studio Cards) Base Design */
    .pu-pierc-new-studio-card {
        width: 100% !important;
        height: 88px !important;
        min-height: 88px !important;
        padding: 26px 22px !important;
        border-radius: 20px !important;
        border-width: 2px !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 7px !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    /* Left-side Heading (PIERC PU / Vadodara / Surat etc.) */
    .pu-pierc-new-studio-card .pu-pierc-new-studio-name {
        order: 1 !important;
        font-size: 32px !important;
        font-weight: 700 !important;
        line-height: 40px !important;
        letter-spacing: -0.02em !important;
        vertical-align: middle !important;
    }

    /* Right-side Label (HUB / Studio 01 / Studio 02 etc.) */
    .pu-pierc-new-studio-card .pu-pierc-new-studio-label {
        order: 2 !important;
        font-family: 'Figtree', sans-serif !important;
        font-size: 16px !important; /* Scale/4 equivalent */
        font-weight: 400 !important;
        line-height: 20px !important;
        letter-spacing: 0em !important;
        vertical-align: middle !important;
    }

    /* Ensure Dark Card follows left-aligned row flow */
    .pu-pierc-new-studio-card-dark {
        justify-content: flex-start !important;
    }

    /* Poster Image Container */
    .pu-pierc-new-about-poster-wrapper {
        margin-top: 24px;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .pu-pierc-new-about-poster-wrapper img {
        width: 100%;
/*         max-width: 354px; */
        height: auto;
    }
}