.comment-form input {

    text-align: right;
}

/* 1. Breadcrumbs styling and white coloring with responsive flex wrapping */
.Breacrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px 6px !important;
    margin-bottom: 16px !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.Breacrumb a {
    color: #FFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    text-decoration: none !important;
}

.Breacrumb a:hover {
    text-decoration: underline !important;
}

.Breacrumb .Breacrumb-sep {
    color: #FFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 1px !important;
}

.Breacrumb .Breacrumb-current,
.Breacrumb span:not(.Breacrumb-sep) {
    color: #FFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    display: inline-block !important;
}

.BiologyExpremintBannerCenterH1 h1 {
    color: #FFF !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 42px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    margin-top: 10px !important;
    margin-bottom: 18px !important;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.35) !important;
}

.BiologyExpremintBannerCenterH1 h2 {
    color: #FFF !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.55 !important;
    margin-top: 0 !important;
    margin-bottom: 28px !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.35) !important;
}

/* 2. RTL Bullet Lists Adjustment for Pockets */
.biologyTopPocketsDark ul li div,
.chemistryTopPocketsDark ul li div,
.physicsTopPocketsDark ul li div {
    float: right !important;
    margin-right: 13px !important;
    margin-left: 0 !important;
}

.Arrowlist {
    float: right !important;
}

.Textlist {
    float: right !important;
    text-align: right !important;
    width: 85% !important;
}

/* 3. 0.5X Smaller Icons for CTA Cards (30% larger adjustment) */
.ExprementsThreeCTAButton img {
    width: 91px !important;
    height: auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* 4. Hero Banner CTA Buttons (Up & Hover Statuses) */
.TopBannerCTAcontent {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 25px !important;
}

.banner-cta-demo,
.banner-cta-quote {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    padding: 13px 28px !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    line-height: 1.3 !important;
}

/* Right Button: احجز عرضاً تجريبياً (Up & Hover) */
.banner-cta-demo {
    background-color: #ffffff !important;
    color: #e93182 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

.banner-cta-demo:hover {
    background-color: #e93182 !important;
    color: #ffffff !important;
    border-color: #e93182 !important;
    box-shadow: 0 6px 16px rgba(233, 49, 130, 0.35) !important;
}

/* Left Button: اطلب عرض سعر (Up & Hover) */
.banner-cta-quote {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.banner-cta-quote:hover {
    background-color: #ffffff !important;
    color: #15b5a3 !important;
    border-color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

/* 6. Awards section top margin override */
.NewExpremintsAwardsSec {
    margin-top: 100px !important;
}

/* 7. Center CTA section header */
#NewThreeCTAh2 {
    text-align: center !important;
}

/* 8. ExprementsThreeCTAButton styling override */
.ExprementsThreeCTAButton {
    padding: 30px !important;
    margin: 10px !important;
    border-radius: 12px !important;
    text-align: center !important;
    font-size: 22px !important;
    color: #FFF !important;
    font-weight: 700 !important;
    min-height: 228px !important;
}

/* 9. Statistics header color override */
#FeaturedInTitle,
#FeaturedInTitle22 {
    color: #e93182 !important;
    text-align: center !important;
}

/* 10. Statistics icon text font size override */
.NumbersIconCont p.titleNumber {
    font-size: 26px !important;
}

.NumbersIconCont p:not(.titleNumber) {
    font-size: 18px !important;
}

/* 11. Chemistry pocket background color override */
.ChemistryTopPocketsWhite,
.ChemistryTopPocketsDark {
    background-color: #f8f1f1 !important;
}


/* Desktop hero banner layout adjustments for Right layout pages */
@media only screen and (min-width: 992px) {
    .BiologyExpremintBannerCenterH1.text-lg-right .Breacrumb {
        margin-left: auto !important;
        margin-right: 70px !important;
        width: fit-content !important;
    }

    .BiologyExpremintBannerCenterH1.text-lg-right .TopBannerCTAcontent {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        margin-left: auto !important;
        margin-right: 70px !important;
        width: fit-content !important;
        padding: 0 !important;
        text-align: right !important;
        gap: 16px !important;
    }
}

/* 12. Mobile Hero Banner Centering Override */
@media only screen and (max-width: 991px) {
    html[dir="rtl"] .BiologyExpremintBannerCenterH1 {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
        padding: 0 15px !important;
    }

    html[dir="rtl"] .BiologyExpremintBannerCenterH1 h1,
    html[dir="rtl"] .BiologyExpremintBannerCenterH1 h1.text-center,
    html[dir="rtl"] .BiologyExpremintBannerCenterH1 h1.text-lg-right {
        text-align: center !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        display: block !important;
        width: 100% !important;
    }

    html[dir="rtl"] .BiologyExpremintBannerCenterH1 h2,
    html[dir="rtl"] .BiologyExpremintBannerCenterH1 h2.text-center,
    html[dir="rtl"] .BiologyExpremintBannerCenterH1 h2.text-lg-right {
        text-align: center !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        display: block !important;
        width: 100% !important;
    }

    html[dir="rtl"] .BiologyExpremintBannerCenterH1 p {
        text-align: center !important;
        margin-right: auto !important;
        margin-left: auto !important;
        display: block !important;
        width: 100% !important;
    }

    html[dir="rtl"] .BiologyExpremintBannerCenterH1 .Breacrumb,
    .BiologyExpremintBannerCenterH1 .Breacrumb {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 15px !important;
        margin-bottom: 14px !important;
        width: 100% !important;
        gap: 4px 6px !important;
    }

    html[dir="rtl"] .BiologyExpremintBannerCenterH1 .TopBannerCTAcontent {
        align-items: center !important;
        justify-content: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 100% !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
}

@media only screen and (min-width: 992px) {
    html[dir="rtl"] .BiologyExpremintBannerCenterH1 .TopBannerCTAcontent {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: right !important;
        margin-right: 70px !important;
        gap: 16px !important;
    }
}

@media only screen and (min-width: 992px) {
    .BiologyExpremintBannerCenterH1 h1 {
        margin-right: 70px !important;
    }
}

/* Hero banner background height adjustment for Right layout (Desktop) */
@media only screen and (min-width: 992px) {

    .BiologyExpremintBannerContentCenter,
    .ChemistryExpremintBannerContentCenter,
    .PhysicsExpremintBannerContentCenter {
        height: 780px !important;
        max-height: 780px !important;
        min-height: 780px !important;
    }
}

/* ======================== Right Page Amend Style ============================= */

.NewThreeCTA {
    background-color: #FFF;
    padding-top: 0;
}

.ExprementsThreeCTAButton {

    background: #38D3AB;
    background: linear-gradient(0deg, rgba(56, 211, 171, 1) 0%, rgba(75, 144, 221, 1) 100%);
    padding: 30px;
    margin: 10px;
    border-radius: 12px;
    text-align: center;
    font-size: 22px;
    color: #FFF;
    font-weight: 700;
    min-height: 228px;
}

.ExprementsThreeCTAButton:hover {
    background: #38D3AB;
    background: linear-gradient(180deg, rgba(56, 211, 171, 1) 0%, rgba(75, 144, 221, 1) 100%);
}

@media only screen and (min-width: 720px) {

    .biologyTopPocketsWhite h2,
    .PhysicsTopPocketsWhite h2,
    .ChemistryTopPocketsWhite h2,
    .biologyTopPocketsDark h2,
    .ChemistryTopPocketsDark h2,
    .PhysicsTopPocketsDark h2 {
        font-size: 21px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .BiologyExpremintBannerCenterH1 {
        margin-top: 20px;
    }

    .BiologyExpremintBannerCenterH1 h1 {
        font-size: 42px !important;
        font-weight: 800 !important;
        line-height: 1.35 !important;
    }

    #FeaturedInTitle22,
    #NewThreeCTAh2,
    #FAQh2 {
        font-size: 30px;
    }

    body {
        font-size: 17px;
    }


    .choose-content .titleNumber {
        color: #e93182;
    }

    .CTAENDSECTION22222z h2 {

        line-height: 1.6;

    }

    .BiologyTopbannerCTA022 {
        background: rgb(255, 255, 255);
        color: #e93182;
        padding: 18px 30px;
    }

    #FeaturedInTitle,
    .WhyPraxilabs_FeaturedInTitle {
        font-size: 30px;
        font-weight: 700;
        color: #e93182;
    }

    .NewExpremintsAwardsSec {
        background-image: url(../img/Praxilabs_Awards_New_DT.webp) !important;
        background-size: 60% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        min-height: 520px !important;
        padding: 50px !important;
        margin-bottom: 70px !important;
        background-color: #FFF !important;
    }


    .BiologyExpremintBannerContentCenter {
        min-height: 660px;
        height: 660px;
    }

    #HomeTop3Statistics {
        margin-top: 100px;
    }

}

@media only screen and (max-width: 768px) {
    #HomeTop3Statistics {
        margin-top: 50px;
    }

    #FeaturedInTitle,
    .WhyPraxilabs_FeaturedInTitle {
        font-size: 24px;
        font-weight: 700;
        color: #e93182;
    }

    #FeaturedInTitle.addMobileMarginTop2 {
        margin-top: 20px;
        color: #FFF !important;
        padding: 0 !important;
    }

    .NewExpremintsAwardsSec {
        background-image: url(../img/New_Awards_mob22_2.webp);
        min-height: 900px;
        background-size: 100% auto;
        padding: 10px;
        padding-top: 10px;
        background-position: top;
        margin-bottom: 70px;
        margin-top: 10px !important;
        background-repeat: no-repeat;
        background-color: #115851;
        padding-top: 40px;
    }
}

ul.LeftDarkUL {
    padding-right: 0 !important;
}

#FeatureInMob img {
    max-width: 340px !important;
}

#FeaturedInTitle {
    text-align: center !important;
}

.ChemistryTopPocketsDark ul {
    padding-right: 0;
}
}

footer a {
    color: #FFF;
    text-decoration: none;
}

footer a:hover {
    color: #e83e8c;
    text-decoration: none;
}

@media only screen and (min-width: 992px) {
    .BiologyExpremintBannerCenterH1 h1 {
        margin-right: 70px !important;
    }
}

/* Hero banner background height adjustment for Right layout (Mobile Only) */
@media only screen and (max-width: 991px) {

    .BiologyExpremintBannerContentCenter,
    .ChemistryExpremintBannerContentCenter,
    .PhysicsExpremintBannerContentCenter {
        height: 1240px !important;
        max-height: 1280px !important;
        min-height: 780px !important;
    }
}

/* Unified hero alignment fix */
@media only screen and (max-width: 991px) {

    .BiologyExpremintBannerCenterH1,
    .BiologyExpremintBannerCenterH1 h1,
    .BiologyExpremintBannerCenterH1 h2,
    .BiologyExpremintBannerCenterH1 .Breacrumb,
    .BiologyExpremintBannerCenterH1 .TopBannerCTAcontent {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media only screen and (min-width: 992px) {

    .BiologyExpremintBannerCenterH1,
    .BiologyExpremintBannerCenterH1 h1,
    .BiologyExpremintBannerCenterH1 h2,
    .BiologyExpremintBannerCenterH1 .Breacrumb,
    .BiologyExpremintBannerCenterH1 .TopBannerCTAcontent {
        text-align: right !important;
        justify-content: flex-end !important;
        align-items: flex-end !important;
        margin-right: 70px !important;
    }
}

@media (max-width: 768px) {

    #CarouselContainerSection55,
    #CarouselContainerSection5522,
    #CarouselContainerSection552255 {
        background-position: bottom !important;
        background-size: auto 100% !important;
        min-height: 570px !important;
    }

    #CarouselContainerSection55 {
        background-image: url(../img/Biology_Experiment_testimonials_ImgBG2.jpg) !important;
    }

    #CarouselContainerSection5522 {
        background-image: url(../img/Chemistry_EX_testimonials_BG_Mob.jpg) !important;
    }

    #CarouselContainerSection552255 {
        background-image: url(../img/Physics_testimonials_ImgBG333.jpg) !important;
    }

    #CarouselContainerSection55 h2,
    #CarouselContainerSection5522 h2,
    #CarouselContainerSection552255 h2 {
        font-size: 24px !important;
        text-align: center !important;
    }

    #AwardsH2Chemistry,
    .NewExpremintsAwardsSec h2,
    .SugestedTopicsH2,
    .SugestedTopicsH2 span,
    .blog-area h2,
    #FAQh2 {
        text-align: center !important;
    }
}


/* ================================= ALAA WINDOW SCREEN  CSS CONDITIONS ==================================== */




/* When the window width is bigger than 720px */
@media (min-width: 1401px) {

    .nav-link,
    #FiestButtomTop,
    #SecondButtomTop {
        font-size: 17px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
}

/* When the window width is between 1120px and 1495px */
@media (min-width: 1120px) and (max-width: 1400px) {

    .nav-link,
    #FiestButtomTop,
    #SecondButtomTop {
        font-size: 14px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0.5rem;
    }
}

/* ==========================================================================
       PRAXILABS STANDARDIZED TYPOGRAPHY & FONT SPECIFICATIONS (NO COLOR CHANGES)
       ========================================================================== */
html,
body {
    font-family: 'Tajawal', sans-serif !important;
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
}

/* 1. H1 (Hero Banner Main Title) */
h1,
.plx-h1,
.SimulationsBannerH1 h1 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    text-align: center !important;
}

/* 2. H2 (Main Section Titles) */
h2,
.plx-h2,
#FeaturedInTitle,
#FeaturedInTitle22,
#NewThreeCTAh2,
#FAQh2,
.WhyPraxilabs_FeaturedInTitle,
.CTAENDSECTION22222z h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

/* 3. H3 (Card Titles & Status Headers) */
h3,
.plx-h3,
.biologyTopPocketsWhite h2,
.PhysicsTopPocketsWhite h2,
.ChemistryTopPocketsWhite h2,
.biologyTopPocketsDark h2,
.ChemistryTopPocketsDark h2,
.PhysicsTopPocketsDark h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* 4. Paragraph Subtitle H1 (Hero Subtitle) */
.plx-subtitle-h1,
.SimulationsBannerContent p,
.SimulationsBannerH1 p,
.BiologyExpremintBannerCenterH1 p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.65 !important;
    text-align: center !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
}

/* 5. Paragraph Subtitle H2 (Section Subtitle) */
.plx-subtitle-h2,
.section-subtitle {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
}

