.elementor-241 .elementor-element.elementor-element-7680d2c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-241 .elementor-element.elementor-element-7680d2c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-241 .elementor-element.elementor-element-d1252a6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-241 .elementor-element.elementor-element-b79a142 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}.elementor-241 .elementor-element.elementor-element-b79a142{width:auto;max-width:auto;}.elementor-241 .elementor-element.elementor-element-d4c7696 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:60px;font-weight:600;}.elementor-bc-flex-widget .elementor-241 .elementor-element.elementor-element-26d7f80.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-241 .elementor-element.elementor-element-26d7f80.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-241 .elementor-element.elementor-element-26d7f80 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-241 .elementor-element.elementor-element-3a8188f{color:var( --e-global-color-text );}.elementor-241 .elementor-element.elementor-element-c357e00 img{border-radius:12px 12px 12px 12px;}.elementor-241 .elementor-element.elementor-element-215824f:not(.elementor-motion-effects-element-type-background), .elementor-241 .elementor-element.elementor-element-215824f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF7FD;}.elementor-241 .elementor-element.elementor-element-215824f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:32px 32px 32px 32px;}.elementor-241 .elementor-element.elementor-element-215824f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-241 .elementor-element.elementor-element-215824f > .elementor-shape-top svg{width:calc(147% + 1.3px);height:23px;}.elementor-241 .elementor-element.elementor-element-215824f > .elementor-shape-bottom svg{width:calc(147% + 1.3px);height:23px;}.elementor-241 .elementor-element.elementor-element-29e3d1f{margin-top:32px;margin-bottom:0px;padding:0px 0px 32px 0px;}.elementor-bc-flex-widget .elementor-241 .elementor-element.elementor-element-bdadf5d.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-241 .elementor-element.elementor-element-bdadf5d.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-241 .elementor-element.elementor-element-d23bd3a .elementor-heading-title{color:var( --e-global-color-primary );font-family:"Roboto", Sans-serif;font-weight:400;text-transform:uppercase;}.elementor-241 .elementor-element.elementor-element-d23bd3a > .elementor-widget-container{margin:0px 0px -14px 0px;}.elementor-241 .elementor-element.elementor-element-234813e .elementor-heading-title{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-241 .elementor-element.elementor-element-90257ee > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-241 .elementor-element.elementor-element-90257ee{margin-top:-20px;margin-bottom:0px;}.elementor-241 .elementor-element.elementor-element-4cbe467 .elementor-button{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );background-color:#D8B4E200;border-radius:999px 999px 999px 999px;padding:10px 10px 10px 10px;}.elementor-241 .elementor-element.elementor-element-c43faa4 .elementor-button{background-color:var( --e-global-color-primary );}.elementor-241 .elementor-element.elementor-element-c43faa4 .elementor-button:hover, .elementor-241 .elementor-element.elementor-element-c43faa4 .elementor-button:focus{color:var( --e-global-color-7ee93b2 );background-color:var( --e-global-color-primary );}.elementor-241 .elementor-element.elementor-element-c43faa4 .elementor-button:hover svg, .elementor-241 .elementor-element.elementor-element-c43faa4 .elementor-button:focus svg{fill:var( --e-global-color-7ee93b2 );}.elementor-241 .elementor-element.elementor-element-1ed6f99{padding:32px 32px 32px 32px;}.elementor-241 .elementor-element.elementor-element-389a6ac .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;}@media(max-width:767px){.elementor-241 .elementor-element.elementor-element-389a6ac .elementor-heading-title{font-size:20px;}}@media(min-width:768px){.elementor-241 .elementor-element.elementor-element-26d7f80{width:74.607%;}.elementor-241 .elementor-element.elementor-element-576ce96{width:25.393%;}.elementor-241 .elementor-element.elementor-element-01966f8{width:60%;}.elementor-241 .elementor-element.elementor-element-e251b93{width:40%;}}/* Start custom CSS for heading, class: .elementor-element-b79a142 *//* -----------------------------------------
   HEADING BADGE STYLE
----------------------------------------- */
.heading-badge {
    display: inline-block !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    background: rgba(74, 44, 104, 0.06) !important; 
    color: var(--primary-dark) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9d71da3 */.brow-list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.brow-item {
    display: flex;
    align-items: center;
    gap: 0.4rem;

    padding: 10px 22px;
    font-size: 1rem;
    font-weight: 500;

    border-radius: 50px;
    border: 1.5px solid rgba(157, 122, 188, 0.25);  /* soft purple stroke */
    background: rgba(216, 180, 226, 0.12);          /* subtle lavender bg */
    color: var(--primary-dark, #4A2C68);
    
    box-shadow: 0 4px 10px rgba(74, 44, 104, 0.06);
    backdrop-filter: blur(4px);

    transition: 0.25s ease;

    line-height: 1; 
}

.brow-list {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;

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


/* Optional hover */
.brow-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(74, 44, 104, 0.12);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-215824f */.section-pills-poncitem {
    border-top: 1px solid rgba(74, 44, 104, 0.12);
border-bottom: 1px solid rgba(74, 44, 104, 0.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-d23bd3a *//* -----------------------------------------
   HEADING BADGE STYLE
----------------------------------------- */
.heading-badge {
    display: inline-block !important;
    padding: 6px 18px !important;
    border-radius: 999px !important;
    background: rgba(74, 44, 104, 0.06) !important; 
    color: var(--primary-dark) !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c43faa4 */:root {
    --primary-dark: #4A2c68;
    --primary-light: #9d7abc;
    --accent: #d8b4e2;
    --bg-body: #fdfbfc;
    --text-main: #2d2d2d;
    --text-light: #666666;
    --shadow-soft: 0 10px 30px -10px rgba(74, 44, 104, 0.1);
    --transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.btn .elementor-button {
    display: inline-block;
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 700;
    letter-spacing: 0.5px;
    transition: var(--transition);
    cursor: pointer;
}

.btn-primary .elementor-button {
    background-color: var(--primary-dark);
    border: 2px solid var(--primary-dark);
    color: #ffffff;
}

.btn-primary .elementor-button:hover {
    background-color: transparent;
    color: var(--primary-dark);
    transform: translateY(-3px);
}

.btn-outline .elementor-button {
    background-color: transparent;
    border: 2px solid var(--primary-dark);
    color: var(--primary-dark);
}

.btn-outline .elementor-button:hover {
    background-color: var(--primary-dark);
    color: #ffffff;
    transform: translateY(-3px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4556704 *//* Meta card wrapper */
.bapo-edu-meta-card {
    background: rgba(255, 255, 255, 0.96);
    border-radius: 26px;
    padding: 24px 28px;
    box-shadow: var(--shadow-soft, 0 18px 45px -20px rgba(74, 44, 104, 0.25));
    border: 1px solid rgba(216, 180, 226, 0.6);
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 15px;
    line-height: 1.2em;
}

/* Single row */
.bapo-edu-meta-row {
    padding-top: 6px;
    border-top: 1px solid rgba(232, 219, 245, 0.8);
}

/* Remove top border on first row */
.bapo-edu-meta-row:first-child {
    border-top: none;
    padding-top: 0;
}

/* Label */
.bapo-edu-meta-label {
    font-size: 11px;
    font-family: inter;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--text-light, #777);
    margin-bottom: 4px;
}

/* Value */
.bapo-edu-meta-value {
    font-size: 15px;
    font-family: roboto;
    line-height: 0.8;
    color: var(--text-main, #2d2d2d);
    font-weight: 500;
}

/* Date row – slightly emphasized */
.bapo-edu-meta-row--date .bapo-edu-meta-value {
    color: var(--primary-light, #9d7abc);
    font-weight: 600;
}

/* Last row with soft accent background */
.bapo-edu-meta-row--accent {
    margin-top: 4px;
    padding: 12px 16px;
    border-radius: 18px;
    background: linear-gradient(
        90deg,
        rgba(216, 180, 226, 0.18),
        rgba(255, 255, 255, 0.95)
    );
    border: 1px solid rgba(216, 180, 226, 0.8);
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1ed6f99 *//* ---------------------------------------------------
   CTA SECTION (Membership)
--------------------------------------------------- */
:root {
    --primary-dark: #4A2c68;
    --primary-light: #9d7abc;
    --accent: #d8b4e2;
    --bg-body: #fdfbfc;
    --text-main: #2d2d2d;
    --text-light: #666666;
    --shadow-soft: 0 10px 30px -10px rgba(74, 44, 104, 0.1);
    --transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}
.membership {
    
    text-align: center;
}

.membership > .elementor-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Gradient card */
.cta-column > .elementor-widget-wrap {
    background: linear-gradient(135deg, var(--primary-dark), #6a4c8c) !important;
    color: #ffffff !important;
    padding: 3.5rem 3rem !important;
    border-radius: 30px !important;
    position: relative !important;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18) !important;
}

/* Soft light circle in the corner */
.cta-column > .elementor-widget-wrap::before {
    content: '';
    position: absolute;
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    top: -80px;
    left: -80px;
}

/* Heading & text inside CTA */
.cta-column .elementor-heading-title {
    color: #ffffff !important;
    margin-bottom: 1rem !important;
    font-size: 2.1rem ;
}

.cta-column .elementor-widget-text-editor {
    color: rgba(255, 255, 255, 0.85) !important;
    max-width: 520px !important;
    margin: 0 auto 2rem auto !important;
}

/* CTA button (uses existing .btn styles) */
.btn-cta .elementor-button {
    background: #ffffff !important;
    color: var(--primary-dark) !important;
    border-radius: 50px !important;
    padding: 12px 32px !important;
    border: none !important;
}

.btn-cta .elementor-button:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    color: var(--primary-dark) !important;
    transform: translateY(-3px) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .cta-column > .elementor-widget-wrap {
        padding: 2.5rem 2rem;
    }
}/* End custom CSS */