/* 6. Body Text P (Card Descriptions & General P) */
p,
.plx-body,
.NumbersIconCont p:not(.titleNumber) {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

/* 7. Testimonial Quote Text */
.plx-testimonial-quote,
.testimonial-quote,
.quote-text {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

/* 8. Testimonial Author Name */
.plx-testimonial-author,
.testimonial-author-name,
.author-name {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* 9. Testimonial Author Role / Institution */
.plx-testimonial-role,
.testimonial-author-role,
.author-role {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* 10. FAQ Accordion Question Header */
.plx-faq-question,
.faq-accordion-header,
.accordion-button,
.faq-question {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

/* 11. FAQ Accordion Answer Body */
.plx-faq-answer,
.faq-accordion-body,
.accordion-body,
.faq-answer {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
}

/* 12. Form Note (Below Submit Button) */
.plx-form-note,
.form-note,
.submit-note {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}

/* 13. CTA Buttons Desktop / Tablet */
.plx-cta-btn,
.banner-primary-btn,
.banner-sub-link,
.ExprementsThreeCTAButton,
.BiologyTopbannerCTA022 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

/* --------------------------------------------------------------------------
       MOBILE RESPONSIVE TYPOGRAPHY OVERRIDES (<768px)
       -------------------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {

    /* H1 Mobile Title (<768px) */
    h1,
    .plx-h1,
    .SimulationsBannerH1 h1,
    .BiologyExpremintBannerCenterH1 h1 {
        font-size: 30px !important;
    }

    /* H2 Mobile Title (<768px) */
    h2,
    .plx-h2,
    #FeaturedInTitle,
    #FeaturedInTitle22,
    #NewThreeCTAh2,
    #FAQh2,
    .WhyPraxilabs_FeaturedInTitle,
    .CTAENDSECTION22222z h2 {
        font-size: 28px !important;
    }

    /* H3 Mobile Title (<768px) */
    h3,
    .plx-h3,
    .biologyTopPocketsWhite h2,
    .PhysicsTopPocketsWhite h2,
    .ChemistryTopPocketsWhite h2,
    .biologyTopPocketsDark h2,
    .ChemistryTopPocketsDark h2,
    .PhysicsTopPocketsDark h2 {
        font-size: 24px !important;
    }

    /* Hero Subtitle Mobile (<768px) */
    .plx-subtitle-h1,
    .SimulationsBannerContent p,
    .SimulationsBannerH1 p,
    .BiologyExpremintBannerCenterH1 p {
        font-size: 18px !important;
        text-align: center !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        margin: 15px auto 25px auto !important;
        box-sizing: border-box !important;
    }

    /* Section Subtitle Mobile (<768px) */
    .plx-subtitle-h2,
    .section-subtitle {
        font-size: 18px !important;
    }

    /* Body Text P Mobile (<768px) */
    p,
    .plx-body,
    .NumbersIconCont p:not(.titleNumber) {
        font-size: 16px !important;
    }

    /* Testimonial Quote Mobile (<768px) */
    .plx-testimonial-quote,
    .testimonial-quote,
    .quote-text {
        font-size: 16px !important;
    }

    /* Testimonial Author Name Mobile (<768px) */
    .plx-testimonial-author,
    .testimonial-author-name,
    .author-name {
        font-size: 18px !important;
    }

    /* Testimonial Author Role Mobile (<768px) */
    .plx-testimonial-role,
    .testimonial-author-role,
    .author-role {
        font-size: 16px !important;
    }

    /* FAQ Accordion Question Header Mobile (<768px) */
    .plx-faq-question,
    .faq-accordion-header,
    .accordion-button,
    .faq-question {
        font-size: 18px !important;
    }

    /* FAQ Accordion Answer Body Mobile (<768px) */
    .plx-faq-answer,
    .faq-accordion-body,
    .accordion-body,
    .faq-answer {
        font-size: 18px !important;
    }

    /* Form Note Mobile (<768px) */
    .plx-form-note,
    .form-note,
    .submit-note {
        font-size: 14px !important;
    }

    /* CTA Buttons Mobile (<768px) */
    .plx-cta-btn,
    .banner-primary-btn,
    .banner-sub-link,
    .ExprementsThreeCTAButton,
    .BiologyTopbannerCTA022 {
        font-size: 18px !important;
    }
}

/* ==========================================================================
       HERO SEARCH PANEL & 180° FLIP POCKETS GRID STYLING
       ========================================================================== */

.plx-hero-panel-wrapper {
    background: rgba(35, 26, 68, 0.55);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 1100px;
    margin: 0px auto 30px;
    padding: 20px;
    border-radius: 14px;
    box-sizing: border-box;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.plx-select-control {
    flex: 1 1 0%;
    min-width: 220px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: #3d1b3a;
    background-color: #ffffff;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    transition: all 0.3s ease;
}

.plx-select-control:focus,
.plx-search-input:focus {
    border-color: #e93182 !important;
    box-shadow: 0 0 0 3px rgba(233, 49, 130, 0.25) !important;
}

.plx-search-input-wrapper {
    flex: 1.4 1 0%;
    min-width: 240px;
    position: relative;
    display: flex;
    align-items: center;
}

.plx-search-input {
    width: 100%;
    padding: 14px 16px 14px 44px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 8px;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #3d1b3a;
    background-color: #ffffff;
    box-sizing: border-box;
    text-align: right;
    outline: none;
    transition: all 0.3s ease;
}

.plx-search-icon-svg {
    position: absolute;
    left: 14px;
    right: auto;
    pointer-events: none;
}

.plx-results-counter-line {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    margin: 16px auto 0px !important;
    max-width: 1100px !important;
    text-align: center !important;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

/* Pockets 3-Column Grid */
#ExperimentsContainerSec {
    margin-top: 40px !important;
}

.plx-pockets-section {
    padding: 10px 15px 60px !important;
    max-width: 1500px;
    margin: 0 auto;
}

.plx-pockets-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 15px !important;
}

@media only screen and (max-width: 991px) {
    .plx-pockets-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media only screen and (max-width: 600px) {
    .plx-pockets-grid {
        grid-template-columns: 1fr;
    }
}

/* 180° Flip Card Effect */
.exp-pocket {
    perspective: 1200px;
    -webkit-perspective: 1200px;
    height: 320px;
    position: relative;
    cursor: pointer;
}

.exp-pocket__inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.exp-pocket:hover .exp-pocket__inner,
.exp-pocket.is-flipped .exp-pocket__inner {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
}

.exp-pocket__front,
.exp-pocket__back {
    position: absolute;
    inset: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    border-radius: 14px;
    overflow: hidden;
}

.exp-pocket__front {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
}

.exp-pocket__front-img {
    width: 100%;
    height: 195px;
    object-fit: cover;
}

.exp-pocket__front-info {
    padding: 16px 20px;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}

.exp-pocket__category {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #e93182 !important;
    margin-bottom: 6px !important;
    display: block;
}

.exp-pocket__title {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    color: #0A2A66 !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.exp-pocket__back {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    background: linear-gradient(135deg, #231a44 0%, #33265c 35%, #7b2a80 70%, #c22f5e 100%);
    color: #ffffff;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.exp-pocket__back .exp-pocket__category {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

.exp-pocket__back .exp-pocket__title {
    color: #ffffff !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    margin-bottom: 24px !important;
    line-height: 1.4 !important;
}

.exp-pocket__cta {
    background-color: #ffffff !important;
    color: #e93182 !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    padding: 12px 28px !important;
    border-radius: 30px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    display: inline-block !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

.exp-pocket__cta:hover {
    background-color: #e93182 !important;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3) !important;
}

.SimulationsBannerContent {
    height: 530px !important;
    max-height: 530px !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

@media only screen and (max-width: 991px) {
    .SimulationsBannerContent {
        height: 690px !important;
        max-height: 690px !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }
}

@media only screen and (min-width: 768px) {
    .SimulationsBannerContent {
        width: 100% !important;
        height: 600px !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: -1 !important;
        background-image: url(../img/Simulations_Page_Top_Banner_DT.webp) !important;
        background-size: auto 100% !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        overflow: hidden !important;
    }
}

@media only screen and (min-width: 768px) {
    .SimulationsBannerH1 {
        padding-left: 10px !important;
        padding-right: 10px !important;
        text-align: center;
    }
}

/* Header Navigation Scroll Buttons Visibility & Z-Index Fix */
.phx-newhdr-nav-container {
    position: relative !important;
}

.phx-newhdr-nav-container.has-overflow .phx-newhdr-scroll-btn {
    display: flex !important;
    opacity: 0.7 !important;
    visibility: visible !important;
    z-index: 999999 !important;
    background: #ffffff !important;
    color: #7d4aad !important;
    border: 1px solid rgba(125, 74, 173, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
    transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease !important;
}

.phx-newhdr-nav-container.has-overflow .phx-newhdr-scroll-btn:hover {
    opacity: 1 !important;
}

.phx-newhdr-scroll-btn--right {
    right: -16px !important;
}

.phx-newhdr-scroll-btn--left {
    left: -16px !important;
}

/* ==========================================================================
   PRAXILABS ENHANCED HEADER & FOOTER TYPOGRAPHY & DESIGN SYSTEM
   Exact Specification from PraxiLabs_Header_Footer_Typography_Workflow.md
   ========================================================================== */

/* --- 1. HEADER (DESKTOP) --- */
.phx-newhdr {
    width: 100% !important;
    background: transparent !important;
    background-image: none !important;
    direction: rtl !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 99999 !important;
    font-family: 'Tajawal', sans-serif !important;
}

    .phx-newhdr-inner {
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 0 clamp(12px, 2vw, 48px) !important;
        height: 76px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        box-sizing: border-box !important;
        font-family: 'Tajawal', sans-serif !important;
    }

    .phx-newhdr-left {
        display: flex !important;
        align-items: center !important;
        gap: clamp(14px, 2.5vw, 56px) !important;
        flex-shrink: 0 !important;
    }

    .phx-newhdr-logo-cont {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        flex-shrink: 0 !important;
    }

    .phx-newhdr-logo {
        height: clamp(48px, 5vw, 68px) !important;
        width: auto !important;
        display: block !important;
    }

    .phx-newhdr-nav-container {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        padding: 0 !important;
    }

    .phx-newhdr-nav {
        display: flex !important;
        align-items: center !important;
        gap: clamp(8px, 1.3vw, 34px) !important;
        white-space: nowrap !important;
    }

    .phx-newhdr-nav-item {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        font-family: 'Tajawal', sans-serif !important;
    }

    .phx-newhdr-nav-item::after,
    a.phx-newhdr-navlink::after {
        display: none !important;
    }

    .phx-newhdr-navlink,
    a.phx-newhdr-navlink {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 200 !important;
        color: #ffffff !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        transition: opacity 0.2s ease !important;
    }

    .phx-newhdr-navlink:hover,
    a.phx-newhdr-navlink:hover {
        color: #ffffff !important;
        opacity: 0.9 !important;
        text-decoration: none !important;
    }

    .phx-newhdr-arrow {
        width: 10px !important;
        height: 6px !important;
        fill: #ffffff !important;
        transition: transform 0.15s ease !important;
        flex-shrink: 0 !important;
    }

    .phx-newhdr-nav-item:hover .phx-newhdr-arrow,
    .phx-newhdr-nav-item.is-active .phx-newhdr-arrow {
        transform: rotate(180deg) !important;
    }

    /* Dropdown Menus */
    /* Dropdown Menus (Desktop) */
    .phx-newhdr-dropdown {
        position: fixed !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(8px) !important;
        transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
        background: #ffffff !important;
        border-radius: 8px !important;
        box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18) !important;
        min-width: 220px !important;
        padding: 8px 0 !important;
        border: none !important;
        z-index: 999999 !important;
    }

    .phx-newhdr-dropdown.is-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) !important;
    }

    .phx-newhdr-dropdown-link,
    a.phx-newhdr-dropdown-link {
        display: block !important;
        padding: 10px 20px !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 15px !important;
        font-weight: 200 !important;
        line-height: 18px !important;
        color: #000000 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        transition: background 0.15s ease, color 0.15s ease !important;
        text-align: right !important;
    }

    .phx-newhdr-dropdown-link:hover,
    a.phx-newhdr-dropdown-link:hover {
        background: #f4ecf7 !important;
        color: #7B2A80 !important;
        text-decoration: none !important;
    }

    /* En Language Switcher */
    .phx-newhdr-lang-switch {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
        color: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 200 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        margin-right: 32px !important;
        transition: opacity 0.2s ease !important;
    }

    .phx-newhdr-lang-switch:hover {
        color: #ffffff !important;
        opacity: 0.85 !important;
        text-decoration: none !important;
    }

    .phx-newhdr-lang-switch svg {
        width: 17px !important;
        height: 17px !important;
        stroke: #ffffff !important;
        stroke-width: 1.6 !important;
        fill: none !important;
    }

    /* Right Header Actions */
    .phx-newhdr-right {
        display: flex !important;
        align-items: center !important;
        gap: clamp(6px, 1vw, 18px) !important;
        flex-shrink: 0 !important;
    }

    .phx-newhdr-login-link {
        color: #ffffff !important;
        text-decoration: underline !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 200 !important;
        white-space: nowrap !important;
        transition: opacity 0.2s ease !important;
    }

    .phx-newhdr-login-link:hover {
        color: #ffffff !important;
        opacity: 0.85 !important;
        text-decoration: underline !important;
    }

    .phx-newhdr-divider {
        display: none !important;
    }

    /* Header CTAs */
    .phx-newhdr-btn-primary,
    .plx-cta-primary {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        background: linear-gradient(135deg, #ff9ec2, #f0699e) !important;
        padding: 12px 26px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        cursor: pointer !important;
        transition: background 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
    }

    .phx-newhdr-btn-primary:hover,
    .plx-cta-primary:hover {
        background: #ffffff !important;
        color: #c22f5e !important;
        text-decoration: none !important;
    }

    .phx-newhdr-btn-secondary,
    .plx-cta-secondary {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        color: #c22f5e !important;
        background: #ffffff !important;
        padding: 12px 26px !important;
        border-radius: 8px !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border: none !important;
        margin: 0 !important;
        cursor: pointer !important;
        transition: background 0.2s ease, color 0.2s ease, filter 0.2s ease !important;
    }

    .phx-newhdr-btn-secondary:hover,
    .plx-cta-secondary:hover {
        background: linear-gradient(135deg, #ff9ec2, #f0699e) !important;
        color: #ffffff !important;
        text-decoration: none !important;
    }

    /* Header Collapse below 1180px */
    @media screen and (max-width: 1179.98px) {

        .phx-newhdr .phx-newhdr-nav>a[href*="blog"],
        .phx-newhdr .plx-hide-narrow,
        .phx-newhdr .phx-newhdr-login-link,
        .phx-newhdr .phx-newhdr-divider,
        .phx-newhdr .phx-newhdr-btn-secondary {
            display: none !important;
        }
    }

    /* --- 2. HEADER (MOBILE DRAWER) --- */
    @media screen and (max-width: 991.98px) {

        /* Hide desktop nav, desktop dropdown container, and desktop right actions on mobile */
        .phx-newhdr .phx-newhdr-right,
        .phx-newhdr .phx-newhdr-nav-container,
        .phx-newhdr-dropdowns-container {
            display: none !important;
        }

        .phx-newhdr-left {
            width: 100% !important;
            justify-content: space-between !important;
            gap: 0 !important;
        }

        .phx-newhdr {
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
        }

        .phx-newhdr.is-mob-open {
            background: linear-gradient(90deg, #b7356b 0%, #8a3f9a 55%, #6a3ea3 100%) !important;
        }

        .phx-newhdr-inner {
            height: 76px !important;
            padding: 0 clamp(16px, 3vw, 24px) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
        }

        .phx-newhdr-logo {
            height: 68px !important;
            width: auto !important;
            display: block !important;
        }

        .phx-newhdr-mob-toggle {
            display: flex !important;
            width: 44px !important;
            height: 44px !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 !important;
            background: transparent !important;
            border: none !important;
            cursor: pointer !important;
            color: #ffffff !important;
        }

        .phx-newhdr-mob-toggle .phx-icon-burger path,
        .phx-newhdr-mob-toggle .phx-icon-burger line,
        .phx-newhdr-mob-toggle .phx-icon-close path,
        .phx-newhdr-mob-toggle .phx-icon-close line,
        .phx-newhdr.is-mob-open .phx-icon-close path,
        .phx-newhdr.is-mob-open .phx-icon-close line,
        .phx-newhdr.is-mob-open .phx-newhdr-mob-toggle .phx-icon-close path,
        body .phx-newhdr.is-mob-open .phx-icon-close path {
            stroke: #ffffff !important;
            color: #ffffff !important;
        }

        .phx-newhdr-mob-drawer {
            display: none !important;
            position: absolute !important;
            top: 100% !important;
            right: 0 !important;
            left: 0 !important;
            background: linear-gradient(90deg, #b7356b 0%, #8a3f9a 55%, #6a3ea3 100%) !important;
            border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
            padding: 0 !important;
            box-shadow: none !important;
            z-index: 999999 !important;
        }

        .phx-newhdr-mob-drawer.is-open {
            display: flex !important;
            flex-direction: column !important;
        }

        .phx-newhdr-mob-nav {
            display: flex !important;
            flex-direction: column !important;
            gap: 0 !important;
        }

        .phx-mob-acc-item {
            border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
        }

        .phx-mob-acc-btn {
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 16px 20px !important;
            cursor: pointer !important;
            width: 100% !important;
            background: transparent !important;
            border: none !important;
            text-align: right !important;
            color: #ffffff !important;
            outline: none !important;
        }

        .phx-mob-acc-btn span {
            font-family: 'Tajawal', sans-serif !important;
            font-size: 20px !important;
            font-weight: 200 !important;
            color: #ffffff !important;
        }

        .phx-mob-acc-btn svg {
            width: 12px !important;
            height: 7px !important;
            fill: #ffffff !important;
            transition: transform 0.15s ease !important;
        }

        .phx-mob-acc-btn svg polygon,
        .phx-mob-acc-btn svg path {
            fill: #ffffff !important;
            stroke: none !important;
        }

        .phx-mob-acc-item.is-open .phx-mob-acc-btn svg,
        .phx-mob-acc-btn[aria-expanded="true"] svg {
            transform: rotate(180deg) !important;
        }

        .phx-mob-nav-link {
            display: block !important;
            color: #ffffff !important;
            text-decoration: none !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 20px !important;
            font-weight: 200 !important;
            padding: 16px 20px !important;
            text-align: right !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
        }

        .phx-mob-nav-link svg,
        .phx-mob-nav-link svg circle,
        .phx-mob-nav-link svg path {
            stroke: #ffffff !important;
            fill: none !important;
        }

        /* Submenus closed by default on mobile */
        .phx-mob-acc-body {
            display: none !important;
            padding: 0 20px 12px !important;
            flex-direction: column !important;
            gap: 4px !important;
            background: transparent !important;
        }

        .phx-mob-acc-item.is-open .phx-mob-acc-body {
            display: flex !important;
        }

        .phx-mob-acc-body a,
        .plx-m-dropdown-link {
            color: rgba(255, 255, 255, 0.85) !important;
            text-decoration: none !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 18px !important;
            font-weight: 200 !important;
            line-height: 26px !important;
            padding: 10px 8px !important;
            display: block !important;
            text-align: right !important;
            border-radius: 4px !important;
            transition: background 0.15s ease, color 0.15s ease !important;
        }

        .phx-mob-acc-body a:hover,
        .phx-mob-acc-body a:active,
        .plx-m-dropdown-link:hover,
        .plx-m-dropdown-link:active {
            background: rgba(255, 255, 255, 0.15) !important;
            color: #ffffff !important;
        }

        .phx-mob-actions {
            padding: 0 20px 28px !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            display: flex !important;
            flex-direction: column !important;
            gap: 12px !important;
            background: transparent !important;
            border-top: none !important;
        }

        .phx-mob-login-link {
            color: #ffffff !important;
            text-decoration: underline !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 18px !important;
            font-weight: 200 !important;
            text-align: center !important;
            padding: 8px 0 !important;
            display: block !important;
        }

        .phx-mob-actions .phx-newhdr-btn-primary,
        .plx-m-cta-primary {
            color: #ffffff !important;
            text-decoration: none !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 19px !important;
            font-weight: 700 !important;
            background: linear-gradient(135deg, #ff9ec2, #f0699e) !important;
            padding: 14px 0 !important;
            border-radius: 8px !important;
            text-align: center !important;
            display: block !important;
            width: 100% !important;
        }

        .phx-mob-actions .phx-newhdr-btn-primary:hover,
        .phx-mob-actions .phx-newhdr-btn-primary:active,
        .plx-m-cta-primary:hover,
        .plx-m-cta-primary:active {
            background: #ffffff !important;
            color: #c22f5e !important;
        }

        .phx-mob-actions .phx-newhdr-btn-secondary,
        .plx-m-cta-secondary {
            color: #c22f5e !important;
            text-decoration: none !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 19px !important;
            font-weight: 700 !important;
            background: #ffffff !important;
            padding: 14px 0 !important;
            border-radius: 8px !important;
            text-align: center !important;
            display: block !important;
            width: 100% !important;
            margin: 0 !important;
        }

        .phx-mob-actions .phx-newhdr-btn-secondary:hover,
        .phx-mob-actions .phx-newhdr-btn-secondary:active,
        .plx-m-cta-secondary:hover,
        .plx-m-cta-secondary:active {
            background: linear-gradient(135deg, #ff9ec2, #f0699e) !important;
            color: #ffffff !important;
        }

        .phx-mob-lang-link {
            display: flex !important;
            flex-direction: row !important;
            direction: rtl !important;
            align-items: center !important;
            justify-content: center !important;
            gap: 6px !important;
            color: rgba(255, 255, 255, 0.75) !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 18px !important;
            font-weight: 200 !important;
            text-decoration: none !important;
            margin: 12px auto 4px !important;
            padding: 8px 0 !important;
            width: 100% !important;
            text-align: center !important;
            border-bottom: none !important;
        }

        .phx-mob-lang-link svg {
            order: 1 !important;
            width: 16px !important;
            height: 16px !important;
            stroke: rgba(255, 255, 255, 0.75) !important;
            fill: none !important;
            stroke-width: 1.6 !important;
            display: inline-block !important;
        }

        .phx-mob-lang-link span {
            order: 2 !important;
        }

        .phx-mob-lang-link svg circle,
        .phx-mob-lang-link svg path {
            stroke: rgba(255, 255, 255, 0.75) !important;
            fill: none !important;
        }

        .phx-mob-lang-link:hover,
        .phx-mob-lang-link:active {
            color: #ffffff !important;
        }

        .phx-mob-lang-link:hover svg,
        .phx-mob-lang-link:hover svg circle,
        .phx-mob-lang-link:hover svg path {
            stroke: #ffffff !important;
        }
    }

    /* --- 3. FOOTER (DESKTOP & RESPONSIVE) --- */
    .phx-newftr {
        width: 100% !important;
        font-family: 'Tajawal', sans-serif !important;
        background: #2b2830 !important;
        box-sizing: border-box !important;
        direction: rtl !important;
    }

    .phx-newftr-inner {
        max-width: 1600px !important;
        margin: 0 auto !important;
        padding: 56px clamp(20px, 3vw, 48px) 32px !important;
        box-sizing: border-box !important;
        font-family: 'Tajawal', sans-serif !important;
    }

    .phx-newftr-cols {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: clamp(20px, 2.5vw, 48px) !important;
        text-align: right !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .phx-newftr-col-brand {
        width: clamp(250px, 20vw, 310px) !important;
        flex-shrink: 0 !important;
    }

    .phx-newftr-logo-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        margin-bottom: 24px !important;
    }

    .phx-newftr-logo {
        height: 116px !important;
        width: auto !important;
        display: block !important;
    }

    .phx-newftr-brand-desc {
        color: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 15px !important;
        font-weight: 200 !important;
        line-height: 1.6 !important;
        margin: 0 0 20px !important;
    }

    .phx-newftr-form {
        display: flex !important;
        flex-direction: column !important;
        gap: 16px !important;
    }

    .phx-newftr-input {
        width: 100% !important;
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        background: rgba(255, 255, 255, 0.12) !important;
        color: #ffffff !important;
        padding: 16px 20px !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 16px !important;
        border-radius: 10px !important;
        box-sizing: border-box !important;
        outline: none !important;
        text-align: right !important;
        transition: border-color 0.2s ease !important;
    }

    .phx-newftr-input::placeholder {
        color: rgba(255, 255, 255, 0.85) !important;
    }

    .phx-newftr-input:focus {
        border-color: rgba(255, 255, 255, 0.7) !important;
    }

    .phx-newftr-submit-btn,
    .plx-join-btn {
        background: #ffffff !important;
        color: #2b2830 !important;
        border: 1px solid transparent !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        padding: 12px 26px !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        white-space: nowrap !important;
        width: 100% !important;
        transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
    }

    .phx-newftr-submit-btn:hover,
    .phx-newftr-submit-btn:active,
    .plx-join-btn:hover,
    .plx-join-btn:active {
        background: #2b2830 !important;
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.5) !important;
    }

    .phx-newftr-col {
        flex: 0 1 auto !important;
        min-width: 185px !important;
        max-width: 190px !important;
    }

    .phx-newftr-col-heading {
        color: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 700 !important;
        margin: 0 0 20px !important;
        text-align: right !important;
    }

    .phx-newftr-links {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        align-items: flex-start !important;
    }

    .phx-newftr-link,
    .plx-sublink,
    .plx-flink {
        color: #d7d3da !important;
        text-decoration: none !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 200 !important;
        line-height: 26px !important;
        transition: color 0.2s ease !important;
    }

    .phx-newftr-link:hover,
    .plx-sublink:hover,
    .plx-flink:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .phx-newftr-social-link {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        color: #d7d3da !important;
        text-decoration: none !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 17px !important;
        font-weight: 200 !important;
        transition: color 0.2s ease !important;
    }

    .phx-newftr-social-link:hover {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .phx-newftr-social-link svg {
        width: 16px !important;
        height: 16px !important;
        fill: currentColor !important;
        flex-shrink: 0 !important;
    }

    .phx-newftr-bottom {
        border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
        margin-top: 48px !important;
        padding-top: 24px !important;
        text-align: center !important;
    }

    .phx-newftr-copyright {
        color: #a8a3ac !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 16px !important;
        font-weight: 200 !important;
        display: inline-block !important;
    }

    /* Footer Responsive Breakpoints */
    @media (max-width: 1200px) {
        .phx-newftr-inner {
            padding: 48px 24px 32px !important;
        }

        .phx-newftr-cols {
            gap: 20px !important;
        }
    }

    @media (max-width: 991.98px) {
        .phx-newftr {
            background-color: #2B2830 !important;
            padding: 40px 0 24px 0 !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-inner {
            padding: 0 20px !important;
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-cols {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            gap: 0 !important;
            width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
        }

        /* Newsletter Column at top */
        .phx-newftr-col-brand {
            width: 100% !important;
            max-width: 100% !important;
            flex: 1 1 100% !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
            margin-bottom: 28px !important;
            padding-bottom: 0 !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-logo-wrap {
            display: flex !important;
            justify-content: center !important;
            margin-bottom: 20px !important;
        }

        .phx-newftr-logo {
            height: 60px !important;
            width: auto !important;
            display: block !important;
        }

        .phx-newftr-brand-desc {
            color: #ffffff !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 15px !important;
            font-weight: 200 !important;
            line-height: 1.6 !important;
            text-align: center !important;
            margin: 0 0 20px 0 !important;
            width: 100% !important;
            max-width: 100% !important;
        }

        .phx-newftr-form {
            display: flex !important;
            flex-direction: column !important;
            gap: 12px !important;
            width: 100% !important;
            max-width: 100% !important;
            margin-bottom: 0 !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-input,
        .plx-m-newsletter-input {
            width: 100% !important;
            padding: 14px 18px !important;
            background: rgba(255, 255, 255, 0.12) !important;
            border: 1px solid rgba(255, 255, 255, 0.35) !important;
            border-radius: 10px !important;
            color: #ffffff !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 16px !important;
            font-weight: 200 !important;
            text-align: right !important;
            box-sizing: border-box !important;
            outline: none !important;
        }

        .phx-newftr-input::placeholder,
        .plx-m-newsletter-input::placeholder {
            color: rgba(255, 255, 255, 0.65) !important;
            font-family: 'Tajawal', sans-serif !important;
            font-weight: 200 !important;
            font-size: 15px !important;
            text-align: right !important;
        }

        .phx-newftr-submit-btn,
        .plx-f-submit-btn,
        .plx-m-join-btn {
            width: 100% !important;
            padding: 14px 0px !important;
            background: #ffffff !important;
            color: #2b2830 !important;
            border: none !important;
            border-radius: 10px !important;
            font-family: 'Tajawal', sans-serif !important;
            font-weight: 700 !important;
            font-size: 17px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            transition: transform 0.15s ease, opacity 0.2s ease !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-submit-btn:hover,
        .phx-newftr-submit-btn:active,
        .plx-m-join-btn:hover {
            opacity: 0.92 !important;
            transform: scale(0.99) !important;
        }

        /* Accordion Columns: 100% Full Width across mobile and tablet */
        .phx-newftr-col {
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            flex: 1 1 100% !important;
            display: block !important;
            border-top: none !important;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
            padding: 0 !important;
            margin: 0 !important;
            text-align: right !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-col:last-of-type {
            border-bottom: none !important;
        }

        .phx-newftr-col-heading {
            display: flex !important;
            flex-direction: row !important;
            align-items: center !important;
            justify-content: space-between !important;
            width: 100% !important;
            padding: 16px 4px !important;
            margin: 0 !important;
            color: #ffffff !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 17px !important;
            font-weight: 300 !important;
            cursor: pointer !important;
            user-select: none !important;
            background: transparent !important;
            border: none !important;
            text-align: right !important;
            direction: rtl !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-col-heading h4 {
            color: #ffffff !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 17px !important;
            font-weight: 300 !important;
            margin: 0 !important;
        }

        .phx-newftr-col-heading::before {
            display: none !important;
            content: none !important;
        }

        /* Accordion Arrow Indicator (Pure White Polygon Triangle strictly on the LEFT side) */
        .phx-newftr-col-heading::after {
            content: '' !important;
            display: inline-block !important;
            width: 12px !important;
            height: 7px !important;
            background-color: #ffffff !important;
            clip-path: polygon(0 0, 100% 0, 50% 100%) !important;
            transition: transform 0.15s ease !important;
            flex-shrink: 0 !important;
            margin-left: 0 !important;
            margin-right: auto !important;
        }

        /* Arrow flips when open */
        .phx-newftr-col.is-open .phx-newftr-col-heading::after {
            transform: rotate(180deg) !important;
        }

        /* Sublinks container */
        .phx-newftr-links {
            display: none !important;
            flex-direction: column !important;
            gap: 12px !important;
            padding: 0px 4px 16px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .phx-newftr-col.is-open .phx-newftr-links {
            display: flex !important;
        }

        .phx-newftr-link,
        .plx-m-footer-link,
        .plx-sublink,
        .plx-flink {
            color: #d7d3da !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 17px !important;
            font-weight: 200 !important;
            line-height: 26px !important;
            text-align: right !important;
            text-decoration: none !important;
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            padding: 4px 8px !important;
            box-sizing: border-box !important;
            transition: color 0.15s ease !important;
        }

        .phx-newftr-link:hover,
        .phx-newftr-link:active,
        .plx-m-footer-link:hover,
        .plx-sublink:hover,
        .plx-flink:hover {
            color: #ffffff !important;
        }

        /* Social links column */
        .phx-newftr-col:last-of-type .phx-newftr-links {
            flex-direction: column !important;
            gap: 12px !important;
            align-items: flex-start !important;
            justify-content: flex-start !important;
            padding: 0px 4px 16px !important;
        }

        .phx-newftr-social-link {
            display: flex !important;
            align-items: center !important;
            gap: 8px !important;
            color: #d7d3da !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 17px !important;
            font-weight: 200 !important;
            line-height: 26px !important;
            text-decoration: none !important;
            padding: 4px 8px !important;
        }

        .phx-newftr-social-link svg {
            width: 16px !important;
            height: 16px !important;
            fill: #d7d3da !important;
            flex-shrink: 0 !important;
        }

        .phx-newftr-social-link:hover,
        .phx-newftr-social-link:hover svg {
            color: #ffffff !important;
            fill: #ffffff !important;
        }

        /* Bottom Copyright */
        .phx-newftr-bottom {
            border-top: none !important;
            margin-top: 8px !important;
            padding-top: 20px !important;
            text-align: center !important;
            width: 100% !important;
        }

        .phx-newftr-copyright {
            color: #a8a3ac !important;
            font-family: 'Tajawal', sans-serif !important;
            font-size: 16px !important;
            font-weight: 200 !important;
            text-align: center !important;
            display: block !important;
        }
    }

    /* Mobile Layout & No X-Scroll Containment */
    @media only screen and (max-width: 767.98px) {

        html,
        body {
            overflow-x: hidden !important;
            max-width: 100vw !important;
            width: 100% !important;
            position: relative !important;
        }

        .row {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .SimulationsBannerH1 {
            padding-left: 12px !important;
            padding-right: 12px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .plx-hero-panel-wrapper {
            padding: 16px 12px !important;
            gap: 12px !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }

        .plx-select-control,
        .plx-search-input-wrapper {
            min-width: 100% !important;
            width: 100% !important;
            box-sizing: border-box !important;
        }
    }

    /* FORCED MOBILE HERO BANNER HEIGHT OVERRIDE */
    @media screen and (max-width: 991px) {

        .BiologyExpremintBannerContentCenter,
        .ChemistryExpremintBannerContentCenter,
        .PhysicsExpremintBannerContentCenter,
        body .BiologyExpremintBannerContentCenter,
        body .ChemistryExpremintBannerContentCenter,
        body .PhysicsExpremintBannerContentCenter,
        div.BiologyExpremintBannerContentCenter,
        div.ChemistryExpremintBannerContentCenter,
        div.PhysicsExpremintBannerContentCenter,
        html[dir="rtl"] .BiologyExpremintBannerContentCenter {
            height: 1240px !important;
            max-height: 1280px !important;
            min-height: 780px !important;
        }
    }

    /* ==========================================================================
   FORCED GLOBAL STATISTICS SECTION STYLING (DESKTOP & MOBILE)
   ========================================================================== */
    #HomeTop3Statistics,
    .choose-area,
    section#HomeTop3Statistics {
        background-color: #f0faf9 !important;
        padding: 60px 0 70px 0 !important;
        margin-top: 0 !important;
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        display: block !important;
    }

    .plx-stats-title,
    #HomeTop3Statistics h2,
    #HomeTop3Statistics #FeaturedInTitle,
    #HomeTop3Statistics #FeaturedInTitle22 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 32px !important;
        font-weight: 800 !important;
        color: #231a44 !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        line-height: 1.4 !important;
    }

    .NumbersIconCont,
    .plx-stat-card,
    #HomeTop3Statistics .NumbersIconCont {
        background-color: #ffffff !important;
        border: 1.5px solid #bce6e1 !important;
        /* Visible light mint border around each card div */
        border-radius: 16px !important;
        padding: 32px 20px 28px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        min-height: 200px !important;
        margin-bottom: 16px !important;
    }

    .NumbersIconCont:hover,
    .plx-stat-card:hover,
    #HomeTop3Statistics .NumbersIconCont:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    }

    .plx-stat-icon-badge {
        width: 62px !important;
        height: 62px !important;
        background-color: #fde8f0 !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 auto 16px !important;
    }

    .plx-stat-dollar-icon {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #e93182 !important;
        line-height: 1 !important;
    }

    .NumbersIconCont p.titleNumber,
    .plx-stat-card .titleNumber,
    #HomeTop3Statistics .titleNumber,
    .choose-content .titleNumber,
    .plx-stat-number,
    .plx-stat-val {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 29px !important;
        font-weight: 800 !important;
        color: #e93182 !important;
        text-align: center !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        line-height: 1.2 !important;
        display: inline-block !important;
    }

    .NumbersIconCont p:not(.titleNumber),
    .plx-stat-card .stat-desc,
    #HomeTop3Statistics .choose-content p,
    .choose-content p:not(.titleNumber) {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #555555 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.5 !important;
    }

    @media only screen and (max-width: 768px) {

        #HomeTop3Statistics,
        .choose-area {
            padding: 45px 15px 50px 15px !important;
        }

        .plx-stats-title,
        #HomeTop3Statistics h2,
        #HomeTop3Statistics #FeaturedInTitle,
        #HomeTop3Statistics #FeaturedInTitle22 {
            font-size: 32px !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
            margin-bottom: 30px !important;
        }

        .NumbersIconCont p.titleNumber,
        .plx-stat-card .titleNumber,
        #HomeTop3Statistics .titleNumber,
        .choose-content .titleNumber,
        .plx-stat-number,
        .plx-stat-val {
            font-size: 40px !important;
        }

        .NumbersIconCont p:not(.titleNumber),
        .plx-stat-card .stat-desc,
        #HomeTop3Statistics .choose-content p {
            font-size: 16px !important;
        }
    }

    /* ==========================================================================
   FORCED SECTION 3 (POCKETS SECTION) STYLING & HOVER PULL-UP EFFECT
   ========================================================================== */
    .biologyTopPocketsWhite,
    .biologyTopPocketsDark,
    .BiologyTopPocketsWhite,
    .BiologyTopPocketsDark,
    .chemistryTopPocketsWhite,
    .chemistryTopPocketsDark,
    .ChemistryTopPocketsWhite,
    .ChemistryTopPocketsDark,
    .physicsTopPocketsWhite,
    .physicsTopPocketsDark,
    .PhysicsTopPocketsWhite,
    .PhysicsTopPocketsDark {
        background-color: #ffffff !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        border-radius: 16px !important;
        padding: 32px 28px !important;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04) !important;
        margin-bottom: 24px !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        position: relative !important;
        z-index: 1 !important;
    }

    .biologyTopPocketsWhite,
    .BiologyTopPocketsWhite,
    .chemistryTopPocketsWhite,
    .ChemistryTopPocketsWhite,
    .physicsTopPocketsWhite,
    .PhysicsTopPocketsWhite {
        min-height: 190px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
    }

    /* Hover Pull-Up Effect */
    .biologyTopPocketsWhite:hover,
    .biologyTopPocketsDark:hover,
    .BiologyTopPocketsWhite:hover,
    .BiologyTopPocketsDark:hover,
    .chemistryTopPocketsWhite:hover,
    .chemistryTopPocketsDark:hover,
    .ChemistryTopPocketsWhite:hover,
    .ChemistryTopPocketsDark:hover,
    .physicsTopPocketsWhite:hover,
    .physicsTopPocketsDark:hover,
    .PhysicsTopPocketsWhite:hover,
    .PhysicsTopPocketsDark:hover {
        transform: translateY(-8px) !important;
        box-shadow: 0 12px 30px rgba(0, 0, 0, 0.09) !important;
        z-index: 2 !important;
    }

    /* Pocket Title: 24px */
    .biologyTopPocketsWhite h2,
    .biologyTopPocketsWhite h3,
    .biologyTopPocketsWhite h4,
    .biologyTopPocketsDark h2,
    .biologyTopPocketsDark h3,
    .biologyTopPocketsDark h4,
    .BiologyTopPocketsWhite h2,
    .BiologyTopPocketsWhite h3,
    .BiologyTopPocketsWhite h4,
    .BiologyTopPocketsDark h2,
    .BiologyTopPocketsDark h3,
    .BiologyTopPocketsDark h4,
    .chemistryTopPocketsWhite h2,
    .chemistryTopPocketsWhite h3,
    .chemistryTopPocketsWhite h4,
    .chemistryTopPocketsDark h2,
    .chemistryTopPocketsDark h3,
    .chemistryTopPocketsDark h4,
    .ChemistryTopPocketsWhite h2,
    .ChemistryTopPocketsWhite h3,
    .ChemistryTopPocketsWhite h4,
    .ChemistryTopPocketsDark h2,
    .ChemistryTopPocketsDark h3,
    .ChemistryTopPocketsDark h4,
    .physicsTopPocketsWhite h2,
    .physicsTopPocketsWhite h3,
    .physicsTopPocketsWhite h4,
    .physicsTopPocketsDark h2,
    .physicsTopPocketsDark h3,
    .physicsTopPocketsDark h4,
    .PhysicsTopPocketsWhite h2,
    .PhysicsTopPocketsWhite h3,
    .PhysicsTopPocketsWhite h4,
    .PhysicsTopPocketsDark h2,
    .PhysicsTopPocketsDark h3,
    .PhysicsTopPocketsDark h4 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 24px !important;
        font-weight: 700 !important;
        color: #231a44 !important;
        margin-bottom: 16px !important;
        line-height: 1.4 !important;
    }

    /* Pocket Paragraph / List Content: 20px */
    .biologyTopPocketsWhite p,
    .biologyTopPocketsWhite li,
    .biologyTopPocketsWhite .Textlist,
    .biologyTopPocketsDark p,
    .biologyTopPocketsDark li,
    .biologyTopPocketsDark .Textlist,
    .BiologyTopPocketsWhite p,
    .BiologyTopPocketsWhite li,
    .BiologyTopPocketsWhite .Textlist,
    .BiologyTopPocketsDark p,
    .BiologyTopPocketsDark li,
    .BiologyTopPocketsDark .Textlist,
    .chemistryTopPocketsWhite p,
    .chemistryTopPocketsWhite li,
    .chemistryTopPocketsWhite .Textlist,
    .chemistryTopPocketsDark p,
    .chemistryTopPocketsDark li,
    .chemistryTopPocketsDark .Textlist,
    .ChemistryTopPocketsWhite p,
    .ChemistryTopPocketsWhite li,
    .ChemistryTopPocketsWhite .Textlist,
    .ChemistryTopPocketsDark p,
    .ChemistryTopPocketsDark li,
    .ChemistryTopPocketsDark .Textlist,
    .physicsTopPocketsWhite p,
    .physicsTopPocketsWhite li,
    .physicsTopPocketsWhite .Textlist,
    .physicsTopPocketsDark p,
    .physicsTopPocketsDark li,
    .physicsTopPocketsDark .Textlist,
    .PhysicsTopPocketsWhite p,
    .PhysicsTopPocketsWhite li,
    .PhysicsTopPocketsWhite .Textlist,
    .PhysicsTopPocketsDark p,
    .PhysicsTopPocketsDark li,
    .PhysicsTopPocketsDark .Textlist {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 200 !important;
        color: #000000 !important;
        line-height: 1.6 !important;
    }

    /* ==========================================================================
   BULLET LIST & POCKET BOTTOM PADDING REDESIGN
   ========================================================================== */
    .biologyTopPocketsDark,
    .BiologyTopPocketsDark,
    .chemistryTopPocketsDark,
    .ChemistryTopPocketsDark,
    .physicsTopPocketsDark,
    .PhysicsTopPocketsDark {
        padding-bottom: 36px !important;
    }

    .plx-bullet-list,
    .biologyTopPocketsDark ul,
    .BiologyTopPocketsDark ul,
    .chemistryTopPocketsDark ul,
    .ChemistryTopPocketsDark ul,
    .physicsTopPocketsDark ul,
    .PhysicsTopPocketsDark ul {
        list-style: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin: 16px 0 0 0 !important;
    }

    .plx-bullet-list li,
    .biologyTopPocketsDark ul li,
    .BiologyTopPocketsDark ul li,
    .chemistryTopPocketsDark ul li,
    .ChemistryTopPocketsDark ul li,
    .physicsTopPocketsDark ul li,
    .PhysicsTopPocketsDark ul li {
        position: relative !important;
        padding-right: 24px !important;
        padding-left: 0 !important;
        margin-bottom: 12px !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 200 !important;
        color: #000000 !important;
        line-height: 1.6 !important;
    }

    .plx-bullet-list li::before,
    .biologyTopPocketsDark ul li::before,
    .BiologyTopPocketsDark ul li::before,
    .chemistryTopPocketsDark ul li::before,
    .ChemistryTopPocketsDark ul li::before,
    .physicsTopPocketsDark ul li::before,
    .PhysicsTopPocketsDark ul li::before {
        content: "•" !important;
        position: absolute !important;
        right: 0 !important;
        top: 0 !important;
        font-size: 22px !important;
        color: #000000 !important;
        line-height: 1.4 !important;
    }

    .biologyTopPocketsWhite p.plx-pocket-subtitle,
    .biologyTopPocketsDark p.plx-pocket-subtitle,
    .BiologyTopPocketsWhite p.plx-pocket-subtitle,
    .BiologyTopPocketsDark p.plx-pocket-subtitle,
    .chemistryTopPocketsWhite p.plx-pocket-subtitle,
    .chemistryTopPocketsDark p.plx-pocket-subtitle,
    .ChemistryTopPocketsWhite p.plx-pocket-subtitle,
    .ChemistryTopPocketsDark p.plx-pocket-subtitle,
    .physicsTopPocketsWhite p.plx-pocket-subtitle,
    .physicsTopPocketsDark p.plx-pocket-subtitle,
    .PhysicsTopPocketsWhite p.plx-pocket-subtitle,
    .PhysicsTopPocketsDark p.plx-pocket-subtitle,
    p.plx-pocket-subtitle,
    .plx-pocket-subtitle {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 300 !important;
        color: #000000 !important;
        margin-bottom: 16px !important;
        line-height: 1.5 !important;
    }

    /* ==========================================================================
   SECTION 4 CLIENT LOGOS DESKTOP STYLING
   ========================================================================== */
    @media only screen and (min-width: 768px) {

        .plx-clients-img-dt,
        img.FeaturedInDiv.DisplayInDeskTopOnly.plx-clients-img-dt {
            width: 740px !important;
            min-width: 740px !important;
            max-width: 100% !important;
            height: auto !important;
            display: block !important;
            margin-left: auto !important;
            margin-right: auto !important;
            margin-top: 30px !important;
        }
    }

    /* ==========================================================================
   SECTION 6 THREE BIG CTAS REDESIGN & HOVER EFFECT
   ========================================================================== */
    .NewThreeCTA,
    .plx-three-cta-sec {
        background-color: #f0faf9 !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .plx-three-cta-title,
    #NewThreeCTAh2 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 40px !important;
        font-weight: 800 !important;
        color: #231a44 !important;
        text-align: center !important;
        margin-bottom: 12px !important;
    }

    .plx-three-cta-subtitle {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        color: #666666 !important;
        text-align: center !important;
        margin-bottom: 36px !important;
        line-height: 1.6 !important;
    }

    .ExprementsThreeCTAButton {
        background: linear-gradient(180deg, #3fa0df 0%, #1ab6a2 100%) !important;
        border: 2px solid transparent !important;
        border-radius: 16px !important;
        padding: 36px 20px !important;
        margin: 0 !important;
        text-align: center !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 22px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        min-height: 220px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        position: relative !important;
    }

    .ExprementsThreeCTAButton img {
        width: 65px !important;
        height: auto !important;
        margin-bottom: 12px !important;
        transition: transform 0.3s ease !important;
    }

    .ExprementsThreeCTAButton .plx-cta-text,
    .ExprementsThreeCTAButton {
        color: #ffffff !important;
    }

    /* Hover Effect: Solid white card with teal border, teal text, pulled up */
    .ExprementsThreeCTAButton:hover {
        background: #ffffff !important;
        border: 2px solid #1ab6a2 !important;
        color: #1ab6a2 !important;
        transform: translateY(-8px) !important;
        box-shadow: 0 16px 36px rgba(26, 182, 162, 0.18) !important;
    }

    .ExprementsThreeCTAButton:hover .plx-cta-text {
        color: #1ab6a2 !important;
    }

    /* Hover Icon Swap (_Up version) */
    .ExprementsThreeCTAButton .plx-icon-hover {
        display: none !important;
    }

    .ExprementsThreeCTAButton .plx-icon-normal {
        display: inline-block !important;
    }

    .ExprementsThreeCTAButton:hover .plx-icon-normal {
        display: none !important;
    }

    .ExprementsThreeCTAButton:hover .plx-icon-hover {
        display: inline-block !important;
    }

    .NewExpremintsAwardsSec h2,
    #AwardsH2Chemistry,
    #AwardsH2Chemistry span {
        color: #e93182 !important;
    }

    /* ==========================================================================
   TESTIMONIALS SECTION STANDARDIZED TYPOGRAPHY & CAROUSEL DOTS
   ========================================================================== */
    /* 1. Testimonials Quote Body Text: 22px */
    .bodyTestimonials p,
    .bodyTestimonials p:not(.TestimonialsName22),
    .TestimonialCont3 .bodyTestimonials p:not(.TestimonialsName22),
    .TestimonialCont3 .bodyTestimonials p {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 22px !important;
        font-weight: 300 !important;
        color: #222222 !important;
        line-height: 1.65 !important;
    }

    /* 2. Name of the Professor: 21px, Bold 700, Blue */
    .TestimonialsName22,
    .bodyTestimonials .TestimonialsName22,
    .bodyTestimonials p.TestimonialsName22,
    .TestimonialCont3 .TestimonialsName22 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 21px !important;
        font-weight: 700 !important;
        color: #0076cf !important;
        margin-top: 15px !important;
        margin-bottom: 8px !important;
    }

    /* 3. Professor's Title / University: 18px */
    .bodyTestimonials span,
    .TestimonialCont3 span,
    .bodyTestimonials .TestimonialsTitle22 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 300 !important;
        color: #555555 !important;
        display: block !important;
    }

    /* 4. Carousel Control Dots / Indicators */
    .carousel-indicators22 button,
    .carousel-indicators22 [data-bs-target],
    .carousel-indicators button {
        width: 12px !important;
        height: 12px !important;
        border-radius: 50% !important;
        background-color: #d0d0d0 !important;
        border: none !important;
        opacity: 1 !important;
        margin: 0 4px !important;
        transition: all 0.3s ease !important;
    }

    .carousel-indicators22 button.active,
    .carousel-indicators22 [data-bs-target].active,
    .carousel-indicators button.active,
    .carousel-indicators22 [aria-current="true"] {
        background-color: #15b5a3 !important;
        width: 14px !important;
        height: 14px !important;
        border-radius: 50% !important;
    }

    @media only screen and (max-width: 768px) {

        .bodyTestimonials p,
        .bodyTestimonials p:not(.TestimonialsName22),
        .TestimonialCont3 .bodyTestimonials p:not(.TestimonialsName22),
        .TestimonialCont3 .bodyTestimonials p {
            font-size: 18px !important;
        }

        .plx-three-cta-title,
        #NewThreeCTAh2,
        h2,
        h2 span {
            font-size: 32px !important;
        }

        #HomeTop3Statistics #FeaturedInTitle,
        #HomeTop3Statistics #FeaturedInTitle22,
        #FeaturedInTitle,
        #FeaturedInTitle22,
        span#FeaturedInTitle22 {
            font-size: 32px !important;
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .SugestedTopics .grid-item,
        .SugestedTopics .second-project,
        .SugestedTopics .plx-flip-card,
        .second-project.mb-30,
        .plx-flip-card.mb-30 {
            margin-bottom: 28px !important;
        }

        .NewExpremintsAwardsSec {
            padding-bottom: 10px !important;
            margin-bottom: 10px !important;
        }
    }

    .second-project .s-project-info a,
    .second-project .s-project-info h3 a,
    .second-project .s-project-info .Experimenttitle a,
    .s-project-info a,
    .pranshTitle,
    .plx-branch-title,
    p.pranshTitle,
    p.plx-branch-title,
    .second-project .s-project-info .pranshTitle,
    .second-project .s-project-info .plx-branch-title {
        font-weight: 500 !important;
        margin-top: 0 !important;
    }

    .Experimenttitle,
    .Experimenttitle a,
    .second-project .Experimenttitle a,
    h3.Experimenttitle a {
        font-size: 18px !important;
    }

    /* ==========================================================================
   EXPERIMENTS POCKETS 3D VERTICAL FLIP CARD EFFECT
   ========================================================================== */
    .plx-flip-card {
        perspective: 1000px !important;
        background-color: transparent !important;
        min-height: 280px !important;
        height: 100% !important;
    }

    .plx-flip-card-inner {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 280px !important;
        text-align: right !important;
        transition: transform 0.6s cubic-bezier(0.4, 0.2, 0.2, 1) !important;
        transform-style: preserve-3d !important;
        border-radius: 16px !important;
    }

    /* Horizontal 180deg rotation on hover/rollover */
    .plx-flip-card:hover .plx-flip-card-inner,
    .second-project:hover .plx-flip-card-inner {
        transform: rotateY(180deg) !important;
    }

    /* Common style for Front and Back */
    .plx-flip-card-front,
    .plx-flip-card-back {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        border-radius: 16px !important;
        overflow: hidden !important;
    }

    /* Front Side (Up status: text-align right) */
    .plx-flip-card-front,
    .plx-flip-card-front .s-project-info,
    .plx-flip-card-front .s-project-info *,
    .plx-flip-card-front p,
    .plx-flip-card-front h3 {
        text-align: right !important;
    }

    .plx-flip-card-front {
        background-color: #ffffff !important;
        box-shadow: none !important;
        border: 1px solid rgba(0, 0, 0, 0.08) !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 15px !important;
    }

    /* Back Side: Teal-to-Blue Gradient, pre-rotated 180deg along Y-axis */
    .plx-flip-card-back {
        background: linear-gradient(180deg, #3fa0df 0%, #1ab6a2 100%) !important;
        color: #ffffff !important;
        transform: rotateY(180deg) !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 24px !important;
        box-shadow: none !important;
    }

    .plx-flip-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .plx-flip-title {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 22px !important;
        font-weight: 700 !important;
        color: #ffffff !important;
        margin: 0 !important;
        line-height: 1.4 !important;
    }

    .plx-flip-category {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        color: rgba(255, 255, 255, 0.95) !important;
        margin: 0 !important;
    }

    .plx-flip-btn {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 700 !important;
        color: #1ab6a2 !important;
        background-color: #ffffff !important;
        border: none !important;
        border-radius: 12px !important;
        padding: 12px 32px !important;
        margin-top: 6px !important;
        text-decoration: none !important;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12) !important;
        transition: transform 0.2s ease, box-shadow 0.2s ease !important;
        display: inline-block !important;
    }

    .plx-flip-btn:hover {
        color: #1ab6a2 !important;
        background-color: #ffffff !important;
        transform: scale(1.05) !important;
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18) !important;
    }

    /* Force Remove box-shadow from .second-project */
    .second-project,
    .second-project:hover,
    .plx-flip-card,
    .plx-flip-card-inner,
    .plx-flip-card-front,
    .plx-flip-card-back,
    div.second-project {
        box-shadow: none !important;
    }

    /* Paragraphs directly underneath H2 / Section Title & CTA Section Subtitles */
    h2+p,
    .CTAArea p,
    .lastCTABiologyExpriment p,
    .CTAENDSECTION22222 p,
    .plx-three-cta-subtitle,
    .CTAArea h2+p {
        font-size: 22px !important;
    }

    /* CTAENDSECTION22222 Gradient & Typography */
    .CTAENDSECTION22222 {
        background: rgb(16, 52, 127) !important;
        background: linear-gradient(94deg, rgb(11 107 189) 5%, rgb(11 142 114) 60%) !important;
    }

    .CTAENDSECTION22222 h2,
    .CTAENDSECTION22222 p,
    .CTAArea h2,
    .CTAArea p,
    .lastCTABiologyExpriment h2,
    .lastCTABiologyExpriment p {
        color: #ffffff !important;
        text-align: center !important;
    }

    @media only screen and (min-width: 992px) {

        .CTAArea.lastCTABiologyExpriment,
        .lastCTABiologyExpriment {
            padding-left: 50px !important;
            margin-left: 0 !important;
        }
    }

    /* ==========================================================================
   CHEMISTRY EXPERIMENTS PAGE OVERRIDES & STYLING (RIGHT & CENTER LAYOUTS)
   ========================================================================== */

    /* 1. Hero Banner Background */
    .NewChemistryExpremintBannerContentCenter {
        background-image: url('../img/Chemistry_Expriments_Banner_DT.webp') !important;
        background-size: 135%;
        background-position: right top;
        background-repeat: no-repeat;
        min-height: 720px;
        margin-left: 10px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }

    @media only screen and (min-width: 992px) {
        .NewChemistryExpremintBannerContentCenter {
            background-image: url('../img/Chemistry_Expriments_Banner_DT.webp') !important;
            background-size: 135% !important;
            background-position: right top !important;
            height: 780px !important;
            max-height: 780px !important;
            min-height: 780px !important;
        }
    }

    @media only screen and (max-width: 991px) {

        .NewChemistryExpremintBannerContentCenter,
        body .NewChemistryExpremintBannerContentCenter,
        div.NewChemistryExpremintBannerContentCenter,
        html[dir="rtl"] .NewChemistryExpremintBannerContentCenter {
            background-image: url('../img/Chemistry_Expriments_Banner_Mob.jpg') !important;
            background-size: 100% 100% !important;
            background-position: top center !important;
            background-repeat: no-repeat !important;
            height: 1550px !important;
            min-height: 1550px !important;
            max-height: none !important;
            width: 100% !important;
            left: 0 !important;
            right: 0 !important;
            margin-left: 0 !important;
        }
    }

    /* 2. Testimonials Carousel Section Background */
    #CarouselContainerSection5_New_5 {
        background-image: url('../img/Chemistry_EX_testimonials_BG_Mob.jpg') !important;
        min-height: 570px;
        margin-bottom: 0;
        background-position: bottom;
        background-size: auto 100%;
    }

    @media (max-width: 768px) {
        #CarouselContainerSection5_New_5 {
            background-position: bottom !important;
            background-size: auto 100% !important;
            min-height: 570px !important;
            background-image: url('../img/Chemistry_EX_testimonials_BG_Mob.jpg') !important;
        }

        #CarouselContainerSection5_New_5 h2 {
            font-size: 24px !important;
            text-align: center !important;
        }
    }

    /* 3. Testimonial Item Background */
    .TestimonialCont3_CN {
        margin-left: auto;
        margin-right: auto;
        border-radius: 9px;
        margin-top: 0px;
        background-image: url('../img/Chemistry_EX_testimonials_Box_DT.png') !important;
        background-repeat: no-repeat;
        background-position: center left;
        margin-bottom: 20px;
        padding-bottom: 10px;
        background-size: 100% auto;
        min-height: 780px;
        padding: 100px;
        padding-top: 0px;
        max-width: 66%;
    }

    .TestimonialCont3_CN .bodyTestimonials p:not(.TestimonialsName22),
    .TestimonialCont3_CN .bodyTestimonials p {
        font-size: 18px !important;
        font-weight: bold !important;
        line-height: 1.8 !important;
    }

    .TestimonialCont3_CN .TestimonialsName22 {
        font-size: 20px !important;
        font-weight: bold !important;
    }

    .TestimonialCont3_CN span,
    .TestimonialCont3_CN p {
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    @media (max-width: 768px) {
        .TestimonialCont3_CN {
            background-image: url('../img/Chemistry_testimonials_Box_Mob2.webp') !important;
            min-height: 920px !important;
            padding: 10px !important;
            padding-top: 0px !important;
            max-width: 100% !important;
            background-position: center left !important;
            padding-bottom: 10px !important;
        }
    }

    /* 4. Statistics Section Background & Inheritance */
    #HomeTop3StatisticsChemistry,
    section#HomeTop3StatisticsChemistry {
        background-color: #f4f0fa !important;
        padding: 60px 0 70px 0 !important;
        margin-top: 0 !important;
        position: relative !important;
        z-index: 5 !important;
        width: 100% !important;
        display: block !important;
    }

    #HomeTop3StatisticsChemistry h2,
    #HomeTop3StatisticsChemistry #FeaturedInTitle,
    #HomeTop3StatisticsChemistry #FeaturedInTitle22 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 32px !important;
        font-weight: 800 !important;
        color: #e93182 !important;
        text-align: center !important;
        margin-bottom: 40px !important;
        line-height: 1.4 !important;
    }

    #HomeTop3StatisticsChemistry .NumbersIconCont,
    #HomeTop3StatisticsChemistry .plx-stat-card {
        background-color: #ffffff !important;
        border: 1.5px solid #dcd0f0 !important;
        border-radius: 16px !important;
        padding: 32px 20px 28px !important;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
        min-height: 200px !important;
        margin-bottom: 16px !important;
        width: auto !important;
        height: auto !important;
    }

    #HomeTop3StatisticsChemistry .NumbersIconCont:hover,
    #HomeTop3StatisticsChemistry .plx-stat-card:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
    }

    #HomeTop3StatisticsChemistry .titleNumber,
    #HomeTop3StatisticsChemistry .plx-stat-number,
    #HomeTop3StatisticsChemistry .plx-stat-val {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 29px !important;
        font-weight: 800 !important;
        color: #e93182 !important;
        text-align: center !important;
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        padding: 0 !important;
        line-height: 1.2 !important;
        display: inline-block !important;
    }

    #HomeTop3StatisticsChemistry .choose-content p,
    #HomeTop3StatisticsChemistry p:not(.titleNumber) {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        color: #555555 !important;
        text-align: center !important;
        margin: 0 !important;
        padding: 0 !important;
        line-height: 1.5 !important;
    }

    @media (max-width: 768px) {
        #HomeTop3StatisticsChemistry {
            margin-top: 0px !important;
            padding: 40px 0 50px 0 !important;
        }

        #HomeTop3StatisticsChemistry h2,
        #HomeTop3StatisticsChemistry #FeaturedInTitle,
        #HomeTop3StatisticsChemistry #FeaturedInTitle22 {
            font-size: 24px !important;
        }

        #HomeTop3StatisticsChemistry .titleNumber {
            font-size: 24px !important;
        }

        #HomeTop3StatisticsChemistry .choose-content p {
            font-size: 16px !important;
        }
    }

    /* 5. Three CTA Section for Chemistry */
    .NewThreeCTAChemistry,
    .plx-three-cta-sec-chemistry {
        background-color: #f4f0fa !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .NewThreeCTAChemistry .plx-three-cta-title,
    .NewThreeCTAChemistry #NewThreeCTAh2,
    .plx-three-cta-sec-chemistry .plx-three-cta-title,
    .plx-three-cta-sec-chemistry #NewThreeCTAh2 {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 40px !important;
        font-weight: 800 !important;
        color: #231a44 !important;
        text-align: center !important;
        margin-bottom: 12px !important;
    }

    .NewThreeCTAChemistry .plx-three-cta-subtitle,
    .plx-three-cta-sec-chemistry .plx-three-cta-subtitle {
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        color: #666666 !important;
        text-align: center !important;
        margin-bottom: 36px !important;
        line-height: 1.6 !important;
    }

    .ExprementsThreeCTAButtonChemistry {
        background: linear-gradient(180deg, rgba(70, 20, 145, 1) 0%, rgba(171, 39, 118, 1) 100%) !important;
        border: 2px solid transparent !important;
        border-radius: 16px !important;
        padding: 36px 20px !important;
        margin: 0 !important;
        text-align: center !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 22px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        min-height: 220px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        position: relative !important;
    }

    .ExprementsThreeCTAButtonChemistry img {
        width: 65px !important;
        height: auto !important;
        margin-bottom: 12px !important;
        transition: transform 0.3s ease !important;
    }

    .ExprementsThreeCTAButtonChemistry .plx-cta-text {
        color: #ffffff !important;
    }

    .ExprementsThreeCTAButtonChemistry:hover {
        background: #ffffff !important;
        border: 2px solid #ab2776 !important;
        color: #ab2776 !important;
        transform: translateY(-8px) !important;
        box-shadow: 0 16px 36px rgba(171, 39, 118, 0.25) !important;
    }

    .ExprementsThreeCTAButtonChemistry:hover .plx-cta-text {
        color: #ab2776 !important;
    }

    .ExprementsThreeCTAButtonChemistry .plx-icon-hover {
        display: none !important;
    }

    .ExprementsThreeCTAButtonChemistry .plx-icon-normal {
        display: inline-block !important;
    }

    .ExprementsThreeCTAButtonChemistry:hover .plx-icon-normal {
        display: none !important;
    }

    .ExprementsThreeCTAButtonChemistry:hover .plx-icon-hover {
        display: inline-block !important;
    }

    /* 7. Chemistry Flip Card Back Gradient & CTA Button Override */
    .ChemistryLayout .plx-flip-card-back,
    body.ChemistryLayout .plx-flip-card-back {
        background: linear-gradient(180deg, rgba(70, 20, 145, 1) 0%, rgba(171, 39, 118, 1) 100%) !important;
    }

    .ChemistryLayout .plx-flip-btn,
    body.ChemistryLayout .plx-flip-btn,
    .ChemistryLayout .plx-flip-btn:hover,
    body.ChemistryLayout .plx-flip-btn:hover {
        color: #ab2776 !important;
    }

    /* 8. Hero Banner Second CTA Button (اطلب عرض سعر) Hover Color for Chemistry */
    .ChemistryLayout .banner-cta-quote:hover,
    body.ChemistryLayout .banner-cta-quote:hover {
        background-color: #ffffff !important;
        color: #ab2776 !important;
        border-color: #ffffff !important;
        box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
    }

    /* 9. Testimonials Carousel Rotating Active Dot Color for Chemistry */
    .ChemistryTestimonialsSection .carousel-indicators22 button.active,
    .ChemistryTestimonialsSection .carousel-indicators22 [data-bs-target].active,
    .ChemistryLayout .carousel-indicators22 button.active,
    .ChemistryLayout .carousel-indicators22 [data-bs-target].active,
    .ChemistryLayout .carousel-indicators22 [aria-current="true"],
    .ChemistryTestimonialsSection .owl-dots .owl-dot.active span,
    .ChemistryTestimonialsSection .owl-dots .owl-dot:hover span,
    .ChemistryLayout .owl-dots .owl-dot.active span,
    .ChemistryLayout .owl-dots .owl-dot:hover span,
    #CarouselContainerSection5_New_5 .owl-dots .owl-dot.active span,
    #CarouselContainerSection5_New_5 .owl-dots .owl-dot:hover span {
        background-color: #ab2776 !important;
        background: #ab2776 !important;
    }

    /* 10. FAQ Accordion Active Question Header Background Color for Chemistry */
    .ChemistryFAQAccordion .accordion-button:not(.collapsed),
    .ChemistryLayout .accordion-button:not(.collapsed) {
        background-color: #f4f0fa !important;
        color: #ab2776 !important;
        box-shadow: inset 0 -1px 0 rgba(171, 39, 118, 0.15) !important;
    }

    .ChemistryFAQAccordion .accordion-button:not(.collapsed)::after,
    .ChemistryLayout .accordion-button:not(.collapsed)::after {
        filter: hue-rotate(120deg) saturate(1.5) !important;
    }

    /* 11. Modern SVG Testimonial Carousel Control Arrows (Biology & Chemistry) */
    .carousel-control-prev,
    .carousel-control-next {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        aspect-ratio: 1 / 1 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        opacity: 1 !important;
        z-index: 10 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .carousel-control-prev-icon55,
    .carousel-control-next-icon55 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        min-height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        aspect-ratio: 1 / 1 !important;
        flex-shrink: 0 !important;
        border-radius: 50% !important;
        background-color: #ffffff !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: 24px 24px !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12) !important;
        border: 1.5px solid rgba(0, 0, 0, 0.06) !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    /* Biology Theme Default Arrows (Teal #15b5a3) */
    .carousel-control-next-icon55,
    .BiologyLayout .carousel-control-next-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315b5a3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
        border-color: rgba(21, 181, 163, 0.25) !important;
    }

    .carousel-control-prev-icon55,
    .BiologyLayout .carousel-control-prev-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315b5a3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
        border-color: rgba(21, 181, 163, 0.25) !important;
    }

    /* Biology Arrow Hover State */
    .carousel-control-next:hover .carousel-control-next-icon55,
    .carousel-control-prev:hover .carousel-control-prev-icon55,
    .carousel-control-next-icon55:hover,
    .carousel-control-prev-icon55:hover,
    .BiologyLayout .carousel-control-next:hover .carousel-control-next-icon55,
    .BiologyLayout .carousel-control-prev:hover .carousel-control-prev-icon55 {
        background-color: #15b5a3 !important;
        box-shadow: 0 6px 18px rgba(21, 181, 163, 0.35) !important;
        transform: scale(1.08) !important;
    }

    .carousel-control-next:hover .carousel-control-next-icon55,
    .BiologyLayout .carousel-control-next:hover .carousel-control-next-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
    }

    .carousel-control-prev:hover .carousel-control-prev-icon55,
    .BiologyLayout .carousel-control-prev:hover .carousel-control-prev-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
    }

    /* Chemistry Theme Arrows (Magenta #ab2776) */
    .ChemistryLayout .carousel-control-next-icon55,
    .ChemistryTestimonialsSection .carousel-control-next-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab2776' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
        border-color: rgba(171, 39, 118, 0.25) !important;
    }

    .ChemistryLayout .carousel-control-prev-icon55,
    .ChemistryTestimonialsSection .carousel-control-prev-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab2776' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
        border-color: rgba(171, 39, 118, 0.25) !important;
    }

    /* Chemistry Arrow Hover State */
    .ChemistryLayout .carousel-control-next:hover .carousel-control-next-icon55,
    .ChemistryLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
    .ChemistryTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55,
    .ChemistryTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55 {
        background-color: #ab2776 !important;
        box-shadow: 0 6px 18px rgba(171, 39, 118, 0.35) !important;
        transform: scale(1.08) !important;
    }

    .ChemistryLayout .carousel-control-next:hover .carousel-control-next-icon55,
    .ChemistryTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
    }

    .ChemistryLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
    .ChemistryTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
    }

    /* Mobile Responsiveness (< 768px) - Strictly enforce perfect round shape without stretching */
    @media only screen and (max-width: 768px) {

        .carousel-control-prev,
        .carousel-control-next {
            width: 38px !important;
            height: 38px !important;
            min-width: 38px !important;
            min-height: 38px !important;
            max-width: 38px !important;
            max-height: 38px !important;
            aspect-ratio: 1 / 1 !important;
        }

        .carousel-control-prev-icon55,
        .carousel-control-next-icon55 {
            width: 38px !important;
            height: 38px !important;
            min-width: 38px !important;
            min-height: 38px !important;
            max-width: 38px !important;
            max-height: 38px !important;
            aspect-ratio: 1 / 1 !important;
            background-size: 18px 18px !important;
            flex-shrink: 0 !important;
        }
    }

    /* ==========================================================================
   Physics Theme Rules & Overrides
   ========================================================================== */

    /* 1. Hero Banner Desktop & Mobile Background */
    .NewPhysicsExpremintBannerContentCenter,
    .PhysicsExpremintBannerContentCenter,
    body .NewPhysicsExpremintBannerContentCenter,
    body .PhysicsExpremintBannerContentCenter,
    div.NewPhysicsExpremintBannerContentCenter,
    div.PhysicsExpremintBannerContentCenter,
    html[dir="rtl"] .NewPhysicsExpremintBannerContentCenter,
    html[dir="rtl"] .PhysicsExpremintBannerContentCenter {
        background-image: url('../img/Physics_Expriments_Banner_DT.webp') !important;
        background-size: cover !important;
        background-position: top center !important;
        background-repeat: no-repeat !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: -1 !important;
        height: 780px !important;
        min-height: 780px !important;
        margin-left: 0 !important;
    }

    @media only screen and (max-width: 991px) {

        .NewPhysicsExpremintBannerContentCenter,
        .PhysicsExpremintBannerContentCenter,
        body .NewPhysicsExpremintBannerContentCenter,
        body .PhysicsExpremintBannerContentCenter,
        div.NewPhysicsExpremintBannerContentCenter,
        div.PhysicsExpremintBannerContentCenter,
        html[dir="rtl"] .NewPhysicsExpremintBannerContentCenter,
        html[dir="rtl"] .PhysicsExpremintBannerContentCenter {
            background-image: url('../img/Physics_Expriments_Banner_Mob.webp') !important;
            background-size: 100% 100% !important;
            background-position: top center !important;
            background-repeat: no-repeat !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            z-index: -1 !important;
            height: 1550px !important;
            min-height: 1550px !important;
            max-height: none !important;
            width: 100% !important;
            margin-left: 0 !important;
        }
    }

    /* 2. Second Hero CTA Button Hover Color for Physics */
    .PhysicsLayout .banner-cta-quote:hover,
    body.PhysicsLayout .banner-cta-quote:hover {
        background-color: #ffffff !important;
        color: #3b82f6 !important;
        border-color: #ffffff !important;
        box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
    }

    /* 3. Statistics Section for Physics */
    #HomeTop3StatisticsPhysics,
    section#HomeTop3StatisticsPhysics,
    .PhysicsLayout #HomeTop3StatisticsPhysics,
    .PhysicsLayout .choose-area,
    .PhysicsLayout section.choose-area {
        background-color: #f0f5fa !important;
        background: #f0f5fa !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    #HomeTop3StatisticsPhysics .NumbersIconCont {
        background-color: #ffffff !important;
        border: 1.5px solid #d0d8f0 !important;
        border-radius: 16px !important;
        padding: 32px 20px 28px !important;
        min-height: 200px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    }

    #HomeTop3StatisticsPhysics .NumbersIconCont:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0 10px 25px rgba(59, 130, 246, 0.12) !important;
    }

    /* 4. Three CTA Section for Physics */
    .NewThreeCTAPhysics,
    .plx-three-cta-sec-physics {
        background-color: #f0f4fa !important;
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .NewThreeCTAPhysics h2,
    .plx-three-cta-sec-physics h2 {
        color: #162035 !important;
    }

    .NewThreeCTAPhysics p,
    .plx-three-cta-sec-physics p {
        color: #666666 !important;
    }

    .ExprementsThreeCTAButtonPhysics {
        background: linear-gradient(180deg, rgba(88, 192, 249, 1) 0%, rgba(89, 54, 161, 1) 100%) !important;
        border: 2px solid transparent !important;
        border-radius: 16px !important;
        padding: 36px 20px !important;
        margin: 0 !important;
        text-align: center !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 22px !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        min-height: 220px !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08) !important;
        transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
        cursor: pointer !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 16px !important;
        position: relative !important;
    }

    .ExprementsThreeCTAButtonPhysics img {
        width: 65px !important;
        height: auto !important;
        margin-bottom: 12px !important;
        transition: transform 0.3s ease !important;
    }

    .ExprementsThreeCTAButtonPhysics:hover {
        background: #ffffff !important;
        border-color: #3b82f6 !important;
        color: #3b82f6 !important;
        transform: translateY(-8px) !important;
        box-shadow: 0 16px 36px rgba(59, 130, 246, 0.18) !important;
    }

    .ExprementsThreeCTAButtonPhysics .plx-cta-text {
        color: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        transition: color 0.3s ease !important;
    }

    .ExprementsThreeCTAButtonPhysics:hover .plx-cta-text {
        color: #3b82f6 !important;
    }

    .ExprementsThreeCTAButtonPhysics .plx-icon-hover {
        display: none !important;
    }

    .ExprementsThreeCTAButtonPhysics .plx-icon-normal {
        display: inline-block !important;
    }

    .ExprementsThreeCTAButtonPhysics:hover .plx-icon-normal {
        display: none !important;
    }

    .ExprementsThreeCTAButtonPhysics:hover .plx-icon-hover {
        display: inline-block !important;
    }

    /* 5. Flip Card Back Gradient & CTA Button Color for Physics */
    .PhysicsLayout .plx-flip-card-back,
    body.PhysicsLayout .plx-flip-card-back {
        background: linear-gradient(180deg, rgba(88, 192, 249, 1) 0%, rgba(89, 54, 161, 1) 100%) !important;
    }

    .PhysicsLayout .plx-flip-btn,
    body.PhysicsLayout .plx-flip-btn,
    .PhysicsLayout .plx-flip-btn:hover,
    body.PhysicsLayout .plx-flip-btn:hover {
        color: #3b82f6 !important;
    }

    /* 6. Testimonials Section for Physics */
    #CarouselContainerSection6_New_6 {
        background-image: url('../img/Physics_testimonials_ImgBG333.jpg') !important;
        min-height: 570px !important;
        margin-bottom: 60px !important;
        background-position: center bottom !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }

    @media (max-width: 768px) {
        #CarouselContainerSection6_New_6 {
            background-size: cover !important;
            background-position: center bottom !important;
            min-height: 570px !important;
        }
    }

    .TestimonialCont3_PN {
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 9px !important;
        margin-top: 0px !important;
        background-image: url('../img/Physics_testimonials_Box2_DT.webp') !important;
        background-repeat: no-repeat !important;
        background-position: center left !important;
        margin-bottom: 20px !important;
        padding-bottom: 10px !important;
        background-size: 100% auto !important;
        min-height: 780px !important;
        padding: 100px !important;
        padding-top: 0px !important;
        max-width: 66% !important;
    }

    .TestimonialCont3_PN .bodyTestimonials p:not(.TestimonialsName22),
    .TestimonialCont3_PN .bodyTestimonials p {
        font-size: 18px !important;
        font-weight: bold !important;
        line-height: 1.8 !important;
    }

    .TestimonialCont3_PN .TestimonialsName22 {
        font-size: 20px !important;
        font-weight: bold !important;
        color: #3b82f6 !important;
    }

    .TestimonialCont3_PN span,
    .TestimonialCont3_PN p {
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    @media (max-width: 768px) {
        .TestimonialCont3_PN {
            background-image: url('../img/Physics_testimonials_Box2_Mob.webp') !important;
            min-height: 920px !important;
            padding: 10px !important;
            padding-top: 0px !important;
            max-width: 100% !important;
            background-position: center left !important;
            padding-bottom: 10px !important;
        }
    }

    .PhysicsTestimonialsSection .carousel-indicators22 button.active,
    .PhysicsTestimonialsSection .carousel-indicators22 [data-bs-target].active,
    .PhysicsLayout .carousel-indicators22 button.active,
    .PhysicsLayout .carousel-indicators22 [data-bs-target].active,
    .PhysicsLayout .carousel-indicators22 [aria-current="true"],
    .PhysicsTestimonialsSection .owl-dots .owl-dot.active span,
    .PhysicsTestimonialsSection .owl-dots .owl-dot:hover span,
    .PhysicsLayout .owl-dots .owl-dot.active span,
    .PhysicsLayout .owl-dots .owl-dot:hover span,
    #CarouselContainerSection6_New_6 .owl-dots .owl-dot.active span,
    #CarouselContainerSection6_New_6 .owl-dots .owl-dot:hover span {
        background-color: #3b82f6 !important;
        background: #3b82f6 !important;
    }

    /* 7. Modern SVG Carousel Arrows for Physics */
    .PhysicsLayout .carousel-control-next-icon55,
    .PhysicsTestimonialsSection .carousel-control-next-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
        border-color: rgba(59, 130, 246, 0.25) !important;
    }

    .PhysicsLayout .carousel-control-prev-icon55,
    .PhysicsTestimonialsSection .carousel-control-prev-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
        border-color: rgba(59, 130, 246, 0.25) !important;
    }

    .PhysicsLayout .carousel-control-next:hover .carousel-control-next-icon55,
    .PhysicsLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
    .PhysicsTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55,
    .PhysicsTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55 {
        background-color: #3b82f6 !important;
        box-shadow: 0 6px 18px rgba(59, 130, 246, 0.35) !important;
        transform: scale(1.08) !important;
    }

    .PhysicsLayout .carousel-control-next:hover .carousel-control-next-icon55,
    .PhysicsTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
    }

    .PhysicsLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
    .PhysicsTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55 {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
    }

    /* 8. FAQ Accordion for Physics */
    .PhysicsFAQAccordion .accordion-button:not(.collapsed),
    .PhysicsLayout .accordion-button:not(.collapsed) {
        background-color: #f0f4fa !important;
        color: #3b82f6 !important;
        box-shadow: inset 0 -1px 0 rgba(59, 130, 246, 0.15) !important;
    }

    .PhysicsFAQAccordion .accordion-button:not(.collapsed)::after,
    .PhysicsLayout .accordion-button:not(.collapsed)::after {
        filter: hue-rotate(200deg) saturate(1.5) !important;
    }

    /* 9. Final CTA Image Width on Desktop for Physics */
    @media (min-width: 992px) {

        .CTAENDSECTION22222zPP img,
        .CTAENDSECTION22222zPP .col-lg-6 img {
            width: 60% !important;
            height: auto !important;
        }
    }

    /* ==========================================================================
   SIMULATIONS CATALOG PAGE — HERO, SEARCH PANEL & 3D FLIP CARDS
   ========================================================================== */

    /* 1. Hero Section & Background */
    .plx-simulations-hero-section {
        width: 100% !important;
        background-image: linear-gradient(180deg, #63175c 0%, #6c28b0 100%) !important;
        background-attachment: fixed !important;
        background-size: 1920px 900px !important;
        background-position: center top !important;
        padding: 80px 96px 56px !important;
        box-sizing: border-box !important;
        text-align: center !important;
        position: relative !important;
        overflow: hidden !important;
        font-family: 'Tajawal', sans-serif !important;
    }

    .plx-simulations-hero-section::before {
        content: '' !important;
        position: absolute !important;
        inset: 0px !important;
        background: radial-gradient(at 30% 20%, rgba(255, 255, 255, 0.1), transparent 55%) !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .plx-simulations-hero-content {
        position: relative !important;
        z-index: 2 !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
    }

    /* 2. Hero H1 Title */
    .plx-simulations-hero-section .plx-h1,
    .plx-simulations-hero-section h1 {
        color: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 40px !important;
        font-weight: 700 !important;
        margin: 80px 0px 20px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        text-shadow: none !important;
    }

    /* 3. Hero Subtitle */
    .plx-simulations-hero-section .plx-subtitle-h1,
    .plx-simulations-hero-section p.plx-subtitle-h1 {
        color: #f0e6ee !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 200 !important;
        max-width: 820px !important;
        margin: 0px auto 36px !important;
        line-height: 1.7 !important;
        text-align: center !important;
        text-shadow: none !important;
        padding: 0 !important;
    }

    /* 4. Search Panel Container */
    .plx-hero-panel-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 16px !important;
        max-width: 1100px !important;
        margin: 0px auto !important;
        background: rgba(255, 255, 255, 0.5) !important;
        border: 0.5px solid rgba(255, 255, 255, 0.1) !important;
        padding: 10px !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        align-items: center !important;
    }

    /* 5. Search Panel Dropdowns */
    .plx-select-control,
    .plx-hero-panel-wrapper select.plx-select-control,
    .plx-select {
        flex: 1 1 0% !important;
        min-width: 220px !important;
        padding: 16px 16px 16px 44px !important;
        border: none !important;
        border-radius: 8px !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        color: #000000 !important;
        background-color: #ffffff !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        height: auto !important;
        outline: none !important;
    }

    /* 6. Search Input Wrapper & Input Field */
    .plx-search-input-wrapper {
        flex: 1.4 1 0% !important;
        min-width: 220px !important;
        position: relative !important;
        display: flex !important;
        align-items: center !important;
    }

    .plx-search-input,
    .plx-search-input-wrapper input.plx-search-input {
        width: 100% !important;
        padding: 16px 44px !important;
        border: none !important;
        border-radius: 8px !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        color: #3d1b3a !important;
        background-color: #ffffff !important;
        box-sizing: border-box !important;
        text-align: right !important;
        outline: none !important;
    }

    .plx-search-input::placeholder {
        color: #4a4552 !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        font-family: 'Tajawal', sans-serif !important;
    }

    .plx-search-icon-svg {
        position: absolute !important;
        left: 18px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        stroke: #7a2d6b !important;
        pointer-events: none !important;
    }

    /* 7. Results Counter Line */
    .plx-results-counter-line {
        color: #f0e6ee !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 200 !important;
        margin: 24px auto 0px !important;
        max-width: 1100px !important;
        text-align: center !important;
    }

    /* 8. Pockets 3-Column Grid Section */
    .plx-pockets-section {
        padding: 40px clamp(16px, 3vw, 56px) 80px !important;
        background: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .plx-pockets-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important;
        gap: clamp(24px, 2vw, 36px) !important;
        max-width: 1600px !important;
        width: 100% !important;
        margin: 0px auto !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    @media (max-width: 1199.98px) and (min-width: 768px) {
        .plx-pockets-grid {
            grid-template-columns: repeat(2, 1fr) !important;
        }
    }

    /* 9. Card Shape & 3D Flip Mechanics */
    .exp-pocket,
    .plx-flip-outer {
        height: 500px !important;
        perspective: 1200px !important;
        box-sizing: border-box !important;
    }

    .exp-pocket__inner,
    .plx-flip-inner {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        transition: transform 0.6s !important;
        transform-style: preserve-3d !important;
    }

    .exp-pocket:hover .exp-pocket__inner,
    .plx-flip-outer:hover .plx-flip-inner {
        transform: rotateY(180deg) !important;
    }

    .exp-pocket__front,
    .exp-pocket__back,
    .plx-flip-front,
    .plx-flip-back {
        position: absolute !important;
        inset: 0 !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
        box-shadow: 0px 16px 40px rgba(34, 26, 46, 0.14) !important;
    }

    /* 10. Card Front Face */
    .exp-pocket__front,
    .plx-flip-front {
        border: 1px solid #ece7f0 !important;
        padding: 22px !important;
        display: flex !important;
        flex-direction: column !important;
        background: #ffffff !important;
    }

    .exp-pocket__front-img,
    .plx-flip-front img,
    .plx-flip-front image-slot {
        width: 100% !important;
        height: 240px !important;
        flex-shrink: 0 !important;
        border-radius: 12px !important;
        object-fit: cover !important;
    }

    .exp-pocket__front-info,
    .plx-flip-front .plx-card-info {
        padding: 24px 4px 0px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .exp-pocket__category,
    .plx-flip-front .plx-card-category {
        color: #E0356F !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        line-height: 1.6 !important;
        margin-bottom: 16px !important;
        display: block !important;
    }

    .exp-pocket__title,
    .plx-flip-front .plx-card-title {
        color: #000000 !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    /* 11. Card Back Face */
    .exp-pocket__back,
    .plx-flip-back {
        transform: rotateY(180deg) !important;
        background: linear-gradient(160deg, #7B2A80, #C22F5E) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 32px !important;
        text-align: center !important;
    }

    .exp-pocket__back .exp-pocket__category {
        display: none !important;
    }

    .exp-pocket__back .exp-pocket__title,
    .plx-flip-back .plx-card-title {
        color: #ffffff !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        margin-bottom: 24px !important;
        line-height: 1.4 !important;
    }

    .exp-pocket__cta,
    .plx-cta-invert-pink,
    .plx-flip-back .plx-cta-invert-pink {
        background: #ffffff !important;
        color: #c22f5e !important;
        border: none !important;
        font-family: 'Tajawal', sans-serif !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        padding: 12px 28px !important;
        border-radius: 8px !important;
        cursor: pointer !important;
        text-decoration: none !important;
        display: inline-block !important;
        transition: background 0.2s, color 0.2s !important;
    }

    .exp-pocket__cta:hover,
    .exp-pocket__cta:active,
    .plx-cta-invert-pink:hover,
    .plx-cta-invert-pink:active {
        background: linear-gradient(135deg, #ff5f96, #e0356f) !important;
        color: #ffffff !important;
    }

    /* ==========================================================================
   SIMULATIONS CATALOG PAGE — MOBILE RESPONSIVE (< 768px)
   ========================================================================== */
    @media (max-width: 767.98px) {
        .plx-simulations-hero-section,
        .plx-hero-content-wrap {
            padding: 10px 12px 26px !important;
            text-align: center !important;
        }

        .plx-simulations-hero-section .plx-h1,
        .plx-simulations-hero-section h1 {
            font-size: 26px !important;
            font-weight: 700 !important;
            margin: 40px 0px 14px !important;
            line-height: 1.35 !important;
        }

        .plx-simulations-hero-section .plx-subtitle-h1,
        .plx-simulations-hero-section p.plx-subtitle-h1,
        .plx-subtitle-h1 {
            font-size: 20px !important;
            font-weight: 200 !important;
            line-height: 1.6 !important;
            margin: 0px auto 24px !important;
            padding: 0 10px !important;
            text-align: center !important;
            display: block !important;
            width: 100% !important;
        }

        .plx-hero-panel-wrapper {
            flex-direction: column !important;
            gap: 12px !important;
            padding: 12px !important;
            border-radius: 14px !important;
            width: 100% !important;
        }

        .plx-select-control,
        .plx-hero-panel-wrapper select.plx-select-control,
        .plx-select {
            font-size: 16px !important;
            font-weight: 400 !important;
            padding: 14px 16px 14px 38px !important;
            width: 100% !important;
            min-width: 0 !important;
            flex: none !important;
        }

        .plx-search-input-wrapper {
            width: 100% !important;
            min-width: 0 !important;
            flex: none !important;
        }

        .plx-search-input,
        .plx-search-input-wrapper input.plx-search-input {
            font-size: 16px !important;
            font-weight: 400 !important;
            padding: 14px 40px !important;
            width: 100% !important;
        }

        .plx-search-input::placeholder {
            color: #000000 !important;
            font-size: 16px !important;
            font-weight: 400 !important;
        }

        .plx-results-counter-line {
            font-size: 20px !important;
            font-weight: 200 !important;
            margin: 18px auto 0px !important;
            text-align: center !important;
            display: block !important;
            width: 100% !important;
        }

        .plx-pockets-section {
            padding: 24px 16px 48px !important;
        }

        .plx-pockets-grid {
            grid-template-columns: 1fr !important;
            max-width: 440px !important;
            gap: 24px !important;
            margin: 0 auto !important;
        }

        .exp-pocket,
        .plx-flip-outer {
            height: 520px !important;
        }

        .exp-pocket__front,
        .plx-flip-front {
            padding: 19px 16px !important;
        }

        .exp-pocket__category,
        .plx-flip-front .plx-card-category {
            font-size: 14px !important;
            font-weight: 500 !important;
            line-height: 1.5 !important;
            margin-bottom: 12px !important;
        }

        .exp-pocket__title,
        .plx-flip-front .plx-card-title {
            font-size: 17px !important;
            font-weight: 600 !important;
            line-height: 1.3 !important;
        }
    }

/* ===== AR Chemistry Redesign v2 — new classes only, do not edit existing rules above ===== */

/* -------------------------------------------------------------
   Typography System — Scoped classes
   ------------------------------------------------------------- */

/* Breadcrumb: 16px / 200 */
.plx-ar-chem-v2__breadcrumb,
.plx-ar-chem-v2__breadcrumb a,
.plx-ar-chem-v2__breadcrumb span {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 200 !important;
}

.Breacrumb .Breacrumb-current,
.Breacrumb span:not(.Breacrumb-sep) {
    color: #FFF !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    display: inline-block !important;
}

/* H1 (title): 40px / 700, lh 1.25 */
.plx-ar-chem-v2__h1,
h1.plx-ar-chem-v2__h1 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

/* Category tag: 20px / 200, color #ff84ba */
.plx-ar-chem-v2__category-tag,
h2.plx-ar-chem-v2__category-tag,
.BiologyExpremintBannerCenterH1 h2.plx-ar-chem-v2__category-tag,
body.CenterLayout .BiologyExpremintBannerCenterH1 h2.plx-ar-chem-v2__category-tag,
html[dir="rtl"] body .BiologyExpremintBannerCenterH1 h2.plx-ar-chem-v2__category-tag {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    color: #ff84ba !important;
}

/* CTA buttons (all): 20px / 700 */
.plx-ar-chem-v2__cta-btn,
a.plx-ar-chem-v2__cta-btn,
button.plx-ar-chem-v2__cta-btn,
input[type="button"].plx-ar-chem-v2__cta-btn {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* "As featured in" heading: 34px / 700 */
.plx-ar-chem-v2__featured-heading,
h2.plx-ar-chem-v2__featured-heading {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
}

/* All H2: 34px / 700, line-height 1.38 */
h2,
.plx-h2,
#FeaturedInTitle,
#FeaturedInTitle22,
#NewThreeCTAh2,
#FAQh2,
.WhyPraxilabs_FeaturedInTitle,
.CTAENDSECTION22222z h2,
.plx-ar-chem-v2__h2,
h2.plx-ar-chem-v2__h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

/* Pockets H2: 24px / 700 */
.biologyTopPocketsWhite h2,
.biologyTopPocketsWhite h2.plx-ar-chem-v2__h2,
.biologyTopPocketsWhite .plx-ar-chem-v2__h2,
.biologyTopPocketsWhite.WideMode h2,
.biologyTopPocketsWhite.WideMode h2.plx-ar-chem-v2__h2,
.biologyTopPocketsDark h2,
.biologyTopPocketsDark h2.plx-ar-chem-v2__h2,
.biologyTopPocketsDark .plx-ar-chem-v2__h2,
.BiologyTopPocketsWhite h2,
.BiologyTopPocketsWhite h2.plx-ar-chem-v2__h2,
.BiologyTopPocketsWhite .plx-ar-chem-v2__h2,
.BiologyTopPocketsDark h2,
.BiologyTopPocketsDark h2.plx-ar-chem-v2__h2,
.BiologyTopPocketsDark .plx-ar-chem-v2__h2,
.ChemistryTopPocketsWhite h2,
.ChemistryTopPocketsDark h2,
.ChemistryLayout .biologyTopPocketsWhite h2,
.ChemistryLayout .biologyTopPocketsDark h2,
body.ChemistryLayout .biologyTopPocketsWhite h2,
body.ChemistryLayout .biologyTopPocketsDark h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

/* Card H3: 24px / 600 */
.plx-ar-chem-v2__card-h3,
h3.plx-ar-chem-v2__card-h3 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 24px !important;
    font-weight: 600 !important;
}

/* Body / list text: 20px / 200, lh 1.5 */
.plx-ar-chem-v2__body,
p.plx-ar-chem-v2__body,
li.plx-ar-chem-v2__body {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.5 !important;
}

/* Theory / lede paragraphs: 20px / 200, lh 1.6 */
.plx-ar-chem-v2__lede,
p.plx-ar-chem-v2__lede {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

/* Stats Section Heading: 34px / 800 */
#HomeTop3StatisticsChemistry h2,
#HomeTop3StatisticsChemistry #FeaturedInTitle,
#HomeTop3StatisticsChemistry #FeaturedInTitle22 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #000 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    line-height: 1.4 !important;
}

/* Stat number: 38px / 800 */
.plx-ar-chem-v2__stat-number {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 38px !important;
    font-weight: 800 !important;
}

/* Stat label: 22px / 500 */
.plx-ar-chem-v2__stat-label {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

/* Testimonial quote: 18px / 200, lh 1.8 */
.plx-ar-chem-v2__testimonial-quote,
.TestimonialCont3_CN .bodyTestimonials p:not(.TestimonialsName22),
.TestimonialCont3_CN .bodyTestimonials p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.8 !important;
}

/* Testimonial name/role: 20px / 500 */
.plx-ar-chem-v2__testimonial-meta {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

/* Three CTA Section: H2 34px / 700, Subtitle 22px / 200 */
.NewThreeCTAChemistry .plx-three-cta-title,
.NewThreeCTAChemistry #NewThreeCTAh2,
.NewThreeCTAChemistry h2,
.plx-three-cta-sec-chemistry .plx-three-cta-title,
.plx-three-cta-sec-chemistry #NewThreeCTAh2,
.plx-three-cta-sec-chemistry h2,
#NewThreeCTAh2,
.plx-three-cta-title {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

.NewThreeCTAChemistry .plx-three-cta-subtitle,
.NewThreeCTAChemistry p.plx-three-cta-subtitle,
.plx-three-cta-sec-chemistry .plx-three-cta-subtitle,
.plx-three-cta-sec-chemistry p.plx-three-cta-subtitle,
.plx-three-cta-subtitle {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

/* Path card label: 22px / 600 */
.plx-ar-chem-v2__path-card-label {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
}

/* Related-lab tag: 18px / 200, lh 1.5 */
.pranshTitle,
.plx-branch-title,
p.pranshTitle,
p.plx-branch-title,
.second-project .s-project-info .pranshTitle,
.second-project .s-project-info .plx-branch-title,
.plx-ar-chem-v2__related-lab-tag {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
}

/* Related-lab title: 20px / 600 */
.second-project .s-project-info h3 a,
.second-project .s-project-info .Experimenttitle a,
.s-project-info h3 a,
.plx-ar-chem-v2__related-lab-title,
.plx-ar-chem-v2__related-lab-title a,
h3.Experimenttitle.plx-ar-chem-v2__related-lab-title,
h3.Experimenttitle.plx-ar-chem-v2__related-lab-title a,
.ChemistryLayout .Experimenttitle a,
.ChemistryLayout h3.Experimenttitle a,
body.ChemistryLayout .Experimenttitle a,
body.ChemistryLayout h3.Experimenttitle a {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

/* -------------------------------------------------------------
   FAQ Section Styling (Clean Dividers, 20px Q / 22px A, Active Purple +/-)
   ------------------------------------------------------------- */
.ChemistryFAQAccordion,
.ChemistryLayout .accordion {
    border: none !important;
    background: transparent !important;
}

.ChemistryFAQAccordion .accordion-item,
.ChemistryLayout .accordion-item {
    background-color: transparent !important;
    border: none !important;
    border-top: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
}

.ChemistryFAQAccordion .accordion-item:last-child,
.ChemistryLayout .accordion-item:last-child {
    border-bottom: 1px solid #e8e8e8 !important;
}

.ChemistryFAQAccordion .accordion-header,
.ChemistryLayout .accordion-header {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

.ChemistryFAQAccordion .accordion-button,
.ChemistryLayout .accordion-button,
.plx-ar-chem-v2__faq-question {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #231a44 !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 24px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
}

.ChemistryFAQAccordion .accordion-button strong,
.ChemistryLayout .accordion-button strong,
.plx-ar-chem-v2__faq-question strong {
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #231a44 !important;
}

.ChemistryFAQAccordion .accordion-button:not(.collapsed),
.ChemistryLayout .accordion-button:not(.collapsed) {
    color: #231a44 !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

.ChemistryFAQAccordion .accordion-button:focus,
.ChemistryLayout .accordion-button:focus {
    box-shadow: none !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

/* Plus (+) Icon for Collapsed / Closed status in Active Purple (#ab2776) */
.ChemistryFAQAccordion .accordion-button::after,
.ChemistryLayout .accordion-button::after {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab2776' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    transform: none !important;
    filter: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
}

/* Minus (−) Icon for Expanded / Open status in Active Purple (#ab2776) */
.ChemistryFAQAccordion .accordion-button:not(.collapsed)::after,
.ChemistryLayout .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab2776' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    transform: none !important;
    filter: none !important;
}

/* FAQ Accordion Answer Body: 22px / 200, clean padding & line height */
.ChemistryFAQAccordion .accordion-body,
.ChemistryLayout .accordion-body,
.plx-ar-chem-v2__faq-answer,
.plx-ar-chem-v2__faq-answer p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.8 !important;
    color: #4a4a4a !important;
    background-color: transparent !important;
    background: transparent !important;
    padding: 0 0 28px 0 !important;
    text-align: right !important;
}

.ChemistryFAQAccordion .accordion-body a,
.ChemistryLayout .accordion-body a,
.plx-ar-chem-v2__faq-answer a {
    color: #ab2776 !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------------------
   Hero Banner Gradient (replacing background images)
   ------------------------------------------------------------- */
.plx-ar-chem-v2__hero,
div.plx-ar-chem-v2__hero,
body .plx-ar-chem-v2__hero,
html[dir="rtl"] .plx-ar-chem-v2__hero {
    background-image: none !important;
    background: linear-gradient(135deg, #63175c 0%, #6c28b0 100%) !important;
}

@media only screen and (max-width: 991px) {
    .plx-ar-chem-v2__hero,
    div.plx-ar-chem-v2__hero,
    body .plx-ar-chem-v2__hero,
    html[dir="rtl"] .plx-ar-chem-v2__hero {
        background-image: none !important;
        background: linear-gradient(135deg, #63175c 0%, #6c28b0 100%) !important;
    }
}

/* -------------------------------------------------------------
   Final CTA Section (Remove image, center content)
   ------------------------------------------------------------- */
.plx-ar-chem-v2__final-cta,
section.plx-ar-chem-v2__final-cta {
    background-image: none !important;
    background: linear-gradient(135deg, #63175c 0%, #6c28b0 100%) !important;
    padding: 70px 20px !important;
    text-align: center !important;
}

.plx-ar-chem-v2__final-cta-container {
    max-width: 860px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.plx-ar-chem-v2__final-cta-heading {
    color: #ffffff !important;
    margin-bottom: 16px !important;
    text-align: center !important;
}

.plx-ar-chem-v2__final-cta-text {
    color: #ffffff !important;
    margin-bottom: 28px !important;
    text-align: center !important;
}

.plx-ar-chem-v2__final-cta-btn {
    text-align: center !important;
    margin: 0 auto !important;
}

/* -------------------------------------------------------------
   Card Gradients (Three CTA cards + Flip Card Back)
   Gradient: #7c3178 -> #b03c60 @ 135deg
   ------------------------------------------------------------- */
.plx-ar-chem-v2__three-cta-card,
a.plx-ar-chem-v2__three-cta-card,
.ExprementsThreeCTAButtonChemistry.plx-ar-chem-v2__three-cta-card,
.ExprementsThreeCTAButtonChemistry {
    background: linear-gradient(135deg, #7c3178 0%, #b03c60 100%) !important;
}

/* Three CTA Card Hover State: White background */
.plx-ar-chem-v2__three-cta-card:hover,
a.plx-ar-chem-v2__three-cta-card:hover,
.ExprementsThreeCTAButtonChemistry.plx-ar-chem-v2__three-cta-card:hover,
.ExprementsThreeCTAButtonChemistry:hover {
    background: #ffffff !important;
    background-image: none !important;
    border: 2px solid #ab2776 !important;
    color: #ab2776 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 36px rgba(171, 39, 118, 0.25) !important;
}

.plx-ar-chem-v2__three-cta-card:hover .plx-cta-text,
.ExprementsThreeCTAButtonChemistry.plx-ar-chem-v2__three-cta-card:hover .plx-cta-text,
.ExprementsThreeCTAButtonChemistry:hover .plx-cta-text {
    color: #ab2776 !important;
}

.plx-ar-chem-v2__flip-card-back,
div.plx-ar-chem-v2__flip-card-back,
.ChemistryLayout .plx-flip-card-back.plx-ar-chem-v2__flip-card-back,
body.ChemistryLayout .plx-flip-card-back.plx-ar-chem-v2__flip-card-back {
    background: linear-gradient(135deg, #7c3178 0%, #b03c60 100%) !important;
}

/* -------------------------------------------------------------
   Chemistry Testimonials Carousel Controls (Reversed Status)
   Up: Colored (#ab2776) with white icon
   Hover: White (#ffffff) with colored icon
   ------------------------------------------------------------- */
.ChemistryLayout .carousel-control-prev-icon55,
.ChemistryLayout .carousel-control-next-icon55,
.ChemistryTestimonialsSection .carousel-control-prev-icon55,
.ChemistryTestimonialsSection .carousel-control-next-icon55,
.ChemistryLayout .carousel-control-prev-icon,
.ChemistryLayout .carousel-control-next-icon,
.ChemistryTestimonialsSection .carousel-control-prev-icon,
.ChemistryTestimonialsSection .carousel-control-next-icon {
    background-color: #ab2776 !important;
    border-color: #ab2776 !important;
    box-shadow: 0 4px 14px rgba(171, 39, 118, 0.35) !important;
}

.ChemistryLayout .carousel-control-next-icon55,
.ChemistryTestimonialsSection .carousel-control-next-icon55,
.ChemistryLayout .carousel-control-next-icon,
.ChemistryTestimonialsSection .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
}

.ChemistryLayout .carousel-control-prev-icon55,
.ChemistryTestimonialsSection .carousel-control-prev-icon55,
.ChemistryLayout .carousel-control-prev-icon,
.ChemistryTestimonialsSection .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
}

/* Hover State: White background with colored icon */
.ChemistryLayout .carousel-control-next:hover .carousel-control-next-icon55,
.ChemistryLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
.ChemistryTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55,
.ChemistryTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55,
.ChemistryLayout .carousel-control-next:hover .carousel-control-next-icon,
.ChemistryLayout .carousel-control-prev:hover .carousel-control-prev-icon,
.ChemistryTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon,
.ChemistryTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon,
.ChemistryLayout .carousel-control-next-icon55:hover,
.ChemistryLayout .carousel-control-prev-icon55:hover,
.ChemistryTestimonialsSection .carousel-control-next-icon55:hover,
.ChemistryTestimonialsSection .carousel-control-prev-icon55:hover {
    background-color: #ffffff !important;
    border-color: rgba(171, 39, 118, 0.4) !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.08) !important;
}

.ChemistryLayout .carousel-control-next:hover .carousel-control-next-icon55,
.ChemistryTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55,
.ChemistryLayout .carousel-control-next:hover .carousel-control-next-icon,
.ChemistryTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon,
.ChemistryLayout .carousel-control-next-icon55:hover,
.ChemistryTestimonialsSection .carousel-control-next-icon55:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab2776' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") !important;
}

.ChemistryLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
.ChemistryTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55,
.ChemistryLayout .carousel-control-prev:hover .carousel-control-prev-icon,
.ChemistryTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon,
.ChemistryLayout .carousel-control-prev-icon55:hover,
.ChemistryTestimonialsSection .carousel-control-prev-icon55:hover {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ab2776' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") !important;
}

/* -------------------------------------------------------------
   Awards Section: Desktop Size Only
   ------------------------------------------------------------- */
@media only screen and (min-width: 720px) {
    .NewExpremintsAwardsSec {
        background-image: url(../img/Praxilabs_Awards_New_DT.webp) !important;
        background-size: 50% auto !important;
        background-repeat: no-repeat !important;
        background-position: center bottom !important;
        min-height: 420px !important;
        padding: 50px !important;
        margin-bottom: 70px !important;
        background-color: #FFF !important;
    }
}

@media only screen and (min-width: 992px) {
    .NewExpremintsAwardsSec {
        margin-top: 30px !important;
    }
}

/* -------------------------------------------------------------
   Related Experiments Flip Cards: Box-Shadow & Height Override
   ------------------------------------------------------------- */
.second-project,
.second-project:hover,
.plx-flip-card,
.plx-flip-card-inner,
.plx-flip-card-front,
.plx-flip-card-back,
div.second-project {
    box-shadow: none !important;
    min-height: 372px;
    margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
    .second-project,
    .second-project:hover,
    .plx-flip-card,
    .plx-flip-card-inner,
    .plx-flip-card-front,
    .plx-flip-card-back,
    div.second-project {
        box-shadow: none !important;
        min-height: 372px;
        margin-bottom: 75px !important;
    }
}

/* -------------------------------------------------------------
   bg-light Override
   ------------------------------------------------------------- */
.bg-light {
    background-color: #fff !important;
    margin-top: 35px;
}

/* -------------------------------------------------------------
   SugestedTopicsBigSection: Desktop Size Only (min-height: 1000px)
   ------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
    .SugestedTopicsBigSection,
    div.SugestedTopicsBigSection {
        min-height: 1000px !important;
    }
}

/* -------------------------------------------------------------
   Chemistry Final CTA Button (Desktop & Mobile Unified Up/Hover)
   Up: White background, Pink (#e93182) text, White border
   Hover: Pink (#e93182) background, White text, White border
   ------------------------------------------------------------- */
.CTAENDSECTION22222z .BiologyTopbannerCTA022,
.CTAENDSECTION22222z #SubscribeBtn2,
.plx-ar-chem-v2__final-cta .BiologyTopbannerCTA022,
.plx-ar-chem-v2__final-cta #SubscribeBtn2,
.ChemistryLayout .CTAENDSECTION22222z input[type="button"],
.ChemistryLayout .plx-ar-chem-v2__final-cta input[type="button"],
.ChemistryLayout .BiologyTopbannerCTA022,
body.ChemistryLayout .BiologyTopbannerCTA022,
body.ChemistryLayout #SubscribeBtn2 {
    background-color: #ffffff !important;
    color: #e93182 !important;
    border: 2px solid #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 32px !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    text-align: center !important;
    display: inline-block !important;
}

.CTAENDSECTION22222z .BiologyTopbannerCTA022:hover,
.CTAENDSECTION22222z #SubscribeBtn2:hover,
.plx-ar-chem-v2__final-cta .BiologyTopbannerCTA022:hover,
.plx-ar-chem-v2__final-cta #SubscribeBtn2:hover,
.CTAENDSECTION22222z a:hover .BiologyTopbannerCTA022,
.plx-ar-chem-v2__final-cta a:hover .BiologyTopbannerCTA022,
.ChemistryLayout .CTAENDSECTION22222z input[type="button"]:hover,
.ChemistryLayout .plx-ar-chem-v2__final-cta input[type="button"]:hover,
.ChemistryLayout .BiologyTopbannerCTA022:hover,
body.ChemistryLayout .BiologyTopbannerCTA022:hover,
body.ChemistryLayout #SubscribeBtn2:hover {
    background-color: #e93182 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-2px) !important;
}

/* Banner CTAs Unified */
.ChemistryLayout .banner-cta-demo,
body.ChemistryLayout .banner-cta-demo {
    background-color: #ffffff !important;
    color: #e93182 !important;
    border: 2px solid #ffffff !important;
}

.ChemistryLayout .banner-cta-demo:hover,
body.ChemistryLayout .banner-cta-demo:hover {
    background-color: #e93182 !important;
    color: #ffffff !important;
    border-color: #e93182 !important;
}

.ChemistryLayout .banner-cta-quote,
body.ChemistryLayout .banner-cta-quote {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.ChemistryLayout .banner-cta-quote:hover,
body.ChemistryLayout .banner-cta-quote:hover {
    background-color: #ffffff !important;
    color: #ab2776 !important;
    border-color: #ffffff !important;
}

/* ==========================================================================
   AR BIOLOGY REDESIGN v2 — SCOPED STYLES & TYPOGRAPHY
   ========================================================================== */

/* -------------------------------------------------------------
   Category Tag & Global Subject Elements (20px / 200)
   ------------------------------------------------------------- */
.plx-ar-bio-v2__category-tag,
h2.plx-ar-bio-v2__category-tag,
.BiologyLayout .plx-ar-bio-v2__category-tag,
body.BiologyLayout .BiologyExpremintBannerCenterH1 h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    color: #FFF !important;
}

/* Hero H1: 40px / 700, line-height 1.3 */
.plx-ar-bio-v2__h1,
h1.plx-ar-bio-v2__h1,
.BiologyLayout h1.plx-ar-bio-v2__h1,
body.BiologyLayout .BiologyExpremintBannerCenterH1 h1 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
}

/* Hero Subtitle: 20px / 200, line-height 1.6 */
.plx-ar-bio-v2__hero-sub,
p.plx-ar-bio-v2__hero-sub,
.BiologyLayout .BiologyExpremintBannerCenterH1 p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
}

/* Hero Banner Gradient */
.plx-ar-bio-v2__hero,
div.plx-ar-bio-v2__hero,
body.BiologyLayout .BiologyExpremintBannerContentCenter,
body.BiologyLayout div.BiologyExpremintBannerContentCenter,
html[dir="rtl"] body.BiologyLayout .BiologyExpremintBannerContentCenter {
    background-image: none !important;
    background: linear-gradient(100deg, rgb(74, 143, 221) 0%, rgb(79, 184, 184) 55%, rgb(95, 208, 168) 100%) !important;
}

@media only screen and (max-width: 991px) {
    .plx-ar-bio-v2__hero,
    div.plx-ar-bio-v2__hero,
    body.BiologyLayout .BiologyExpremintBannerContentCenter,
    body.BiologyLayout div.BiologyExpremintBannerContentCenter,
    html[dir="rtl"] body.BiologyLayout .BiologyExpremintBannerContentCenter {
        background-image: none !important;
        background: linear-gradient(100deg, rgb(74, 143, 221) 0%, rgb(79, 184, 184) 55%, rgb(95, 208, 168) 100%) !important;
    }
}

/* -------------------------------------------------------------
   Top Banner CTAs (Demo & Quote)
   ------------------------------------------------------------- */
.BiologyLayout .banner-cta-demo,
body.BiologyLayout .banner-cta-demo {
    background-color: #ffffff !important;
    color: #15b5a3 !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
}

.BiologyLayout .banner-cta-demo:hover,
body.BiologyLayout .banner-cta-demo:hover {
    background-color: #15b5a3 !important;
    color: #ffffff !important;
    border-color: #15b5a3 !important;
    box-shadow: 0 6px 16px rgba(21, 181, 163, 0.35) !important;
}

.BiologyLayout .banner-cta-quote,
body.BiologyLayout .banner-cta-quote {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.BiologyLayout .banner-cta-quote:hover,
body.BiologyLayout .banner-cta-quote:hover {
    background-color: #ffffff !important;
    color: #15b5a3 !important;
    border-color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

/* -------------------------------------------------------------
   Statistics Section (Biology)
   ------------------------------------------------------------- */
.BiologyLayout #HomeTop3Statistics h2,
body.BiologyLayout #HomeTop3Statistics h2,
#HomeTop3Statistics h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #000 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    line-height: 1.4 !important;
}

.plx-ar-bio-v2__stat-number,
.BiologyLayout .plx-ar-bio-v2__stat-number,
.BiologyLayout .titleNumber,
body.BiologyLayout .titleNumber,
.plx-bio-stat-val,
span.plx-bio-stat-val,
.BiologyLayout .plx-bio-stat-val,
.BiologyLayout .plx-stat-val,
body.BiologyLayout .plx-stat-val,
#HomeTop3Statistics .plx-bio-stat-val {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: rgb(18, 184, 114) !important;
    display: inline-block !important;
}

.plx-ar-bio-v2__stat-label {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

/* -------------------------------------------------------------
   Biology Clients / Featured In Heading: 34px, rgb(18, 184, 114)
   ------------------------------------------------------------- */
.plx-bio-featured-heading,
h2.plx-bio-featured-heading,
.plx-bio-featured-heading span,
.plx-bio-featured-heading-text,
span.plx-bio-featured-heading-text {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: rgb(18, 184, 114) !important;
}

/* -------------------------------------------------------------
   Educational Pockets (Biology)
   ------------------------------------------------------------- */
body.BiologyLayout .biologyTopPocketsWhite h2,
body.BiologyLayout .biologyTopPocketsDark h2,
body.BiologyLayout .BiologyTopPocketsWhite h2,
body.BiologyLayout .BiologyTopPocketsDark h2,
.BiologyLayout .plx-ar-bio-v2__h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

.plx-ar-bio-v2__lede,
.BiologyLayout p.plx-ar-bio-v2__lede {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

.plx-ar-bio-v2__body,
.BiologyLayout p.plx-ar-bio-v2__body,
.BiologyLayout li.plx-ar-bio-v2__body {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.5 !important;
}

/* -------------------------------------------------------------
   Testimonials Section & Inverted Carousel Arrows (Biology)
   ------------------------------------------------------------- */
.BiologyTestimonialsSection .bodyTestimonials p:not(.TestimonialsName22),
.BiologyTestimonialsSection .bodyTestimonials p,
.plx-ar-bio-v2__testimonial-quote {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.8 !important;
}

.BiologyTestimonialsSection .TestimonialsName22,
.BiologyTestimonialsSection .bodyTestimonials .TestimonialsName22,
.BiologyTestimonialsSection .bodyTestimonials p.TestimonialsName22,
.BiologyTestimonialsSection .TestimonialCont3 .TestimonialsName22,
.BiologyTestimonialsSection .plx-ar-bio-v2__testimonial-meta,
.BiologyTestimonialsSection .plx-bio-testimonial-meta,
.BiologyTestimonialsSection p.plx-bio-testimonial-meta,
#CarouselContainerSection55 .TestimonialsName22,
#CarouselContainerSection55 .bodyTestimonials .TestimonialsName22,
#CarouselContainerSection55 .bodyTestimonials p.TestimonialsName22,
#CarouselContainerSection55 .TestimonialCont3 .TestimonialsName22,
#CarouselContainerSection55 .plx-bio-testimonial-meta,
.BiologyLayout .bodyTestimonials .TestimonialsName22,
.BiologyLayout .bodyTestimonials p.TestimonialsName22,
.BiologyLayout .TestimonialCont3 .TestimonialsName22,
.BiologyLayout .TestimonialsName22,
.BiologyLayout .plx-bio-testimonial-meta,
body.BiologyLayout .TestimonialCont3 .TestimonialsName22,
body.BiologyLayout .bodyTestimonials .TestimonialsName22,
body.BiologyLayout .bodyTestimonials p.TestimonialsName22,
body.BiologyLayout p.plx-bio-testimonial-meta,
body.BiologyLayout .plx-bio-testimonial-meta,
.plx-ar-bio-v2__testimonial-meta,
.plx-bio-testimonial-meta,
p.plx-bio-testimonial-meta {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: rgb(18, 184, 114) !important;
}

/* Inverted Arrows: Up status = Colored (#15b5a3) with White SVG icon */
.BiologyTestimonialsSection .carousel-control-prev-icon55,
.BiologyTestimonialsSection .carousel-control-next-icon55,
.BiologyLayout .carousel-control-prev-icon55,
.BiologyLayout .carousel-control-next-icon55,
#CarouselContainerSection55 .carousel-control-prev-icon55,
#CarouselContainerSection55 .carousel-control-next-icon55 {
    background-color: #15b5a3 !important;
    border: 2px solid #15b5a3 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 4px 14px rgba(21, 181, 163, 0.4) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    transition: all 0.25s ease-in-out !important;
}

.BiologyTestimonialsSection .carousel-control-prev-icon55,
.BiologyLayout .carousel-control-prev-icon55,
#CarouselContainerSection55 .carousel-control-prev-icon55 {
    transform: rotate(180deg) !important;
}

/* Inverted Arrows: Hover status = White (#ffffff) with Teal SVG icon */
.BiologyTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55,
.BiologyTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55,
.BiologyLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
.BiologyLayout .carousel-control-next:hover .carousel-control-next-icon55,
#CarouselContainerSection55 .carousel-control-prev:hover .carousel-control-prev-icon55,
#CarouselContainerSection55 .carousel-control-next:hover .carousel-control-next-icon55 {
    background-color: #ffffff !important;
    border: 2px solid rgba(21, 181, 163, 0.4) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315b5a3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.08) !important;
}

.BiologyTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55,
.BiologyLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
#CarouselContainerSection55 .carousel-control-prev:hover .carousel-control-prev-icon55 {
    transform: rotate(180deg) scale(1.08) !important;
}

/* -------------------------------------------------------------
   Three CTAs Section (Biology)
   ------------------------------------------------------------- */
.NewThreeCTABiology #NewThreeCTAh2,
.NewThreeCTABiology .plx-three-cta-title,
.BiologyLayout .plx-three-cta-title,
.BiologyLayout #NewThreeCTAh2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

.NewThreeCTABiology .plx-three-cta-subtitle,
.BiologyLayout .plx-three-cta-subtitle {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

/* Three CTA Cards Up Status */
.NewThreeCTABiology .ExprementsThreeCTAButton,
.BiologyLayout .ExprementsThreeCTAButton {
    background: linear-gradient(160deg, rgb(74, 143, 221), rgb(79, 184, 184) 55%, rgb(95, 208, 168)) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Three CTA Cards Hover Status */
.NewThreeCTABiology .ExprementsThreeCTAButton:hover,
.BiologyLayout .ExprementsThreeCTAButton:hover,
.NewThreeCTABiology .plx-cta-card:hover,
.BiologyLayout .plx-cta-card:hover {
    background: #ffffff !important;
    background-image: none !important;
    border: 2px solid #15b5a3 !important;
    color: #15b5a3 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 36px rgba(21, 181, 163, 0.28) !important;
}

.NewThreeCTABiology .ExprementsThreeCTAButton:hover .plx-cta-text,
.BiologyLayout .ExprementsThreeCTAButton:hover .plx-cta-text,
.NewThreeCTABiology .ExprementsThreeCTAButton:hover span,
.BiologyLayout .ExprementsThreeCTAButton:hover span {
    color: #15b5a3 !important;
}

.NewThreeCTABiology .ExprementsThreeCTAButton:hover .plx-icon-default,
.BiologyLayout .ExprementsThreeCTAButton:hover .plx-icon-default {
    display: none !important;
}

.NewThreeCTABiology .ExprementsThreeCTAButton:hover .plx-icon-hover,
.BiologyLayout .ExprementsThreeCTAButton:hover .plx-icon-hover {
    display: block !important;
}

/* -------------------------------------------------------------
   Related Experiments Flip Cards (Biology)
   ------------------------------------------------------------- */
.BiologyLayout .second-project .s-project-info h3 a,
.BiologyLayout .second-project .s-project-info .Experimenttitle a,
.BiologyLayout .Experimenttitle a,
.BiologyLayout h3.Experimenttitle a,
.BiologyLayout .plx-ar-bio-v2__related-lab-title a {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.plx-bio-branch-title,
.BiologyLayout .plx-ar-bio-v2__related-lab-tag,
.BiologyLayout .s-project-info .pranshTitle,
.BiologyLayout .pranshTitle,
body.BiologyLayout .pranshTitle {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    color: rgb(18, 184, 114) !important;
}

/* Card Back Gradient */
.BiologyLayout .plx-flip-card-back {
    background: linear-gradient(160deg, rgb(74, 143, 221), rgb(79, 184, 184) 55%, rgb(95, 208, 168)) !important;
}

/* -------------------------------------------------------------
   Biology Awards Section Heading: 34px, rgb(18, 184, 114)
   ------------------------------------------------------------- */
#AwardsH2Biology,
.plx-bio-awards-heading,
h2.plx-bio-awards-heading,
.BiologyLayout #AwardsH2Biology,
.BiologyLayout .plx-bio-awards-heading,
body.BiologyLayout #AwardsH2Biology,
body.BiologyLayout .plx-bio-awards-heading {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    color: rgb(18, 184, 114) !important;
}

/* -------------------------------------------------------------
   FAQ Accordion Section (Biology)
   ------------------------------------------------------------- */
.BiologyFAQAccordion .accordion-item,
.BiologyLayout .accordion-item {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #e8e8e8 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.BiologyFAQAccordion .accordion-item + .accordion-item,
.BiologyLayout .accordion-item + .accordion-item {
    border-top: none !important;
}

.BiologyFAQAccordion .accordion-header,
.BiologyLayout .accordion-header {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

.BiologyFAQAccordion .accordion-button,
.BiologyLayout .accordion-button,
.plx-ar-bio-v2__faq-question {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #231a44 !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 24px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    text-align: right !important;
}

.BiologyFAQAccordion .accordion-button strong,
.BiologyLayout .accordion-button strong,
.plx-ar-bio-v2__faq-question strong {
    font-family: 'Tajawal', sans-serif !important;
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #231a44 !important;
}

.BiologyFAQAccordion .accordion-button:not(.collapsed),
.BiologyLayout .accordion-button:not(.collapsed) {
    color: #231a44 !important;
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-bottom: none !important;
}

.BiologyFAQAccordion .accordion-button:focus,
.BiologyLayout .accordion-button:focus {
    box-shadow: none !important;
    border-color: transparent !important;
    background-color: transparent !important;
}

/* Plus (+) Icon for Collapsed / Closed status in Active Teal (#15b5a3) */
.BiologyFAQAccordion .accordion-button::after,
.BiologyLayout .accordion-button::after {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315b5a3' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    transform: none !important;
    filter: none !important;
    transition: transform 0.2s ease, opacity 0.2s ease !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
}

/* Minus (−) Icon for Expanded / Open status in Active Teal (#15b5a3) */
.BiologyFAQAccordion .accordion-button:not(.collapsed)::after,
.BiologyLayout .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2315b5a3' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    transform: none !important;
    filter: none !important;
}

/* FAQ Accordion Answer Body: 22px / 200 */
.BiologyFAQAccordion .accordion-body,
.BiologyLayout .accordion-body,
.plx-ar-bio-v2__faq-answer,
.plx-ar-bio-v2__faq-answer p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.8 !important;
    color: #4a4a4a !important;
    background-color: transparent !important;
    background: transparent !important;
    padding: 0 0 28px 0 !important;
    text-align: right !important;
}

.BiologyFAQAccordion .accordion-body a,
.BiologyLayout .accordion-body a,
.plx-ar-bio-v2__faq-answer a {
    color: #15b5a3 !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
}

/* -------------------------------------------------------------
   Final Bottom CTA Section & Button (Biology)
   ------------------------------------------------------------- */
.BiologyLayout .CTAENDSECTION22222,
body.BiologyLayout .CTAENDSECTION22222,
.plx-ar-bio-v2__final-cta,
section.plx-ar-bio-v2__final-cta {
    background-image: none !important;
    background: linear-gradient(100deg, rgb(74, 143, 221) 0%, rgb(79, 184, 184) 55%, rgb(95, 208, 168) 100%) !important;
    padding: 70px 20px !important;
    text-align: center !important;
}

.plx-ar-bio-v2__final-cta-container {
    max-width: 860px !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.plx-ar-bio-v2__final-cta-heading,
.BiologyLayout .CTAENDSECTION22222 h2 {
    color: #ffffff !important;
    margin-bottom: 16px !important;
    text-align: center !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
}

.plx-ar-bio-v2__final-cta-text,
.BiologyLayout .CTAENDSECTION22222 p {
    color: #ffffff !important;
    margin-bottom: 28px !important;
    text-align: center !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
}

.plx-ar-bio-v2__final-cta-btn {
    text-align: center !important;
    margin: 0 auto !important;
}

/* Final CTA Button (Biology Unified Up/Hover) */
.BiologyLayout .CTAENDSECTION22222 .BiologyTopbannerCTA022,
.BiologyLayout .CTAENDSECTION22222 #SubscribeBtn2,
.BiologyLayout .CTAENDSECTION22222 input[type="button"],
.plx-ar-bio-v2__final-cta .BiologyTopbannerCTA022,
.plx-ar-bio-v2__final-cta #SubscribeBtn2,
.plx-ar-bio-v2__final-cta input[type="button"],
body.BiologyLayout .BiologyTopbannerCTA022,
body.BiologyLayout #SubscribeBtn2 {
    background-color: #ffffff !important;
    color: #15b5a3 !important;
    border: 2px solid #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 32px !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    text-align: center !important;
    display: inline-block !important;
}

.BiologyLayout .CTAENDSECTION22222 .BiologyTopbannerCTA022:hover,
.BiologyLayout .CTAENDSECTION22222 #SubscribeBtn2:hover,
.BiologyLayout .CTAENDSECTION22222 input[type="button"]:hover,
.BiologyLayout .CTAENDSECTION22222 a:hover .BiologyTopbannerCTA022,
.plx-ar-bio-v2__final-cta .BiologyTopbannerCTA022:hover,
.plx-ar-bio-v2__final-cta #SubscribeBtn2:hover,
.plx-ar-bio-v2__final-cta input[type="button"]:hover,
.plx-ar-bio-v2__final-cta a:hover .BiologyTopbannerCTA022,
body.BiologyLayout .BiologyTopbannerCTA022:hover,
body.BiologyLayout #SubscribeBtn2:hover {
    background-color: #15b5a3 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-2px) !important;
}

/* ==========================================================================
   AR PHYSICS REDESIGN v2 — SCOPED STYLES & TYPOGRAPHY
   ========================================================================== */

/* -------------------------------------------------------------
   Category Tag & Global Subject Elements (20px / 200 / #FFF)
   ------------------------------------------------------------- */
.plx-ar-phys-v2__category-tag,
h2.plx-ar-phys-v2__category-tag,
.PhysicsLayout .plx-ar-phys-v2__category-tag,
body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter h2,
body.PhysicsLayout .PhysicsExpremintBannerContentCenter h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    color: #FFF !important;
}

/* Hero H1: 40px / 700, line-height 1.3 */
.plx-ar-phys-v2__h1,
h1.plx-ar-phys-v2__h1,
.PhysicsLayout h1.plx-ar-phys-v2__h1,
body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter h1,
body.PhysicsLayout .PhysicsExpremintBannerContentCenter h1 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
}

/* Hero Subtitle: 20px / 200, line-height 1.6 */
.plx-ar-phys-v2__subtitle,
p.plx-ar-phys-v2__subtitle,
.PhysicsLayout p.plx-ar-phys-v2__subtitle,
body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter p,
body.PhysicsLayout .PhysicsExpremintBannerContentCenter p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
}

/* Breadcrumb in Physics Hero */
.PhysicsLayout .Breacrumb,
.PhysicsLayout .plx-ar-phys-v2__breadcrumb,
.PhysicsLayout .Breacrumb span,
.PhysicsLayout .Breacrumb a {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 16px !important;
    font-weight: 200 !important;
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4) !important;
}

/* Hero Background Linear Gradient for Physics */
.PhysicsLayout .NewPhysicsExpremintBannerContentCenter,
.PhysicsLayout .PhysicsExpremintBannerContentCenter,
body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter,
body.PhysicsLayout .PhysicsExpremintBannerContentCenter,
div.NewPhysicsExpremintBannerContentCenter,
div.PhysicsExpremintBannerContentCenter,
html[dir="rtl"] body.PhysicsLayout .PhysicsExpremintBannerContentCenter,
html[dir="rtl"] body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter {
    background: linear-gradient(100deg, rgb(138, 95, 203) 0%, rgb(79, 155, 214) 55%, rgb(63, 184, 219) 100%) !important;
}

@media only screen and (max-width: 991px) {
    .PhysicsLayout .NewPhysicsExpremintBannerContentCenter,
    .PhysicsLayout .PhysicsExpremintBannerContentCenter,
    body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter,
    body.PhysicsLayout .PhysicsExpremintBannerContentCenter,
    div.NewPhysicsExpremintBannerContentCenter,
    div.PhysicsExpremintBannerContentCenter,
    html[dir="rtl"] body.PhysicsLayout .PhysicsExpremintBannerContentCenter,
    html[dir="rtl"] body.PhysicsLayout .NewPhysicsExpremintBannerContentCenter {
        background: linear-gradient(100deg, rgb(138, 95, 203) 0%, rgb(79, 155, 214) 55%, rgb(63, 184, 219) 100%) !important;
    }
}

/* Top Banner CTA Buttons (Physics) */
.PhysicsLayout .banner-cta-demo,
body.PhysicsLayout .banner-cta-demo {
    background-color: #ffffff !important;
    color: #3b82f6 !important;
    border: 2px solid #ffffff !important;
}

.PhysicsLayout .banner-cta-demo:hover,
body.PhysicsLayout .banner-cta-demo:hover {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.35) !important;
}

.PhysicsLayout .banner-cta-quote,
body.PhysicsLayout .banner-cta-quote {
    background-color: transparent !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
}

.PhysicsLayout .banner-cta-quote:hover,
body.PhysicsLayout .banner-cta-quote:hover {
    background-color: #ffffff !important;
    color: #3b82f6 !important;
    border-color: #ffffff !important;
    box-shadow: 0 6px 16px rgba(255, 255, 255, 0.25) !important;
}

/* -------------------------------------------------------------
   Statistics Section (Physics)
   ------------------------------------------------------------- */
.PhysicsLayout #HomeTop3StatisticsPhysics h2,
body.PhysicsLayout #HomeTop3StatisticsPhysics h2,
#HomeTop3StatisticsPhysics h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 800 !important;
    color: #000 !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    line-height: 1.4 !important;
}

.plx-ar-phys-v2__stat-number,
.PhysicsLayout .plx-ar-phys-v2__stat-number,
.PhysicsLayout .titleNumber,
body.PhysicsLayout .titleNumber,
.plx-phys-stat-val,
span.plx-phys-stat-val,
.PhysicsLayout .plx-phys-stat-val,
.PhysicsLayout .plx-stat-val,
body.PhysicsLayout .plx-stat-val,
#HomeTop3StatisticsPhysics .plx-phys-stat-val {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    color: #3b82f6 !important;
    display: inline-block !important;
}

.plx-ar-phys-v2__stat-label {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 500 !important;
}

/* -------------------------------------------------------------
   Physics Clients / Featured In Heading: 34px, #3b82f6
   ------------------------------------------------------------- */
.plx-phys-featured-heading,
h2.plx-phys-featured-heading,
.plx-phys-featured-heading span,
.plx-phys-featured-heading-text,
span.plx-phys-featured-heading-text,
.PhysicsLayout #FeatureInMob #FeaturedInTitle,
.PhysicsLayout #FeatureInMob #FeaturedInTitle span {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #3b82f6 !important;
}

/* -------------------------------------------------------------
   Educational Pockets (Physics)
   ------------------------------------------------------------- */
body.PhysicsLayout .physicsTopPocketsWhite h2,
body.PhysicsLayout .physicsTopPocketsDark h2,
body.PhysicsLayout .PhysicsTopPocketsWhite h2,
body.PhysicsLayout .PhysicsTopPocketsDark h2,
body.PhysicsLayout .biologyTopPocketsWhite h2,
body.PhysicsLayout .biologyTopPocketsDark h2,
.PhysicsLayout .plx-ar-phys-v2__h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: inherit;
}

.PhysicsLayout .plx-pocket-subtitle,
.PhysicsLayout .plx-ar-phys-v2__lede {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

.PhysicsLayout .plx-bullet-list li,
.PhysicsLayout .plx-ar-phys-v2__bullet-list li,
.PhysicsLayout .plx-ar-phys-v2__body {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.5 !important;
}

/* -------------------------------------------------------------
   Testimonials Section & Inverted Carousel Arrows (Physics)
   ------------------------------------------------------------- */
.PhysicsTestimonialsSection .bodyTestimonials p:not(.TestimonialsName22),
.PhysicsTestimonialsSection .bodyTestimonials p,
.PhysicsLayout .bodyTestimonials p:not(.TestimonialsName22),
.PhysicsLayout .bodyTestimonials p,
.TestimonialCont3_PN .bodyTestimonials p:not(.TestimonialsName22),
.TestimonialCont3_PN .bodyTestimonials p,
.plx-ar-phys-v2__testimonial-quote {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.8 !important;
}

.PhysicsTestimonialsSection .TestimonialsName22,
.PhysicsTestimonialsSection .bodyTestimonials .TestimonialsName22,
.PhysicsTestimonialsSection .bodyTestimonials p.TestimonialsName22,
.PhysicsTestimonialsSection .TestimonialCont3_PN .TestimonialsName22,
.PhysicsTestimonialsSection .plx-ar-phys-v2__testimonial-meta,
.PhysicsTestimonialsSection .plx-phys-testimonial-meta,
.PhysicsTestimonialsSection p.plx-phys-testimonial-meta,
#CarouselContainerSection6_New_6 .TestimonialsName22,
#CarouselContainerSection6_New_6 .bodyTestimonials .TestimonialsName22,
#CarouselContainerSection6_New_6 .bodyTestimonials p.TestimonialsName22,
#CarouselContainerSection6_New_6 .TestimonialCont3_PN .TestimonialsName22,
#CarouselContainerSection6_New_6 .plx-phys-testimonial-meta,
.PhysicsLayout .bodyTestimonials .TestimonialsName22,
.PhysicsLayout .bodyTestimonials p.TestimonialsName22,
.PhysicsLayout .TestimonialCont3_PN .TestimonialsName22,
.PhysicsLayout .TestimonialsName22,
.PhysicsLayout .plx-phys-testimonial-meta,
body.PhysicsLayout .TestimonialCont3_PN .TestimonialsName22,
body.PhysicsLayout .bodyTestimonials .TestimonialsName22,
body.PhysicsLayout .bodyTestimonials p.TestimonialsName22,
body.PhysicsLayout p.plx-phys-testimonial-meta,
body.PhysicsLayout .plx-phys-testimonial-meta,
.plx-ar-phys-v2__testimonial-meta,
.plx-phys-testimonial-meta,
p.plx-phys-testimonial-meta {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #3b82f6 !important;
}

/* Inverted Arrows: Up status = Colored (#3b82f6) with White SVG icon */
.PhysicsTestimonialsSection .carousel-control-prev-icon55,
.PhysicsTestimonialsSection .carousel-control-next-icon55,
.PhysicsLayout .carousel-control-prev-icon55,
.PhysicsLayout .carousel-control-next-icon55,
#CarouselContainerSection6_New_6 .carousel-control-prev-icon55,
#CarouselContainerSection6_New_6 .carousel-control-next-icon55 {
    background-color: #3b82f6 !important;
    border: 2px solid #3b82f6 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 4px 14px rgba(59, 130, 246, 0.4) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    opacity: 1 !important;
    transition: all 0.25s ease-in-out !important;
}

.PhysicsTestimonialsSection .carousel-control-prev-icon55,
.PhysicsLayout .carousel-control-prev-icon55,
#CarouselContainerSection6_New_6 .carousel-control-prev-icon55 {
    transform: rotate(180deg) !important;
}

/* Inverted Arrows: Hover status = White (#ffffff) with Blue SVG icon */
.PhysicsTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55,
.PhysicsTestimonialsSection .carousel-control-next:hover .carousel-control-next-icon55,
.PhysicsLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
.PhysicsLayout .carousel-control-next:hover .carousel-control-next-icon55,
#CarouselContainerSection6_New_6 .carousel-control-prev:hover .carousel-control-prev-icon55,
#CarouselContainerSection6_New_6 .carousel-control-next:hover .carousel-control-next-icon55 {
    background-color: #ffffff !important;
    border: 2px solid rgba(59, 130, 246, 0.4) !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    background-size: 16px 16px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15) !important;
    transform: scale(1.08) !important;
}

.PhysicsTestimonialsSection .carousel-control-prev:hover .carousel-control-prev-icon55,
.PhysicsLayout .carousel-control-prev:hover .carousel-control-prev-icon55,
#CarouselContainerSection6_New_6 .carousel-control-prev:hover .carousel-control-prev-icon55 {
    transform: rotate(180deg) scale(1.08) !important;
}

/* -------------------------------------------------------------
   Three CTAs Section (Physics)
   ------------------------------------------------------------- */
.NewThreeCTAPhysics #NewThreeCTAh2,
.NewThreeCTAPhysics .plx-three-cta-title,
.PhysicsLayout .plx-three-cta-title,
.PhysicsLayout #NewThreeCTAh2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
}

.NewThreeCTAPhysics .plx-three-cta-subtitle,
.PhysicsLayout .plx-three-cta-subtitle {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
}

/* Three CTA Cards Up Status */
.NewThreeCTAPhysics .ExprementsThreeCTAButton,
.NewThreeCTAPhysics .ExprementsThreeCTAButtonPhysics,
.PhysicsLayout .ExprementsThreeCTAButtonPhysics,
.PhysicsLayout .ExprementsThreeCTAButton {
    background: linear-gradient(160deg, rgb(123, 91, 192), rgb(63, 143, 214) 55%, rgb(79, 214, 236)) !important;
    border: 2px solid transparent !important;
    color: #ffffff !important;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Three CTA Cards Hover Status */
.NewThreeCTAPhysics .ExprementsThreeCTAButton:hover,
.NewThreeCTAPhysics .ExprementsThreeCTAButtonPhysics:hover,
.PhysicsLayout .ExprementsThreeCTAButtonPhysics:hover,
.PhysicsLayout .ExprementsThreeCTAButton:hover,
.NewThreeCTAPhysics .plx-cta-card:hover,
.PhysicsLayout .plx-cta-card:hover {
    background: #ffffff !important;
    background-image: none !important;
    border: 2px solid #3b82f6 !important;
    color: #3b82f6 !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 16px 36px rgba(59, 130, 246, 0.28) !important;
}

.NewThreeCTAPhysics .ExprementsThreeCTAButtonPhysics:hover .plx-cta-text,
.PhysicsLayout .ExprementsThreeCTAButtonPhysics:hover .plx-cta-text,
.NewThreeCTAPhysics .ExprementsThreeCTAButtonPhysics:hover span,
.PhysicsLayout .ExprementsThreeCTAButtonPhysics:hover span {
    color: #3b82f6 !important;
}

/* -------------------------------------------------------------
   Related Experiments Flip Cards (Physics)
   ------------------------------------------------------------- */
.PhysicsLayout .second-project .s-project-info h3 a,
.PhysicsLayout .second-project .s-project-info .Experimenttitle a,
.PhysicsLayout .Experimenttitle a,
.PhysicsLayout h3.Experimenttitle a,
.PhysicsLayout .plx-ar-phys-v2__related-lab-title a {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}

.plx-phys-branch-title,
.PhysicsLayout .plx-ar-phys-v2__related-lab-tag,
.PhysicsLayout .s-project-info .pranshTitle,
.PhysicsLayout .pranshTitle,
body.PhysicsLayout .pranshTitle {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 18px !important;
    font-weight: 200 !important;
    line-height: 1.5 !important;
    margin-top: 0 !important;
    color: #3b82f6 !important;
}

/* Card Back Gradient */
.PhysicsLayout .plx-flip-card-back,
body.PhysicsLayout .plx-flip-card-back {
    background: linear-gradient(160deg, rgb(123, 91, 192), rgb(63, 143, 214) 55%, rgb(79, 214, 236)) !important;
}

/* -------------------------------------------------------------
   Physics Awards Section Heading: 34px, #3b82f6
   ------------------------------------------------------------- */
#AwardsH2Physics,
.plx-phys-awards-heading,
h2.plx-phys-awards-heading,
.PhysicsLayout #AwardsH2Physics,
.PhysicsLayout .plx-phys-awards-heading,
body.PhysicsLayout #AwardsH2Physics,
body.PhysicsLayout .plx-phys-awards-heading {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.38 !important;
    color: #3b82f6 !important;
}

/* -------------------------------------------------------------
   FAQ Accordion Section (Physics)
   ------------------------------------------------------------- */
.PhysicsFAQAccordion .accordion-item,
.PhysicsLayout .accordion-item {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    border-top: 1px solid #e8e8e8 !important;
    border-bottom: 1px solid #e8e8e8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

.PhysicsFAQAccordion .accordion-item + .accordion-item,
.PhysicsLayout .accordion-item + .accordion-item {
    border-top: none !important;
}

.PhysicsFAQAccordion .accordion-header,
.PhysicsLayout .accordion-header {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
}

.PhysicsFAQAccordion .accordion-button,
.PhysicsLayout .accordion-button,
.PhysicsLayout .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 24px 0 !important;
    color: #231a44 !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    border: none !important;
}

.PhysicsFAQAccordion .accordion-button strong,
.PhysicsLayout .accordion-button strong {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

.PhysicsFAQAccordion .accordion-body,
.PhysicsLayout .accordion-body {
    padding: 0 0 28px 0 !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 22px !important;
    font-weight: 200 !important;
    line-height: 1.8 !important;
    color: #4a4a4a !important;
    background: transparent !important;
}

/* FAQ Plus (+) Icon when Collapsed */
.PhysicsFAQAccordion .accordion-button.collapsed::after,
.PhysicsLayout .accordion-button.collapsed::after,
.PhysicsLayout .accordion-button::after {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='4' x2='12' y2='20'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    transform: none !important;
    filter: none !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    transition: transform 0.2s ease-in-out !important;
}

/* FAQ Minus (−) Icon when Expanded */
.PhysicsFAQAccordion .accordion-button:not(.collapsed)::after,
.PhysicsLayout .accordion-button:not(.collapsed)::after {
    content: "" !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    background-size: 20px 20px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233b82f6' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3C/svg%3E") !important;
    transform: none !important;
    filter: none !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    transition: transform 0.2s ease-in-out !important;
}

/* -------------------------------------------------------------
   Final Bottom CTA Section (Physics)
   ------------------------------------------------------------- */
.CTAENDSECTION22222zPP,
section.CTAENDSECTION22222zPP,
.PhysicsLayout .CTAENDSECTION22222zPP,
body.PhysicsLayout .CTAENDSECTION22222zPP,
body.PhysicsLayout section.CTAENDSECTION22222zPP,
.plx-ar-phys-v2__final-cta {
    background: linear-gradient(100deg, rgb(138, 95, 203) 0%, rgb(79, 155, 214) 55%, rgb(63, 184, 219) 100%) !important;
    position: relative !important;
    padding: 70px 0 !important;
    margin-top: 50px !important;
    overflow: hidden !important;
    display: block !important;
    width: 100% !important;
}

.plx-ar-phys-v2__final-cta-container {
    max-width: 860px !important;
    margin: 0 auto !important;
    text-align: center !important;
    padding: 0 20px !important;
}

.CTAENDSECTION22222zPP h2,
.plx-ar-phys-v2__final-cta-heading,
.PhysicsLayout .CTAENDSECTION22222zPP h2,
body.PhysicsLayout .CTAENDSECTION22222zPP h2 {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    line-height: 1.38 !important;
    margin-bottom: 18px !important;
    text-align: center !important;
}

.CTAENDSECTION22222zPP p,
.plx-ar-phys-v2__final-cta-text,
.PhysicsLayout .CTAENDSECTION22222zPP p,
body.PhysicsLayout .CTAENDSECTION22222zPP p {
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 200 !important;
    line-height: 1.6 !important;
    color: #ffffff !important;
    margin-bottom: 32px !important;
    text-align: center !important;
}

/* Final CTA Button (Physics Desktop & Mobile Unified) */
.PhysicsLayout .CTAENDSECTION22222zPP .PhysicsTopbannerCTA022,
.PhysicsLayout .CTAENDSECTION22222zPP .BiologyTopbannerCTA022,
.PhysicsLayout .CTAENDSECTION22222zPP #SubscribeBtn2,
.PhysicsLayout .CTAENDSECTION22222zPP input[type="button"],
.plx-ar-phys-v2__final-cta .PhysicsTopbannerCTA022,
.plx-ar-phys-v2__final-cta .BiologyTopbannerCTA022,
.plx-ar-phys-v2__final-cta #SubscribeBtn2,
.plx-ar-phys-v2__final-cta input[type="button"],
body.PhysicsLayout .PhysicsTopbannerCTA022,
body.PhysicsLayout .BiologyTopbannerCTA022,
body.PhysicsLayout #SubscribeBtn2 {
    background-color: #ffffff !important;
    color: #3b82f6 !important;
    border: 2px solid #ffffff !important;
    border-radius: 8px !important;
    padding: 14px 32px !important;
    font-family: 'Tajawal', sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.3s ease-in-out !important;
    cursor: pointer !important;
    text-align: center !important;
    display: inline-block !important;
}

.PhysicsLayout .CTAENDSECTION22222zPP .PhysicsTopbannerCTA022:hover,
.PhysicsLayout .CTAENDSECTION22222zPP .BiologyTopbannerCTA022:hover,
.PhysicsLayout .CTAENDSECTION22222zPP #SubscribeBtn2:hover,
.PhysicsLayout .CTAENDSECTION22222zPP input[type="button"]:hover,
.PhysicsLayout .CTAENDSECTION22222zPP a:hover .PhysicsTopbannerCTA022,
.plx-ar-phys-v2__final-cta .PhysicsTopbannerCTA022:hover,
.plx-ar-phys-v2__final-cta .BiologyTopbannerCTA022:hover,
.plx-ar-phys-v2__final-cta #SubscribeBtn2:hover,
.plx-ar-phys-v2__final-cta input[type="button"]:hover,
.plx-ar-phys-v2__final-cta a:hover .PhysicsTopbannerCTA022,
body.PhysicsLayout .PhysicsTopbannerCTA022:hover,
body.PhysicsLayout .BiologyTopbannerCTA022:hover,
body.PhysicsLayout #SubscribeBtn2:hover {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
    transform: translateY(-2px) !important;
}

/* =====================================================================
   PRAX-HOME-001 START — Arabic homepage only. Baseline stored in
   _agent/homepage-001/baseline/header-footer-simulations.css
   Tajawal files are shared; corrected mappings apply to main content only.
   ===================================================================== */
@font-face {font-family:'Tajawal Home';src:url('../fonts/Tajawal-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face {font-family:'Tajawal Home';src:url('../fonts/Tajawal-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;}
.prax-home-page {margin:0!important;background:#fff!important;}
.prax-home-page .phx-newhdr {position:absolute!important;inset:0 0 auto;background:transparent!important;}
.prax-home-page .prax-home-main,.prax-home-page .prax-home-main * {box-sizing:border-box;font-family:'Tajawal Home',Arial,sans-serif!important;letter-spacing:0!important;}
.prax-home-page .prax-home-main {color:#000!important;direction:rtl;text-align:right;}
.prax-home-page .prax-home-main p,.prax-home-page .prax-home-main li {font-size:20px!important;font-weight:400!important;line-height:1.7!important;color:inherit;margin:0;}
.prax-home-page .prax-home-main strong {font-weight:700!important;}
.prax-home-page .prax-home-main img:not(.lazy) {display:block;max-width:100%;height:auto;}
.prax-home-page .prax-home-main [hidden] {display:none!important;}
.prax-home-page .prax-home-container {width:100%;max-width:1320px;margin-inline:auto;padding-inline:24px;}
.prax-home-page .prax-home-section {padding-block:44px 80px;}
.prax-home-page .prax-home-h1 {font-size:38px!important;font-weight:700!important;line-height:1.35!important;text-align:right!important;color:inherit!important;margin:0 0 24px!important;}
.prax-home-page .prax-home-h2 {font-size:36px!important;font-weight:700!important;line-height:1.4!important;text-align:center!important;color:inherit!important;margin:0 0 20px!important;}
.prax-home-page .prax-home-h3 {font-size:22px!important;font-weight:700!important;line-height:1.45!important;color:inherit!important;margin:0 0 16px!important;}
.prax-home-page .prax-home-accent {color:#e0177e!important;}
.prax-home-page .prax-home-lede {font-size:20px!important;font-weight:400!important;line-height:1.7!important;}
.prax-home-page .prax-home-section-lede {max-width:1020px;margin:0 auto 46px!important;text-align:center;}
.prax-home-page .prax-home-grid-3 {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;}
.prax-home-page .prax-home-card {border:1px solid #EFE7F7;background:white;border-radius:18px;padding:32px 28px;box-shadow:0 10px 28px rgba(88,40,140,.08);transition:transform .25s ease,box-shadow .25s ease;color:#000;}
.prax-home-page .prax-home-card:hover {transform:translateY(-4px);box-shadow:0 16px 38px rgba(60,20,90,.14);}
.prax-home-page .prax-home-main .prax-home-card-body {font-size:18px!important;font-weight:400!important;line-height:1.7!important;}
.prax-home-page .prax-home-ctas {display:flex;justify-content:center;align-items:flex-start;gap:16px;margin-top:36px;}
.prax-home-page .prax-home-hero .prax-home-ctas {justify-content:flex-start;}
.prax-home-page .prax-home-cta-group {flex:1;max-width:420px;text-align:center;min-width:0;}
.prax-home-page .prax-home-cta {display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 26px;border:0;border-radius:12px;font-size:20px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;text-align:center;min-height:56px;max-width:100%;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;}
.prax-home-page .prax-home-cta-primary {background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff!important;}
.prax-home-page .prax-home-cta-secondary {background:#fff;color:#e0177e!important;box-shadow:inset 0 0 0 1px #fff;}
.prax-home-page .prax-home-cta-primary:hover {background:#fff;color:#e0177e!important;transform:translateY(-2px);}
.prax-home-page .prax-home-cta-secondary:hover {background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff!important;box-shadow:none;transform:translateY(-2px);}
.prax-home-page .prax-home-main a:focus-visible,.prax-home-page .prax-home-main button:focus-visible,.prax-home-page .prax-home-testimonials:focus-visible {outline:3px solid rgba(124,58,237,.24);outline-offset:2px;}
.prax-home-page .prax-home-hero a:focus-visible,.prax-home-page .prax-home-band a:focus-visible {outline-color:#fff;}
.prax-home-page .prax-home-cta:active {transform:translateY(0);box-shadow:none;}
.prax-home-page .prax-home-main .prax-home-cta-note {font-size:18px!important;font-weight:400!important;line-height:1.6!important;margin-top:12px;}
.prax-home-page .prax-home-stat {text-align:center;padding:30px 20px 26px;}
.prax-home-page .prax-home-stat .prax-home-stat-value {font-size:46px!important;font-weight:700!important;line-height:1.15!important;color:#5B2A8C!important;margin-bottom:12px;}
.prax-home-page .prax-home-stat .prax-home-stat-label {font-size:20px!important;font-weight:400!important;line-height:1.6!important;}
.prax-home-page .prax-home-universities {padding-top:0;}
.prax-home-page .prax-home-logo-strip {display:block;margin-top:44px;}
.prax-home-page .prax-home-logo-strip img {width:100%;}
.prax-home-page .prax-home-feature {text-align:center;}
.prax-home-page .prax-home-feature-icon {width:72px;height:72px!important;object-fit:contain;margin:0 auto 24px;}
.prax-home-page .prax-home-band {background:linear-gradient(135deg,#8A355F 0%,#9A4FA8 26%,#8257CF 58%,#6D58D7 100%);color:#fff;position:relative;isolation:isolate;}
.prax-home-page .prax-home-steps-band::before {content:'';position:absolute;inset:0;background:url('../img/prax-home-ar-bg-abstract_New.jpg') center/cover;opacity:.08;z-index:-1;}
.prax-home-page .prax-home-band-grid {display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:44px;}
.prax-home-page .prax-home-band-grid .prax-home-h2 {text-align:right!important;}
.prax-home-page .prax-home-band-image {width:100%;border-radius:20px;}
.prax-home-page .prax-home-steps-band {padding-bottom:96px;}
.prax-home-page .prax-home-steps {padding-top:48px;}
.prax-home-page .prax-home-step {display:flex;flex-direction:column;align-items:center;text-align:center;}
.prax-home-page .prax-home-step .prax-home-h3 {color:#5b21b6!important;}
.prax-home-page .prax-home-step-number {width:67px;height:74px;display:grid;place-items:center;border-radius:50% 50% 0 50%;background:#e93182;color:#fff;font-size:30px;font-weight:700;margin-bottom:24px;}
.prax-home-page .prax-home-step .prax-home-card-body {margin-bottom:28px;}
.prax-home-page .prax-home-step .prax-home-cta {margin-top:auto;}
.prax-home-page .prax-home-services {margin-top:44px;}
.prax-home-page .prax-home-service {position:relative;padding:0 0 28px;text-align:center;overflow:hidden;}
.prax-home-page .prax-home-service-icon {width:100%;height:auto!important;aspect-ratio:339 / 400;object-fit:fill;margin:0;}
.prax-home-page .prax-home-service .prax-home-h3 {position:absolute;inset-block-start:0;inset-inline:0;padding:28px 24px;background:none;text-align:right!important;}
.prax-home-page .prax-home-service .prax-home-card-body {padding:24px 24px 0;}
.prax-home-page .prax-home-library {position:relative;background-image:url('../img/prax-home-ar-Equepments_bg2.webp');background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;}
.prax-home-page .prax-home-lab-row {display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:44px;align-items:center;margin-top:64px;}
.prax-home-page .prax-home-lab-reverse {grid-template-columns:minmax(0,5fr) minmax(0,7fr);}
.prax-home-page .prax-home-lab-reverse .prax-home-lab-copy {grid-column:2;grid-row:1;}
.prax-home-page .prax-home-lab-reverse .prax-home-lab-image {grid-column:1;grid-row:1;}
.prax-home-page .prax-home-lab-image {width:420px;height:420px!important;object-fit:contain;border-radius:20px;justify-self:center;}
.prax-home-page .prax-home-lab-link {font-size:24px!important;font-weight:700!important;color:#e0177e!important;text-decoration:none;line-height:1.45;}
.prax-home-page .prax-home-chevron {direction:ltr;unicode-bidi:isolate;font-size:16px!important;font-weight:700!important;color:#e0177e;flex:0 0 16px;display:inline-block;transition:transform .2s ease;}
.prax-home-page .prax-home-lab-link:hover {color:#b31263!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;}
.prax-home-page .prax-home-lab-link:hover .prax-home-chevron {transform:translateX(-6px);color:#b31263;}
.prax-home-page .prax-home-lab-list {padding:0;margin:24px 0 0;list-style:none;}
.prax-home-page .prax-home-lab-list li {display:flex;align-items:baseline;gap:12px;font-size:21px!important;font-weight:400!important;line-height:1.7!important;margin-bottom:12px;}
.prax-home-page .prax-home-lab-list-two {display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;}
.prax-home-page .prax-home-teaching-grid {display:grid;grid-template-columns:7fr 5fr;gap:36px;align-items:center;}
.prax-home-page .prax-home-teaching .prax-home-h2 {text-align:right!important;}
.prax-home-page .prax-home-benefits {padding-inline-start:24px;margin-block:24px;}
.prax-home-page .prax-home-benefits li {margin-bottom:14px;}
.prax-home-page .prax-home-teaching-image {width:100%;}
.prax-home-page .prax-home-muted {background:#F7F5FC;}
.prax-home-page .prax-home-numbers {margin-top:44px;}
.prax-home-page .prax-home-number-icon {width:64px;height:64px!important;object-fit:contain;margin:0 auto 24px;}
.prax-home-page .prax-home-stat .prax-home-number-value {font-size:42px!important;}
.prax-home-page .prax-home-awards {display:block;margin-top:44px;}
.prax-home-page .prax-home-awards img {width:100%;}
.prax-home-page .prax-home-testimonials {max-width:860px;margin:44px auto 0;}
.prax-home-page .prax-home-slides {display:grid;}
.prax-home-page .prax-home-testimonial {grid-area:1/1;padding:46px 46px 40px;text-align:center;border-radius:22px;}
/* Hidden slides remain in the layout to reserve the tallest quote without measuring JS. */
.prax-home-page .prax-home-slides .prax-home-testimonial[hidden] {display:block!important;visibility:hidden;pointer-events:none;}
.prax-home-page .prax-home-testimonial:hover {transform:translateY(-6px);}
.prax-home-page .prax-home-avatar {width:104px;height:104px!important;border-radius:50%;object-fit:cover;margin:0 auto 28px;}
.prax-home-page .prax-home-quote {font-size:20px!important;font-weight:400!important;line-height:1.7!important;margin:0 0 24px;color:#000;}
.prax-home-page .prax-home-testimonial .prax-home-author {font-size:20px!important;font-weight:700!important;color:#5b21b6!important;}
.prax-home-page .prax-home-testimonial .prax-home-role {font-size:18px!important;font-weight:400!important;margin-top:8px;}
.prax-home-page .prax-home-role-latin {unicode-bidi:isolate;}
.prax-home-page .prax-home-carousel-controls {display:flex;align-items:center;justify-content:center;gap:24px;margin-top:28px;}
.prax-home-page .prax-home-carousel-arrow {direction:ltr;unicode-bidi:isolate;display:grid;place-items:center;width:48px;height:48px;border:1px solid #EFE7F7;background:#fff;color:#e0177e;border-radius:50%;font-size:20px;transition:transform .2s ease,background .2s ease,color .2s ease;}
.prax-home-page .prax-home-carousel-arrow:hover,.prax-home-page .prax-home-carousel-arrow:focus-visible {background:linear-gradient(90deg,#FF4688,#FF929A);color:white;transform:scale(1.06);}
.prax-home-page .prax-home-dots {display:flex;align-items:center;gap:8px;}
.prax-home-page .prax-home-dot {padding:0;width:28px;height:44px;border:0;background:transparent;position:relative;}
.prax-home-page .prax-home-dot::after {content:'';display:block;width:10px;height:10px;background:#D9CFE9;border-radius:10px;margin:auto;transition:width .2s ease,background .2s ease;}
.prax-home-page .prax-home-dot:hover::after {background:#F2A0C4;}
.prax-home-page .prax-home-dot-active::after {width:28px;background:#e0177e;}
.prax-home-page .prax-home-closing::before {content:'';position:absolute;inset:0;background:url('../img/prax-home-ar-Last_CTA.jpg') center/cover;opacity:.06;z-index:-1;}
.prax-home-page .prax-home-closing {padding-block:64px 80px;}
.prax-home-page .prax-home-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.prax-home-page .prax-home-skip {position:absolute;inset-inline-start:16px;top:-100px;padding:12px 20px;background:#fff;color:#5b21b6;z-index:100000;}
.prax-home-page .prax-home-skip:focus {top:12px;}
@media(max-width:991px) {
 .prax-home-page .prax-home-section {padding-block:56px;}
 .prax-home-page .prax-home-grid-3 {grid-template-columns:repeat(2,minmax(0,1fr));}
 .prax-home-page .prax-home-band-grid,.prax-home-page .prax-home-teaching-grid {grid-template-columns:1fr;}
 .prax-home-page .prax-home-band-image,.prax-home-page .prax-home-teaching-image {max-width:580px;margin-inline:auto;}
 .prax-home-page .prax-home-steps-band {padding-bottom:96px;}
 .prax-home-page .prax-home-steps {padding-top:48px;}
 .prax-home-page .prax-home-lab-row,.prax-home-page .prax-home-lab-reverse {gap:24px;grid-template-columns:1fr 1fr;}
 .prax-home-page .prax-home-lab-image {height:auto!important;aspect-ratio:1;}
 .prax-home-page .prax-home-lab-list-two {display:block;}
}
@media(max-width:766.98px) {
 .prax-home-page .prax-home-ctas {flex-direction:column;align-items:center;}
 .prax-home-page .prax-home-cta-group {width:100%;max-width:100%;}
 .prax-home-page .prax-home-cta {width:100%;}
 .prax-home-page .prax-home-grid-3 {grid-template-columns:1fr;}
 .prax-home-page .prax-home-lab-row,.prax-home-page .prax-home-lab-reverse {grid-template-columns:1fr;gap:28px;}
 .prax-home-page .prax-home-lab-reverse .prax-home-lab-copy,.prax-home-page .prax-home-lab-reverse .prax-home-lab-image {grid-area:auto;}
 .prax-home-page .prax-home-lab-image {width:100%;max-width:420px;}
 .prax-home-page .prax-home-testimonial {padding:32px 24px;}
}

@media(prefers-reduced-motion:reduce) {
 .prax-home-page .prax-home-main * {transition:none!important;animation:none!important;scroll-behavior:auto!important;}
 .prax-home-page .prax-home-card:hover,.prax-home-page .prax-home-cta:hover,.prax-home-page .prax-home-carousel-arrow:hover,.prax-home-page .prax-home-lab-link:hover .prax-home-chevron {transform:none;}
}

.prax-home-page .prax-home-service-section {background:#fff;}
.prax-home-page .prax-home-numbers-section {background:#F7F5FC;}
.prax-home-page .prax-home-testimonial-section {background:#fff;}

/* Full-width banner layer, matching the reference page structure. */
.prax-home-page .prax-home-hero {position:relative;isolation:isolate;color:#fff;min-height:max(720px,55.83vw);padding-block:130px 170px;background:#fff;}
.prax-home-page .prax-home-hero-background {position:absolute;inset:0;z-index:-1;background-image:url('../img/prax-home-ar-Banner_Only_New22.webp');background-size:100% 100%;background-position:center top;background-repeat:no-repeat;}
.prax-home-page .prax-home-hero-grid {display:block;max-width:none;padding-inline:clamp(24px,2.5vw,48px);}
.prax-home-page .prax-home-hero-copy {position:relative;width:46%;min-width:665px;margin-inline-start:0;margin-inline-end:auto;text-align:right;}
@media (max-width:1199px) and (min-width:992px) {
 .prax-home-page .prax-home-hero {min-height:866px;padding-top:116px;}
 .prax-home-page .prax-home-hero-copy {width:46%;}
}
@media (max-width:991px) {
 .prax-home-page .prax-home-hero {min-height:0;padding-block:124px 85vw;}
 .prax-home-page .prax-home-hero-background {background-image:url('../img/prax-home-ar-MobBanner2.webp');background-size:100% auto;background-position:center bottom;background-color:#7f3662;}
 .prax-home-page .prax-home-hero-copy {width:100%;min-width:0;}
}
/* Keep each CTA label and its supporting sentence on one line. */
.prax-home-page .prax-home-ctas {flex-wrap:wrap;}
.prax-home-page .prax-home-cta-group {flex:0 1 auto;min-width:max-content;}
.prax-home-page .prax-home-cta,
.prax-home-page .prax-home-main .prax-home-cta-note {white-space:nowrap;}
@media(min-width:767px) {
 .prax-home-page .prax-home-hero .prax-home-ctas {flex-direction:row;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;width:max-content;max-width:none;margin-inline-start:0;}
}
@media(max-width:640px) {
 .prax-home-page .prax-home-cta-group {min-width:0;}
 .prax-home-page .prax-home-cta {padding-inline:16px;}
}
.prax-home-page .prax-home-hero .prax-home-cta-group {text-align:right;}
.prax-home-page .prax-home-hero .prax-home-cta {width:100%;}
.prax-home-page #FeatureInMob img.lazy {opacity:1;}
.prax-home-page #FeatureInMob .prax-home-h2,
.prax-home-page .NewExpremintsAwardsSec .prax-home-h2 {color:#000!important;}
.prax-home-page .prax-home-library-accent {color:#e93182!important;}
@media(min-width:720px) {
 .prax-home-page .NewExpremintsAwardsSec {min-height:500px!important;}
}
.prax-home-page .prax-home-service-section .prax-home-cta-secondary {box-shadow:0 4px 18px rgba(0,0,0,.09);}
/* Step cards: light gray section and pink-glow CTA interaction. */
.prax-home-page .prax-home-steps {background:#f0f2f5;}
.prax-home-page .prax-home-step .prax-home-cta-primary:hover,
.prax-home-page .prax-home-step .prax-home-cta-primary:focus-visible {background:#fff;color:#e0177e!important;box-shadow:0 12px 28px rgba(233,49,130,.20);}
.prax-home-page .prax-home-teaching .prax-home-cta-secondary {box-shadow:0 4px 18px rgba(0,0,0,.09);}
.prax-home-page .prax-home-teaching-grid {max-width:none;padding-left:0;padding-right:40px;}
@media(max-width:991px) {
 .prax-home-page .prax-home-teaching-grid > div {padding-left:24px;}
 .prax-home-page .prax-home-teaching-image {margin-left:0;margin-right:auto;}
}
.prax-home-page .prax-home-numbers .prax-home-stat {background:#fff;border:1px solid #efe7f7;border-radius:18px;padding:32px 24px;box-shadow:0 10px 28px rgba(88,40,140,.06);}
.prax-home-page .prax-home-numbers .prax-home-number-icon {display:block;width:44px;height:44px!important;color:#87339f;margin:0 auto 18px;}
.prax-home-page .prax-home-numbers .prax-home-number-value {margin-bottom:20px;}
.prax-home-page .prax-home-numbers .prax-home-stat {transition:transform .25s,box-shadow .25s;}
.prax-home-page .prax-home-numbers .prax-home-stat:hover {transform:translateY(-4px);box-shadow:0 16px 38px rgba(60,20,90,.14);}
@media(prefers-reduced-motion:reduce) {
 .prax-home-page .prax-home-numbers .prax-home-stat:hover {transform:none;}
}
.prax-home-page .prax-home-testimonials {position:relative;max-width:none;}
.prax-home-page .prax-home-slides {max-width:860px;width:calc(100% - 144px);margin-inline:auto;}
.prax-home-page .prax-home-testimonial {box-shadow:0 14px 40px rgba(88,40,140,.10);}
.prax-home-page .prax-home-testimonial:hover {box-shadow:0 22px 52px rgba(88,40,140,.18);}
.prax-home-page .prax-home-carousel-arrow {position:absolute;top:calc(50% - 36px);transform:translateY(-50%);box-shadow:0 6px 18px rgba(88,40,140,.12);transition:background .2s ease,border-color .2s ease,transform .2s ease;}
.prax-home-page .prax-home-carousel-arrow[data-prax-home-slide="prev"] {right:8px;}
.prax-home-page .prax-home-carousel-arrow[data-prax-home-slide="next"] {left:8px;}
.prax-home-page .prax-home-carousel-arrow:hover,
.prax-home-page .prax-home-carousel-arrow:focus-visible {background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff;border-color:transparent;transform:translateY(-50%) scale(1.06);}
.prax-home-page .prax-home-carousel-arrow:active {transform:translateY(-50%) scale(.98);}
@media(max-width:640px) {
 .prax-home-page .prax-home-slides {width:calc(100% - 72px);}
 .prax-home-page .prax-home-carousel-arrow {width:36px;height:36px;}
 .prax-home-page .prax-home-carousel-arrow[data-prax-home-slide="prev"] {right:-8px;}
 .prax-home-page .prax-home-carousel-arrow[data-prax-home-slide="next"] {left:-8px;}
 .prax-home-page .prax-home-testimonial {padding-inline:16px;}
}
@media(prefers-reduced-motion:reduce) {
 .prax-home-page .prax-home-carousel-arrow:hover,
 .prax-home-page .prax-home-carousel-arrow:focus-visible,
 .prax-home-page .prax-home-carousel-arrow:active {transform:translateY(-50%);}
}
/* Mobile alignment for hero, CTA captions and statistics. */
@media(max-width:766.98px) {
 .prax-home-page .prax-home-main .prax-home-hero-copy,
 .prax-home-page .prax-home-main .prax-home-hero .prax-home-h1,
 .prax-home-page .prax-home-main .prax-home-hero .prax-home-lede,
 .prax-home-page .prax-home-main .prax-home-cta-group,
 .prax-home-page .prax-home-main .prax-home-cta-note,
 .prax-home-page .prax-home-main .prax-home-stat,
 .prax-home-page .prax-home-main .prax-home-stat-value,
 .prax-home-page .prax-home-main .prax-home-stat-label {text-align:center!important;}
}
.prax-home-page .prax-home-main .NewExpremintsAwardsSec .prax-home-section-lede {text-align:center!important;}
@media(max-width:766.98px) {
 .prax-home-page .phx-newftr-logo-wrap {width:100%!important;align-self:stretch!important;justify-content:flex-start!important;direction:rtl!important;text-align:right!important;}
 .prax-home-page .phx-newftr-logo-wrap > a {margin:0!important;flex:0 0 auto!important;}
}
.prax-home-page .NewExpremintsAwardsSec {background-position:center bottom!important;}
@media(max-width:719.98px) {
 .prax-home-page .NewExpremintsAwardsSec {background-image:url('../img/New_Awards_mob22_222.webp')!important;}
}
@media only screen and (max-width:768px) {
 .prax-home-page .NewExpremintsAwardsSec {min-height:980px!important;}
}
/* Match desktop component sizes on mobile; only H1 and H2 change. */
@media(max-width:991px) {
 .prax-home-page .prax-home-main .prax-home-h1 {font-size:28px!important;}
 .prax-home-page .prax-home-hero .prax-home-h1 br {display:none;}
 .prax-home-page .prax-home-main .prax-home-h2 {font-size:26px!important;}
 .prax-home-page .prax-home-main h1 *,.prax-home-page .prax-home-main h2 * {font-size:inherit!important;}
 .prax-home-page .prax-home-hero .prax-home-ctas {width:100%;max-width:100%;flex-wrap:wrap;}
 .prax-home-page .prax-home-cta-group {min-width:0;max-width:100%;}
 .prax-home-page .prax-home-cta,.prax-home-page .prax-home-main .prax-home-cta-note {white-space:normal;}
}
/* PRAX-HOME-001 END */

/* PRAX-BIOLOGY-001 START — isolated Arabic Biology landing page. */
.pbio-page {margin:0!important;background:#fff!important;}
.pbio-page .phx-newhdr {position:absolute!important;inset:0 0 auto;background:transparent!important;}
.pbio-page .pbio-main,.pbio-page .pbio-main * {box-sizing:border-box;font-family:'Tajawal Home',Arial,sans-serif!important;letter-spacing:0!important;}
.pbio-page .pbio-main {direction:rtl;color:#000;text-align:right;}
.pbio-page .pbio-main p,.pbio-page .pbio-main li,.pbio-page .pbio-main blockquote {font-size:20px!important;font-weight:400!important;line-height:1.7!important;color:inherit;margin:0;}
.pbio-page .pbio-main bdi {unicode-bidi:isolate;}
.pbio-page .pbio-main img {display:block;max-width:100%;height:auto;}
.pbio-page .pbio-container {width:100%;max-width:1320px;margin-inline:auto;padding-inline:24px;}
.pbio-page .pbio-section {padding-block:44px 80px;background:#fff;}
.pbio-page .pbio-main h1 {font-size:38px!important;font-weight:700!important;line-height:1.35!important;text-align:right!important;margin:0 0 24px!important;color:inherit!important;}
.pbio-page .pbio-main .pbio-h2 {font-size:36px!important;font-weight:700!important;line-height:1.4!important;color:inherit!important;text-align:center!important;max-width:1000px;margin:0 auto 28px!important;}
.pbio-page .pbio-main h3 {font-size:22px!important;font-weight:700!important;color:#000000!important;margin:24px 0 16px!important;}
.pbio-page .pbio-main h1 *, .pbio-page .pbio-main .pbio-h2 * {font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
.pbio-page .pbio-main .pbio-pink {color:#e0177e!important;white-space:nowrap;}
.pbio-page .pbio-main .pbio-gradient {background:linear-gradient(120deg,#4A90DD 0%,#3FB4C4 48%,#34D2AA 100%);color:#fff;}
.pbio-page .pbio-gradient .pbio-h2,.pbio-page .pbio-gradient p {color:#fff!important;}
.pbio-page .pbio-hero {position:relative;isolation:isolate;padding-block:148px 150px;min-height:760px;}
.pbio-page .pbio-hero-art {position:absolute;inset:0;z-index:-1;background:url('../img/prax-bio-ar-hero.webp') left top/100% auto no-repeat;mask-image:linear-gradient(to right,#000 0%,#000 34%,transparent 48%);}
.pbio-page .pbio-hero-copy {width:62%;margin-inline-end:auto;}
@media only screen and (min-width:992px) {
 .pbio-page .pbio-hero {min-height:608px;padding-bottom:100px;}
 .pbio-page .pbio-hero-art {background-color:#fff;}
 .pbio-page .pbio-hero-copy > p {margin-left:40px;}
}
.pbio-page .pbio-wave {position:absolute;bottom:-1px;left:0;width:100%;height:80px;pointer-events:none;}
.pbio-page .pbio-ctas {display:flex;gap:20px;margin-top:32px;align-items:flex-start;flex-wrap:wrap;}
.pbio-page .pbio-ctas > div {text-align:center;}
.pbio-page .pbio-main .pbio-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:16px 26px;border:2px solid transparent;border-radius:12px;text-align:center!important;text-decoration:none!important;font-size:20px!important;font-weight:700!important;line-height:1.2!important;transition:background .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease;}
.pbio-page .pbio-btn-pink {background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff!important;}
.pbio-page .pbio-btn-white {background:#fff;color:#e0177e!important;box-shadow:0 4px 18px rgba(28,90,130,.09);}
.pbio-page .pbio-btn-pink:hover,.pbio-page .pbio-btn-pink:focus-visible {background:#fff;color:#e0177e!important;transform:translateY(-2px);box-shadow:0 8px 24px rgba(28,90,130,.13);}
.pbio-page .pbio-btn-white:hover,.pbio-page .pbio-btn-white:focus-visible {background:linear-gradient(90deg,#4A90DD,#34D2AA);color:#fff!important;transform:translateY(-2px);}
.pbio-page .pbio-main .pbio-note {font-size:16px!important;font-weight:400!important;line-height:1.6!important;text-align:center!important;margin-top:12px;}
.pbio-page .pbio-main a:focus-visible,.pbio-page .pbio-main button:focus-visible,.pbio-page .pbio-main summary:focus-visible,.pbio-page .pbio-carousel:focus-visible {outline:3px solid #2B7FB5;outline-offset:4px;}
.pbio-page .pbio-gradient a:focus-visible {outline-color:#fff;}
.pbio-page .pbio-center {text-align:center;}
.pbio-page .pbio-featured {width:100%;max-width:1040px;max-height:110px;object-fit:contain;margin:32px auto 0;}
@media only screen and (min-width:992px) {
 .pbio-page .pbio-featured {width:70%;}
}
.pbio-page .pbio-grid {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.pbio-page .pbio-main .pbio-grid .pbio-h2 {text-align:right!important;}
.pbio-page .pbio-grid p + .pbio-btn {margin-top:28px;}
.pbio-page .pbio-catalog {grid-template-columns:7fr 5fr;}
.pbio-page .pbio-visual {width:100%;max-width:580px;justify-self:center;}
.pbio-page .pbio-branches {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;}
.pbio-page .pbio-branches li {position:relative;padding-inline-start:20px;}
.pbio-page .pbio-branches li::before {content:'✓';position:absolute;inset-inline-start:0;color:#e0177e;}
.pbio-page .pbio-awards {grid-template-columns:5fr 7fr;}
.pbio-page .pbio-award-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;direction:ltr;}
.pbio-page .pbio-award-tile {border:1px solid #E3EEF2;border-radius:16px;padding:10px;background:#fff;transition:transform .25s,box-shadow .25s;}
.pbio-page .pbio-award-tile img {width:100%;height:160px;object-fit:contain;}
.pbio-page .pbio-3d {position:relative;padding-bottom:110px;}
.pbio-page .pbio-3d-copy {padding:48px 32px;border-radius:45% 35% 30% 35% / 22% 28% 38% 26%;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.pbio-page .pbio-main .pbio-3d-copy .pbio-h2 {text-align:center!important;}
.pbio-page .pbio-screenshot {width:100%;border-radius:18px;box-shadow:0 16px 38px rgba(28,90,130,.14);}
@media only screen and (min-width:992px) {
 .pbio-page .pbio-3d {isolation:isolate;padding-block:70px 85px;}
 .pbio-page .pbio-3d::before {content:"";position:absolute;z-index:-1;inset:0 0 0 auto;width:80%;background:linear-gradient(120deg,#4A90DD 0%,#3FB4C4 48%,#34D2AA 100%);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 500' preserveAspectRatio='none'%3E%3Cpath d='M1000 0C650 0 180 -10 20 190C-60 310 80 410 250 445C550 445 750 530 1000 470Z' fill='white'/%3E%3C/svg%3E") center/100% 100% no-repeat;}
 .pbio-page .pbio-main .pbio-3d-copy {background:transparent;border-radius:0;min-height:330px;padding:32px 0;}
 .pbio-page .pbio-3d > .pbio-wave {display:none;}
 .pbio-page .pbio-3d .pbio-btn-pink {background:#fff;color:#e0177e!important;}
 .pbio-page .pbio-3d .pbio-btn-pink:hover,.pbio-page .pbio-3d .pbio-btn-pink:focus-visible {background:linear-gradient(90deg,#4A90DD,#34D2AA);color:#fff!important;}
}

.pbio-page .pbio-features {background:#f2f2f2;}
.pbio-page .pbio-feature-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:44px;}
.pbio-page .pbio-card {background:#fff;border:1px solid #E3EEF2;border-radius:18px;padding:28px 24px;box-shadow:0 8px 24px rgba(28,90,130,.06);transition:transform .25s,box-shadow .25s;}
.pbio-page .pbio-card:hover,.pbio-page .pbio-award-tile:hover,.pbio-page .pbio-quote-card:hover {transform:translateY(-4px);box-shadow:0 16px 38px rgba(28,90,130,.14);}
.pbio-page .pbio-feature-grid .pbio-card {text-align:center;}
.pbio-page .pbio-feature-grid h3 {line-height:1.5!important;text-align:center!important;}
.pbio-page .pbio-icon {width:64px;height:64px!important;object-fit:contain;margin:0 auto;filter:invert(43%) sepia(34%) saturate(1195%) hue-rotate(158deg) brightness(91%) contrast(92%);}
.pbio-page .pbio-carousel {position:relative;padding:0 80px;margin-top:44px;}
.pbio-page .pbio-slides {display:grid;max-width:860px;margin:auto;clip-path:inset(-50px 0 -50px 0);}
.pbio-page .pbio-quote-card {grid-area:1/1;background:#fff;border:1px solid #E3EEF2;border-radius:22px;padding:46px 46px 40px;text-align:center;box-shadow:0 14px 40px rgba(28,90,130,.10);transition:transform .25s,box-shadow .25s;}
.pbio-page .pbio-quote-card[hidden] {display:block!important;visibility:hidden;pointer-events:none;}
.pbio-page .pbio-avatar {width:104px;height:auto!important;aspect-ratio:1087/957;border-radius:0;object-fit:contain;margin:0 auto 26px;}
.pbio-page .pbio-main blockquote {margin-bottom:24px;text-align:center!important;}
.pbio-page .pbio-main .pbio-name {font-size:20px!important;font-weight:700!important;color:#2B7FB5!important;text-align:center!important;}
.pbio-page .pbio-main .pbio-role {font-size:18px!important;text-align:center!important;margin-top:6px;}
.pbio-page .pbio-main .pbio-role-en {font-size:16px!important;text-align:center!important;}
.pbio-page .pbio-arrow {position:absolute;top:calc(50% - 30px);transform:translateY(-50%);width:50px;height:50px;border:1px solid #E3EEF2;border-radius:50%;background:#fff;color:#2B7FB5;box-shadow:0 6px 18px rgba(28,90,130,.12);display:grid;place-items:center;transition:background .2s,transform .2s;}
.pbio-page .pbio-prev {right:0;}.pbio-page .pbio-next {left:0;}
.pbio-page .pbio-arrow::after {content:'';width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);}
.pbio-page .pbio-next::after {transform:rotate(-135deg);}
.pbio-page .pbio-arrow:hover,.pbio-page .pbio-arrow:focus-visible {background:linear-gradient(90deg,#4A90DD,#34D2AA);color:#fff;transform:translateY(-50%) scale(1.06);}
.pbio-page .pbio-arrow:active {transform:translateY(-50%) scale(.98);}
.pbio-page .pbio-dots {display:flex;justify-content:center;gap:8px;margin-top:20px;}
.pbio-page .pbio-dot {width:32px;height:40px;display:grid;place-items:center;border:0;background:transparent;padding:0;}
.pbio-page .pbio-dot::after {content:'';width:10px;height:10px;border-radius:10px;background:#CFE3E8;transition:width .2s,background .2s;}
.pbio-page .pbio-dot[aria-current]::after {width:28px;background:#2B7FB5;}
.pbio-page .pbio-clients {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;max-width:1040px;margin:32px auto 0;}
.pbio-page .pbio-clients img {width:100%;max-height:140px;object-fit:contain;}
.pbio-page .pbio-plan-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px;align-items:stretch;}
.pbio-page .pbio-plan {display:flex;flex-direction:column;}
.pbio-page .pbio-main .pbio-plan h3 {font-size:24px!important;color:#e0177e!important;margin-top:0!important;}
.pbio-page .pbio-main .pbio-plan-intro {font-size:18px!important;font-weight:700!important;margin-bottom:16px;}
.pbio-page .pbio-plan ul {padding:0;list-style:none;margin:0;}
.pbio-page .pbio-plan li {position:relative;padding-inline-start:24px;margin-bottom:12px;}
.pbio-page .pbio-plan li::before {content:'✓';position:absolute;inset-inline-start:0;color:#9AA5AD;}
.pbio-page .pbio-plan .pbio-btn {margin-top:auto;padding-inline:12px;}
.pbio-page .pbio-plan-extra {max-height:0;overflow:hidden;transition:max-height .32s ease;}
.pbio-page .pbio-fold {border:0;background:transparent;color:#e0177e;font-size:18px;font-weight:700;padding:12px 0 24px;text-align:right;display:flex;gap:10px;align-items:center;}
.pbio-page .pbio-fold i {width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .32s;}
.pbio-page .pbio-fold[aria-expanded=true] i {transform:rotate(225deg);}
.pbio-page .pbio-plan > ul {margin-bottom:24px;}
.pbio-page .pbio-faq {max-width:1000px;margin:40px auto 0;}
.pbio-page .pbio-faq-item {border:1px solid #E3EEF2;border-radius:14px;background:#fff;margin-bottom:14px;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease;}
.pbio-page .pbio-faq-item[data-open="true"] {border-color:#CFE3E8;box-shadow:0 12px 30px rgba(28,90,130,.10);}
.pbio-page .pbio-main .pbio-faq-question {margin:0!important;}
.pbio-page .pbio-faq-question button {display:block;width:100%;position:relative;padding:22px 24px 22px 58px;border:0;background:transparent;color:#000;font-size:20px!important;font-weight:700!important;line-height:1.6;text-align:right;cursor:pointer;transition:color .2s ease;}
.pbio-page .pbio-faq-question button::after {content:'';position:absolute;left:24px;top:calc(50% - 7px);width:10px;height:10px;border-left:2.5px solid #000;border-bottom:2.5px solid #000;transform:rotate(-45deg);transition:transform .22s ease,border-color .22s ease;}
.pbio-page .pbio-faq-question button:hover,.pbio-page .pbio-faq-question button:focus-visible {color:#e0177e;}
.pbio-page .pbio-faq-question button:focus-visible {outline-offset:-4px;}
.pbio-page .pbio-faq-question button:hover::after,.pbio-page .pbio-faq-question button:focus-visible::after,.pbio-page .pbio-faq-question button[aria-expanded="true"]::after {border-color:#e0177e;}
.pbio-page .pbio-faq-question button[aria-expanded="true"] {color:#000;}
.pbio-page .pbio-faq-question button[aria-expanded="true"]::after {transform:rotate(135deg);top:calc(50% - 3px);}
.pbio-page .pbio-faq-answer {overflow:hidden;}
.pbio-page .pbio-main .pbio-faq-answer p {padding:0 24px 24px;margin:0!important;line-height:1.8!important;text-align:right!important;}
@media(max-width:991px) {
 .pbio-page .pbio-faq-question button {padding:18px 18px 18px 48px;}
 .pbio-page .pbio-faq-question button::after {left:18px;}
 .pbio-page .pbio-main .pbio-faq-answer p {padding:0 18px 20px;}
}
@media(prefers-reduced-motion:reduce) {
 .pbio-page .pbio-faq-item,.pbio-page .pbio-faq-question button,.pbio-page .pbio-faq-question button::after {transition:none;}
}
.pbio-page .pbio-closing {text-align:center;}
.pbio-page .pbio-main .pbio-closing .pbio-h2 {max-width:1280px;}
.pbio-page .pbio-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.pbio-page .pbio-skip {position:absolute;top:-100px;right:16px;padding:12px 20px;background:#fff;color:#2B7FB5;z-index:100000;}
.pbio-page .pbio-skip:focus {top:10px;}
@media(max-width:991px) {
 .pbio-page .pbio-section {padding-block:40px 48px;}
 .pbio-page .pbio-grid {grid-template-columns:1fr;gap:32px;}
 .pbio-page .pbio-main h1,.pbio-page .pbio-main .pbio-grid .pbio-h2 {text-align:center!important;}
 .pbio-page .pbio-hero {padding-block:119px 65vw;min-height:0;}
 .pbio-page .pbio-hero-art {background-image:url('../img/prax-bio-ar-hero-mobile.webp');background-size:100% auto;background-position:center calc(100% + 42vw);mask-image:linear-gradient(to top,#000 0%,#000 30%,transparent 65%);}
 .pbio-page .pbio-hero-copy {width:100%;text-align:center;}
 .pbio-page .pbio-hero-copy p {text-align:center!important;}
 .pbio-page .pbio-ctas {justify-content:center;}
 .pbio-page .pbio-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .pbio-page .pbio-award-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .pbio-page .pbio-plan-grid {grid-template-columns:1fr;max-width:640px;margin-inline:auto;}
 .pbio-page .pbio-clients {grid-template-columns:repeat(3,minmax(0,1fr));}
 .pbio-page .pbio-carousel {padding-inline:60px;}
 .pbio-page .pbio-quote-card {padding:32px 22px;}
 .pbio-page .phx-newftr-logo-wrap {width:100%!important;justify-content:flex-start!important;direction:rtl;}
}
@media(max-width:640px) {
 .pbio-page .pbio-ctas {flex-direction:column;align-items:stretch;}
 .pbio-page .pbio-ctas .pbio-btn {width:100%;}
 .pbio-page .pbio-carousel {padding-inline:0;}
 .pbio-page .pbio-quote-card {padding:28px 20px;}
 .pbio-page .pbio-arrow {top:auto;bottom:0;transform:none;width:44px;height:44px;}
 .pbio-page .pbio-arrow:hover,.pbio-page .pbio-arrow:focus-visible {transform:scale(1.06);}
 .pbio-page .pbio-arrow:active {transform:scale(.98);}
 .pbio-page .pbio-3d-copy {padding:40px 24px;border-radius:36px;}
 .pbio-page .pbio-main .pbio-grid p {text-align:center!important;}
 .pbio-page .pbio-grid > div {text-align:center;}
 .pbio-page .pbio-main .pbio-branches li {text-align:right;}
 .pbio-page .pbio-wave {height:45px;}
}
@media(max-width:575px) {
 .pbio-page .pbio-feature-grid,.pbio-page .pbio-branches {grid-template-columns:1fr;}
 .pbio-page .pbio-award-tile img {height:120px;}
}
@media(prefers-reduced-motion:reduce) {
 .pbio-page .pbio-main * {transition:none!important;scroll-behavior:auto!important;}
 .pbio-page .pbio-card:hover,.pbio-page .pbio-award-tile:hover,.pbio-page .pbio-quote-card:hover,.pbio-page .pbio-btn:hover {transform:none;}
}
@media(min-width:1200px) {
 .pbio-page .pbio-prev {right:6%;}
 .pbio-page .pbio-next {left:6%;}
}
/* Pricing normal, pointer hover, and keyboard focus states. */
.pbio-page .pbio-plan {box-shadow:none;border-color:#E3EEF2;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.pbio-page .pbio-plan .pbio-btn {background:linear-gradient(90deg,#FF4688 0%,#FF929A 100%);color:#fff!important;border-color:transparent;box-shadow:none;transition:background .22s ease,color .22s ease,transform .22s ease,border-color .22s ease;}
.pbio-page .pbio-plan:focus-within {transform:translateY(-4px);border-color:#CFE3E8;box-shadow:0 18px 44px rgba(28,90,130,.14);}
.pbio-page .pbio-plan .pbio-btn:focus-visible {background:#fff;color:#e0177e!important;border-color:#E3EEF2;transform:translateY(-2px);}
@media (hover:hover) and (pointer:fine) {
 .pbio-page .pbio-plan:hover {transform:translateY(-4px);border-color:#CFE3E8;box-shadow:0 18px 44px rgba(28,90,130,.14);}
 .pbio-page .pbio-plan .pbio-btn:hover {background:#fff;color:#e0177e!important;border-color:#E3EEF2;transform:translateY(-2px);}
}
@media (hover:none) {
 .pbio-page .pbio-plan:hover:not(:focus-within) {transform:none;box-shadow:none;border-color:#E3EEF2;}
 .pbio-page .pbio-plan .pbio-btn:hover:not(:focus-visible) {background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff!important;border-color:transparent;transform:none;box-shadow:none;}
}
@media (prefers-reduced-motion:reduce) {
 .pbio-page .pbio-plan,.pbio-page .pbio-plan .pbio-btn {transition:none!important;}
 .pbio-page .pbio-plan:hover,.pbio-page .pbio-plan:focus-within,.pbio-page .pbio-plan .pbio-btn:hover,.pbio-page .pbio-plan .pbio-btn:focus-visible {transform:none;}
}
@media only screen and (max-width:991px) {
 .pbio-page .pbio-hero > .pbio-container {padding-inline:15px;}
 .pbio-page .pbio-featured {display:block;width:100%;max-width:330px;height:auto;max-height:none;aspect-ratio:592/186;margin-inline:auto;}
}
@media(max-width:991px) {
 .pbio-page .pbio-main h1 {font-size:28px!important;}
 .pbio-page .pbio-main h2.pbio-h2 {font-size:26px!important;}
 .pbio-page .pbio-main h1 *,.pbio-page .pbio-main h2 * {font-size:inherit!important;}
 .pbio-page .pbio-main h2 .pbio-pink {white-space:normal;}
}
@media(max-width:991px) {
 .pbio-page .pbio-hero h1 br {display:none;}
}
/* PRAX-BIOLOGY-001 END */

/* PRAX-CHEMISTRY-001 START — scoped Arabic Chemistry landing page. */
.pchem-page {margin:0!important;background:#fff!important;}
.pchem-page .phx-newhdr {position:absolute!important;inset:0 0 auto;background:transparent!important;}
.pchem-page .pchem-main,.pchem-page .pchem-main * {box-sizing:border-box;font-family:'Tajawal Home',Arial,sans-serif!important;letter-spacing:0!important;}
.pchem-page .pchem-main {direction:rtl;color:#000;text-align:right;}
.pchem-page .pchem-main p,.pchem-page .pchem-main li,.pchem-page .pchem-main blockquote {font-size:20px!important;font-weight:400!important;line-height:1.7!important;color:inherit;margin:0;}
.pchem-page .pchem-main strong {font-weight:700!important;}
.pchem-page .pchem-main img {display:block;max-width:100%;height:auto;}
.pchem-page .pchem-main [hidden] {display:none!important;}
.pchem-page .pchem-container {max-width:1320px;width:100%;padding-inline:24px;margin-inline:auto;}
.pchem-page .pchem-section {padding-block:44px 32px;background:#fff;}
.pchem-page .pchem-after-band {padding-top:72px;}
.pchem-page .pchem-main h1 {font-size:38px!important;font-weight:700!important;line-height:1.35!important;color:inherit!important;text-align:right!important;margin:0 0 28px!important;}
.pchem-page .pchem-main .pchem-h2 {font-size:36px!important;font-weight:700!important;line-height:1.45!important;color:inherit!important;text-align:center!important;margin:0 auto 40px!important;max-width:1000px;}
.pchem-page .pchem-main h3 {font-size:22px!important;font-weight:700!important;color:#000!important;margin:0!important;}
.pchem-page .pchem-main h1 *,.pchem-page .pchem-main .pchem-h2 * {font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;}
.pchem-page .pchem-main .pchem-pink {color:#e0177e!important;}
.pchem-page .pchem-main .pchem-gradient {background:linear-gradient(135deg,#330069 0%,#5B14A2 30%,#794a91 55%,#ba4398 80%,#a93a84 100%);color:#fff;}
.pchem-page .pchem-center {text-align:center;}
.pchem-page .pchem-hero {position:relative;isolation:isolate;min-height:600px;padding-block:145px 72px;}
.pchem-page .pchem-hero-art {position:absolute;inset:0 auto 0 0;width:45%;z-index:-1;background:url('../img/prax-chem-hero-art.webp') center/cover no-repeat;mask-image:linear-gradient(to right,#000 0%,#000 70%,transparent 100%);}
.pchem-page .pchem-hero-copy {width:62%;margin-inline-end:auto;}
.pchem-page .pchem-ctas {display:flex;justify-content:center;align-items:flex-start;gap:24px;margin-top:36px;}
.pchem-page .pchem-ctas > div {min-width:0;text-align:center;max-width:100%;}
.pchem-page .pchem-hero .pchem-ctas {justify-content:flex-start;gap:22px;}
.pchem-page .pchem-main .pchem-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:60px;max-width:100%;padding:16px 26px;border:2px solid transparent;border-radius:12px;font-size:20px!important;font-weight:700!important;line-height:1.4!important;text-align:center!important;text-decoration:none!important;transition:background .22s,color .22s,transform .22s,border-color .22s,box-shadow .22s;}
.pchem-page .pchem-btn span {font-size:inherit!important;font-weight:inherit!important;color:inherit!important;}
.pchem-page .pchem-btn-white {background:#fff;color:#e0177e!important;border-color:#fff;box-shadow:0 4px 18px rgba(33,40,103,.1);}
.pchem-page .pchem-btn-outline {background:transparent;border-color:#fff!important;color:#fff!important;}
.pchem-page .pchem-btn-pink {background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff!important;}
.pchem-page .pchem-btn-secondary {background:#fff;color:#e0177e!important;border-color:#e0177e!important;}
.pchem-page .pchem-btn-white:hover,.pchem-page .pchem-btn-white:focus-visible,.pchem-page .pchem-btn-pink:hover,.pchem-page .pchem-btn-pink:focus-visible,.pchem-page .pchem-btn-secondary:hover,.pchem-page .pchem-btn-secondary:focus-visible {background:linear-gradient(90deg,#5B14A2,#C40B8E);color:#fff!important;border-color:transparent!important;transform:translateY(-2px);}
.pchem-page .pchem-btn-outline:hover,.pchem-page .pchem-btn-outline:focus-visible {background:#fff;color:#e0177e!important;transform:translateY(-2px);}
.pchem-page .pchem-main .pchem-note {font-size:16px!important;line-height:1.6!important;text-align:center!important;margin-top:14px;}
.pchem-page .pchem-wa {width:22px;height:22px;flex:0 0 22px;color:#25D366;}
.pchem-page .pchem-main a:focus-visible,.pchem-page .pchem-main button:focus-visible,.pchem-page .pchem-carousel:focus-visible {outline:3px solid #6F5ED6;outline-offset:4px;}
.pchem-page .pchem-gradient a:focus-visible {outline-color:#fff;}
.pchem-page .pchem-featured {width:100%;max-width:1040px;max-height:110px;object-fit:contain;margin:0 auto;}
.pchem-page #pchem-statistics {background-image:url('../img/prax-chem-en-StatisticsBG.jpg');background-size:100% auto;background-repeat:no-repeat;background-position:left top;}
.pchem-page .pchem-stat-grid {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.pchem-page .pchem-stat-list {list-style:none;padding:0;margin:0;max-width:560px;}
.pchem-page .pchem-stat-list li {display:grid;grid-template-columns:max-content 1fr;gap:24px;align-items:center;margin-bottom:26px;}
.pchem-page .pchem-main .pchem-stat-num,.pchem-page .pchem-main .pchem-stat-label {font-size:24px!important;font-weight:700!important;line-height:1.5!important;}
.pchem-page .pchem-stat-num {color:#e0177e;white-space:nowrap;}
.pchem-page .pchem-stat-num bdi {font-size:1.14em!important;}
.pchem-page .pchem-stat-label {color:#000;}
.pchem-page .pchem-stat-visual {width:100%;max-width:380px;max-height:420px;object-fit:contain;justify-self:center;}
.pchem-page .pchem-main .pchem-branch-sub {font-size:24px!important;font-weight:700!important;color:#6F5ED6;margin-bottom:24px;}
.pchem-page .pchem-branch-lede {max-width:1050px;margin:0 auto!important;}
.pchem-page .pchem-branch-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:40px;}
.pchem-page .pchem-branch-card {border:1px solid #E6E3F5;border-radius:18px;background:#fff;overflow:hidden;text-decoration:none;box-shadow:0 14px 40px rgba(33,40,103,.10);transition:transform .25s,box-shadow .25s;}
.pchem-page .pchem-branch-card img {width:100%;aspect-ratio:370/238;object-fit:cover;}
.pchem-page .pchem-main .pchem-branch-card h3 {padding:24px 18px;color:#6F5ED6!important;line-height:1.5!important;}
.pchem-page .pchem-branch-card:hover {transform:translateY(-4px);box-shadow:0 22px 52px rgba(33,40,103,.18);}
.pchem-page .pchem-ebook {padding-block:52px 56px;}
.pchem-page .pchem-ebook-grid {display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.pchem-page .pchem-main .pchem-ebook .pchem-h2 {text-align:right!important;}
.pchem-page .pchem-download {margin-top:30px;}
.pchem-page .pchem-ebook-visual {width:100%;border-radius:20px;}
.pchem-page .pchem-feature-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:12px;row-gap:36px;margin-top:44px;}
.pchem-page .pchem-feature {padding:26px 16px;text-align:center;border-radius:18px;transition:transform .25s,box-shadow .25s;}
.pchem-page .pchem-feature:hover {transform:translateY(-4px);box-shadow:0 16px 38px rgba(33,40,103,.14);}
.pchem-page .pchem-icon {width:80px;height:80px!important;object-fit:contain;margin:0 auto 24px;}
.pchem-page .pchem-main .pchem-feature h3 {line-height:1.6!important;}
.pchem-page .pchem-awards {padding-block:52px 56px;}
.pchem-page .pchem-awards-visual {width:100%;border-radius:18px;}
.pchem-page .pchem-carousel {position:relative;padding-inline:80px;margin-top:44px;}
.pchem-page .pchem-slides {display:grid;max-width:860px;margin:auto;}
.pchem-page .pchem-quote-card {grid-area:1/1;background:#fff;border:1px solid #E6E3F5;border-radius:22px;padding:46px 46px 40px;min-height:342px;text-align:center;box-shadow:0 14px 40px rgba(33,40,103,.10);transition:transform .25s,box-shadow .25s;}
.pchem-page .pchem-main .pchem-quote-card[hidden] {display:block!important;visibility:hidden;pointer-events:none;}
.pchem-page .pchem-quote-card:hover {transform:translateY(-6px);box-shadow:0 22px 52px rgba(33,40,103,.18);}
.pchem-page .pchem-avatar {width:104px;height:auto!important;border-radius:0;object-fit:contain;margin:0 auto 28px;}
.pchem-page .pchem-main blockquote {margin:0 0 24px;text-align:center!important;}
.pchem-page .pchem-main .pchem-name {font-size:20px!important;font-weight:700!important;color:#6F5ED6!important;text-align:center!important;}
.pchem-page .pchem-main .pchem-role {font-size:18px!important;text-align:center!important;margin-top:6px;}
.pchem-page .pchem-main .pchem-role-en {font-size:16px!important;text-align:center!important;margin-top:6px;}
.pchem-page .pchem-arrow {position:absolute;top:calc(50% - 30px);transform:translateY(-50%);width:50px;height:50px;border:1px solid #E6E3F5;border-radius:50%;background:#fff;box-shadow:0 8px 22px rgba(33,40,103,.14);display:grid;place-items:center;transition:background .22s,border-color .22s,box-shadow .22s;}
.pchem-page .pchem-prev {right:6%;}.pchem-page .pchem-next {left:6%;}
.pchem-page .pchem-arrow::after {content:'';width:11px;height:11px;border-top:2.5px solid #6F5ED6;border-left:2.5px solid #6F5ED6;transform:rotate(135deg);}
.pchem-page .pchem-next::after {transform:rotate(-45deg);}
.pchem-page .pchem-arrow:hover,.pchem-page .pchem-arrow:focus-visible {background:linear-gradient(90deg,#5B14A2,#C40B8E);border-color:transparent;box-shadow:0 12px 28px rgba(33,40,103,.22);}
.pchem-page .pchem-arrow:hover::after,.pchem-page .pchem-arrow:focus-visible::after {border-color:#fff;}
.pchem-page .pchem-dots {display:flex;justify-content:center;gap:8px;margin-top:28px;}
.pchem-page .pchem-dot {width:32px;height:40px;display:grid;place-items:center;border:0;background:transparent;padding:0;}
.pchem-page .pchem-dot::after {content:'';width:10px;height:10px;border-radius:10px;background:#DAD5F2;transition:width .2s,background .2s;}
.pchem-page .pchem-dot:hover::after {background:#A79BE8;}
.pchem-page .pchem-dot[aria-current]::after {width:28px;background:#6F5ED6;}
.pchem-page .pchem-clients {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;align-items:center;margin-top:40px;}
.pchem-page .pchem-clients img {width:100%;max-height:150px;object-fit:contain;}
.pchem-page .pchem-plan-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:44px;align-items:stretch;}
.pchem-page .pchem-plan {display:flex;flex-direction:column;background:#fff;border:1px solid #E6E3F5;border-radius:18px;padding:32px 26px 30px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.pchem-page .pchem-main .pchem-plan h3 {font-size:24px!important;color:#e0177e!important;text-align:center!important;margin-bottom:24px!important;}
.pchem-page .pchem-main .pchem-plan-intro {font-size:18px!important;font-weight:700!important;margin-bottom:16px;}
.pchem-page .pchem-plan ul {padding:0;list-style:none;margin:0;}
.pchem-page .pchem-plan li {position:relative;padding-inline-start:24px;margin-bottom:12px;}
.pchem-page .pchem-plan li::before {content:'✓';position:absolute;inset-inline-start:0;color:#9AA5AD;}
.pchem-page .pchem-plan .pchem-btn {margin-top:auto;width:100%;padding-inline:18px;background:linear-gradient(90deg,#FF4688,#FF929A);color:#fff!important;border-color:transparent;box-shadow:none;}
.pchem-page .pchem-plan:focus-within {transform:translateY(-4px);border-color:#CFE3E8;box-shadow:0 18px 44px rgba(28,90,130,.14);}
.pchem-page .pchem-plan .pchem-btn:focus-visible {background:#fff;color:#e0177e!important;border-color:#E6E3F5!important;transform:translateY(-2px);}
@media(hover:hover) and (pointer:fine) {
 .pchem-page .pchem-plan:hover {transform:translateY(-4px);border-color:#CFE3E8;box-shadow:0 18px 44px rgba(28,90,130,.14);}
 .pchem-page .pchem-plan .pchem-btn:hover {background:#fff;color:#e0177e!important;border-color:#E6E3F5!important;transform:translateY(-2px);}
}
.pchem-page .pchem-plan-extra {max-height:0;overflow:hidden;transition:max-height .32s ease;}
.pchem-page .pchem-fold {display:flex;align-items:center;gap:10px;align-self:flex-start;background:none;border:0;color:#e0177e;font-size:18px!important;font-weight:700;padding:0;margin:10px 0 24px;cursor:pointer;}
.pchem-page .pchem-fold span {font-size:inherit!important;font-weight:inherit!important;}
.pchem-page .pchem-fold i {width:8px;height:8px;border-bottom:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(-45deg);transition:transform .32s;}
.pchem-page .pchem-fold[aria-expanded="true"] i {transform:rotate(135deg);}
.pchem-page .pchem-plan > ul {margin-bottom:24px;}
.pchem-page .pchem-faq-section {padding-bottom:56px;}
.pchem-page .pchem-faq {max-width:1000px;margin:40px auto 0;}
.pchem-page .pchem-faq-item {border:1px solid #E6E3F5;border-radius:14px;background:#fff;margin-bottom:14px;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease;}
.pchem-page .pchem-faq-item[data-open="true"] {border-color:#CFE3E8;box-shadow:0 12px 30px rgba(33,40,103,.10);}
.pchem-page .pchem-main .pchem-faq-question {margin:0!important;}
.pchem-page .pchem-faq-question button {display:block;width:100%;position:relative;padding:22px 24px 22px 58px;border:0;background:transparent;color:#000;font-size:20px!important;font-weight:700!important;line-height:1.6;text-align:right;cursor:pointer;transition:color .2s;}
.pchem-page .pchem-faq-question button::after {content:'';position:absolute;left:24px;top:calc(50% - 7px);width:10px;height:10px;border-left:2.5px solid #000;border-bottom:2.5px solid #000;transform:rotate(-45deg);transition:transform .22s,border-color .22s;}
.pchem-page .pchem-faq-question button:hover,.pchem-page .pchem-faq-question button:focus-visible {color:#e0177e;}
.pchem-page .pchem-faq-question button:focus-visible {outline-offset:-4px;}
.pchem-page .pchem-faq-question button:hover::after,.pchem-page .pchem-faq-question button:focus-visible::after,.pchem-page .pchem-faq-question button[aria-expanded="true"]::after {border-color:#e0177e;}
.pchem-page .pchem-faq-question button[aria-expanded="true"] {color:#000;}
.pchem-page .pchem-faq-question button[aria-expanded="true"]::after {transform:rotate(135deg);top:calc(50% - 3px);}
.pchem-page .pchem-faq-answer {overflow:hidden;}
.pchem-page .pchem-main .pchem-faq-answer p {padding:0 24px 24px;margin:0!important;line-height:1.8!important;text-align:right!important;}
.pchem-page .pchem-closing {padding-block:64px 72px;text-align:center;}
.pchem-page .pchem-main .pchem-closing .pchem-h2 {max-width:1200px;}
.pchem-page .pchem-sr {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}
.pchem-page .pchem-skip {position:absolute;top:-100px;right:16px;padding:12px 20px;background:#fff;color:#6F5ED6;z-index:100000;}
.pchem-page .pchem-skip:focus {top:10px;}
@media(max-width:1100px) {
 .pchem-page .pchem-ctas {flex-wrap:wrap;}
}
@media(max-width:991px) {
 .pchem-page .pchem-section {padding-block:40px 28px;}
 .pchem-page .pchem-after-band {padding-top:52px;}
 .pchem-page .pchem-main h1 {font-size:28px!important;text-align:center!important;}
 .pchem-page .pchem-main .pchem-h2 {font-size:26px!important;}
 .pchem-page .pchem-hero h1 br {display:none;}
 .pchem-page .pchem-hero {min-height:0;padding-block:119px 48px;}
 .pchem-page .pchem-hero-art {display:none;background:none;mask-image:none;}
 .pchem-page .pchem-hero-copy {width:100%;text-align:center;}
 .pchem-page .pchem-main .pchem-hero-copy p,
 .pchem-page .pchem-main .pchem-branch-card h3,
 .pchem-page .pchem-main .pchem-feature h3 {text-align:center!important;}
 .pchem-page .pchem-hero .pchem-container {padding-inline:15px;}
 .pchem-page .pchem-hero .pchem-ctas {justify-content:center;}
 .pchem-page .pchem-featured {width:100%;max-width:330px;max-height:none;aspect-ratio:592/186;}
 .pchem-page .pchem-stat-grid,.pchem-page .pchem-ebook-grid {grid-template-columns:1fr;gap:32px;}
 .pchem-page .pchem-stat-list {width:100%;margin:auto;}
 .pchem-page .pchem-stat-visual {max-width:320px;}
 .pchem-page .pchem-main .pchem-ebook .pchem-h2,.pchem-page .pchem-ebook-grid p {text-align:center!important;}
 .pchem-page .pchem-ebook-grid > div {text-align:center;}
 .pchem-page .pchem-ebook-visual {max-width:600px;margin-inline:auto;}
 .pchem-page .pchem-branch-grid {gap:20px;}
 .pchem-page .pchem-feature-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .pchem-page .pchem-icon {width:70px;height:70px!important;}
 .pchem-page .pchem-plan-grid {grid-template-columns:1fr;max-width:640px;margin-inline:auto;}
 .pchem-page .pchem-clients {grid-template-columns:repeat(3,minmax(0,1fr));}
 .pchem-page .pchem-carousel {padding-inline:60px;}
 .pchem-page .pchem-quote-card {padding:32px 22px;min-height:356px;}
 .pchem-page .pchem-prev {right:0;}.pchem-page .pchem-next {left:0;}
 .pchem-page .pchem-faq-question button {padding:18px 18px 18px 48px;}
 .pchem-page .pchem-faq-question button::after {left:18px;}
 .pchem-page .pchem-main .pchem-faq-answer p {padding:0 18px 20px;}
 .pchem-page .phx-newftr-logo-wrap {width:100%!important;justify-content:flex-start!important;direction:rtl;}
}
@media(max-width:767px) {
 .pchem-page .pchem-ctas {flex-direction:column;align-items:stretch;gap:24px;}
 .pchem-page .pchem-ctas .pchem-btn {width:100%;}
 .pchem-page .pchem-branch-grid,.pchem-page .pchem-feature-grid {grid-template-columns:1fr;}
 .pchem-page .pchem-stat-list li {grid-template-columns:1fr;gap:0;text-align:center;}
 .pchem-page .pchem-main .pchem-stat-num,.pchem-page .pchem-main .pchem-stat-label {text-align:center!important;}
 .pchem-page .pchem-carousel {padding-inline:0;padding-bottom:60px;}
 .pchem-page .pchem-quote-card {padding:28px 20px;}
 .pchem-page .pchem-arrow {top:auto;bottom:0;transform:none;width:44px;height:44px;}
 .pchem-page .pchem-prev {right:calc(50% - 62px);}.pchem-page .pchem-next {left:calc(50% - 62px);}
 .pchem-page .pchem-dots {margin-bottom:0;}
}
@media(prefers-reduced-motion:reduce) {
 .pchem-page .pchem-main * {transition:none!important;scroll-behavior:auto!important;}
 .pchem-page .pchem-feature:hover,.pchem-page .pchem-branch-card:hover,.pchem-page .pchem-quote-card:hover,.pchem-page .pchem-plan:hover,.pchem-page .pchem-plan:focus-within,.pchem-page .pchem-btn:hover,.pchem-page .pchem-btn:focus-visible {transform:none;}
}
/* Known author initials preserve identity where approved portrait assets are absent. */
.pchem-page .pchem-initials {display:grid!important;place-items:center;height:92px!important;background:#F3F0FB;border:1px solid #E6E3F5;color:#6F5ED6;font-size:28px!important;font-weight:700!important;direction:ltr;}
.pchem-page .pchem-icon {filter:brightness(0) saturate(100%) invert(43%) sepia(37%) saturate(1552%) hue-rotate(215deg) brightness(90%) contrast(92%);}
/* Full reference images: no narrow artwork mask or cropped foreground panel. */
.pchem-page .pchem-wa {width:28px;height:28px;flex:0 0 28px;fill:currentColor;stroke:none;color:#25D366;}
@media(min-width:992px) {
 .pchem-page .pchem-hero-art {inset:0;width:100%;background-image:url('../img/prax-chem-en-Banner33.webp');background-size:cover;background-position:center;mask-image:none;}
 .pchem-page .pchem-hero .pchem-container {max-width:none;padding-inline:40px;}
 .pchem-page .pchem-hero-copy {width:62%;max-width:790px;margin-inline-start:0;margin-inline-end:auto;text-align:right;}
 .pchem-page .pchem-featured {width:70%;}
 .pchem-page .pchem-clients img {width:52%;max-height:150px;object-fit:contain;justify-self:center;}
 .pchem-page .pchem-clients img.pchem-client-suny {width:85%;}
 .pchem-page .pchem-main .pchem-ebook {background-image:url('../img/prax-chem-en-CTA_new.webp'),linear-gradient(135deg,#330069,#5B14A2 30%,#8A28BD 55%,#C40B8E 80%,#F309A6);background-size:100% auto,cover;background-repeat:no-repeat;background-position:center;min-height:max(480px,36.46vw);display:flex;align-items:center;}
 .pchem-page .pchem-ebook-grid {display:block;}
 .pchem-page .pchem-ebook-grid > div {width:42%;margin-inline-start:0;margin-inline-end:auto;text-align:right;}
}
@media(max-width:991px) {
 .pchem-page .pchem-ebook::after {content:none;display:none;}
}
/* Bootstrap Icons WhatsApp SVG: https://icons.getbootstrap.com/icons/whatsapp/ (MIT). */
/* PRAX-CHEMISTRY-001 END */