/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/




.home #brxe-nbplum,
.single-lessons #brxe-1803cc, .archive #brxe-1803cc {
    background-color: #000;
    color: #fff;
}
.single-post .brxe-section h3{
    margin-bottom: 30px;
}

.single-post #brxe-ldpfbo{
    display: block;
}
.single-post #brxe-upbjdd{
    display: none;
}
.single-post #brx-header #brxe-riyvzl{
    background: #f7ecdc !important;
}
#brxe-wwgqsj i {
    transform: rotate(-45deg);
}

/* connector style */
/* Make EACH step card the positioning context */
#brxe-ciptfz > .brxe-div {
    position: relative;
}

/* RIGHT connector (attached to the card itself) */
#brxe-ciptfz > .brxe-div::after {
    content:"";
    position:absolute;
    top:50%;
    width:48px;
    height:11px;

    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2211%22%20viewBox%3D%220%200%2048%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M37.0378%205.33337C37.0378%208.27889%2039.4256%2010.6667%2042.3711%2010.6667C45.3166%2010.6667%2047.7044%208.27889%2047.7044%205.33337C47.7044%202.38786%2045.3166%204.05312e-05%2042.3711%204.05312e-05C39.4256%204.05312e-05%2037.0378%202.38786%2037.0378%205.33337ZM0%205.33337V6.33337H2.11855V5.33337V4.33337H0V5.33337ZM6.35566%205.33337V6.33337H10.5928V5.33337V4.33337H6.35566V5.33337ZM14.8299%205.33337V6.33337H19.067V5.33337V4.33337H14.8299V5.33337ZM23.3041%205.33337V6.33337H27.5412V5.33337V4.33337H23.3041V5.33337ZM31.7783%205.33337V6.33337H36.0154V5.33337V4.33337H31.7783V5.33337ZM40.2525%205.33337V6.33337H42.3711V5.33337V4.33337H40.2525V5.33337Z%22%20fill%3D%22%23BD9A8B%22/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size:contain;

    pointer-events:none;
    z-index:10;

    display:none;

    /* Put it on the RIGHT edge of the card, centered in the gap */
    left: 100%;
    transform: translate(-50%, -50%) rotate(0 deg);
}

/* Show connector only on Step 1 and Step 2 (not Step 3) */
#brxe-ciptfz > .is-step-1::after,
#brxe-ciptfz > .is-step-2::after {
    display:block;
}

/* Prevent clipping */
#brxe-ciptfz { overflow: visible; }

/* Hide on mobile */
@media (max-width: 991px){
    #brxe-ciptfz > .brxe-div::after { display:none !important; }
    #brxe-poggsod {
        padding: 25px 18px 0 18px;
    }
}

/* connector style */

.footer-main .bricks-button {
    padding: 13px 5px;
}

.footer-main .footer-text-link a:hover{
    text-decoration: underline;
}
.footer-newsletter-form button.bricks-button, .footer-newsletter-form.brxe-form .form-group input {
    height: 100%;
}
footer .footer-newsletter-form.brxe-form .form-group input{
    border-radius: 5px 0 0 5px;
}
footer .footer-newsletter-form.brxe-form button[type=submit].bricks-button {
    border-radius: 0 5px 5px 0 ;
}

.footer-newsletter-form .submit-button-wrapper, :where(.brxe-form) .form-group  {
    padding: 0;
}



/* star rating layout */
.rating-stars{
    display: inline-flex;
    gap: 6px;
    vertical-align: middle;
    align-items: center;
}

/* each star: stack an "empty" + a clipped "fill" */
.rating-stars .star{
    position: relative;
    width: 22px;
    height: 22px;
    display: inline-block;
    flex: 0 0 auto;
}

.rating-stars .star img{
    display: block;
    width: 100%;
    height: 100%;
}

/* base empty star (dimmed) */
.rating-stars .star .empty{
    opacity: 0.25; /* empty color intensity */
}

/* filled overlay clipped to width% */
.rating-stars .star .fill{
    position: absolute;
    left: 0; top: 0; bottom: 0;
    overflow: hidden;
    width: 0%;                /* set by JS: 0–100 */
}

/* hide numeric fallback but keep accessible */
.visually-hidden {
    position: absolute !important;
    width: 1px; height: 1px;
    padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 1px 1px);
    white-space: nowrap; border: 0;
}

/* ========= Underline inputs for Gravity Forms ========= */
.gform_wrapper .gfield input[type="text"],
.gform_wrapper .gfield input[type="email"],
.gform_wrapper .gfield input[type="tel"],
.gform_wrapper .gfield input[type="url"],
.gform_wrapper .gfield input[type="number"],
.gform_wrapper .gfield input[type="password"],
.gform_wrapper .gfield input[type="search"],
.gform_wrapper .gfield textarea,
.gform_wrapper .gfield select {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--Stroke, #C3C3C3); /* base line */
    border-radius: 0;
    padding: 12px 0;
    box-shadow: none;
    outline: none;
    transition: border-color .2s ease, background-color .2s ease;
}

/* Focus/active underline color (set your brand color here) */
.gform_wrapper .gfield input:focus,
.gform_wrapper .gfield textarea:focus,
.gform_wrapper .gfield select:focus {
    border-bottom-color: #111;
}

/* Placeholder color */
.gform_wrapper ::placeholder {
    color: rgba(0,0,0,0.35);
    opacity: 1;
}

/* Textarea height + no border box look */
.gform_wrapper .gfield textarea {
    min-height: 160px;
    resize: vertical;
}

/* Labels (optional) */
.gform_wrapper .gfield_label {
    font-weight: 600;
    margin-bottom: 8px;
}

/* Error state */
.gform_wrapper .gfield.gfield_error input,
.gform_wrapper .gfield.gfield_error textarea,
.gform_wrapper .gfield.gfield_error select {
    border-bottom-color: #d33;
}

/* Select: remove native arrow styling inconsistencies */
.gform_wrapper .gfield select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: none;
}

/* Checkboxes / radios keep regular boxes (no underline) */
.gform_wrapper .gfield_checkbox input[type="checkbox"],
.gform_wrapper .gfield_radio    input[type="radio"] {
    width: 18px; height: 18px;
    border: 1px solid rgba(0,0,0,0.25);
    border-radius: 3px;
    margin-right: 10px;
}

/* Consent field alignment */
.gform_wrapper .gfield--type-consent .ginput_container_consent {
    display: flex; gap: 10px; align-items: center;
}

/* Submit button (optional sample style) */
.gform_wrapper .gform_footer input[type="submit"] {
    background: #111; color: #fff;
    border: 0; border-radius: 12px;
    padding: 16px 28px; font-weight: 600;
    transition: transform .06s ease, opacity .2s ease;
}
.gform_wrapper .gform_footer input[type="submit"]:hover {
    opacity: .92; transform: translateY(-1px);
}
.gform_wrapper .gform_button{
    padding: 16px 60px !important;
    background: #000 !important;
}
/* Put the position context on the input container, not the whole field */
.gform_wrapper .gfield--custom-hint .ginput_container {
    position: relative;
}

/* Place the (optional) tag inside the top-right of the input area */
.gform_wrapper .gfield--custom-hint .gfield-optional-hint{
    position: absolute;
    right: 300px;
    color: #9c8ab6;
    pointer-events: none;
    z-index: 1;
    bottom: 351px;
}

body.single-lessons .gform_wrapper .gfield--custom-hint .gfield-optional-hint{
    bottom: 542px;
    right: 366px;
}

/* Add top & right padding so text/placeholder don’t collide with the hint */
.gform_wrapper .gfield--custom-hint textarea {
    padding-top: 28px;     /* matches your earlier value; tweak as needed */
    padding-right: 96px;   /* room for the "(optional)" tag */
}
/* Wrapper & layout */
.instrument-search .bricks-search-form{
    position: relative;
    max-width: 720px;          /* adjust width */
    margin-inline: auto;
    height: 54px;
}

.bricks-search-form button {
    cursor: default;
}

/* Input styling */
.instrument-search input[type="search"]{
    width: 100%;
    background: #fff;
    border:1 px solid #c3c3c3;
    border-radius: 10px;
    padding: 18px 22px 18px 62px;   /* left space for icon */
    /* box-shadow: 0 6px 20px rgba(0,0,0,.12); */
    font-size: 20px;                /* ≥16px avoids iOS zoom */
    line-height: 1.3;
    color: #1f2937;                 /* text color */
    outline: none;
}

.ion-md-call{
    height: 21px;
}
.brxe-ylcxcz .ion-md-call{
    height: 16px;
}

/* Placeholder */
.instrument-search input[type="search"]::placeholder{
    color: #9aa3ad;                 /* light gray like screenshot */
    opacity: 1;                     /* Firefox */
    font-size: 16px;
}

/* Focus ring */
/* .instrument-search input[type="search"]:focus{
  box-shadow: 0 8px 26px rgba(0,0,0,.16), 0 0 0 3px rgba(255,255,255,.6), 0 0 0 5px rgba(0,0,0,.08);
} */

/* Left search icon (inline SVG) */
.instrument-search .bricks-search-form::before{
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    pointer-events: none;
    opacity: .9;
    background: no-repeat center/contain
    url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="7"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>');
}

/* Remove default WebKit clear button if you want a cleaner look */
.instrument-search input[type="search"]::-webkit-search-cancel-button{
    -webkit-appearance: none;
    appearance: none;
    display: none;
}

/* === Tabs: pill header + merged rounded panel === */
.tab-wrapper{
    z-index: 4;
}
.brxe-hvjrcv ul {
    padding-left: 12px;
}

.lesson-tabs {
    --tab-bg: #6ec9c3;   /* teal panel color */
    --radius: 18px;
    --gap: 28px;
    position: relative;
    background: var(--tab-bg);
    border-radius: var(--radius);
    padding: 28px;              /* inner padding of the panel */
}

/* Put the tab labels on top-left, outside the panel content */
.lesson-tabs .tab-menu {
    position: absolute;
    top: -60px;                 /* lift the row above the panel a bit */
    left: 18px;
    display: flex;
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: -1;
    width: 100%;
}

/* Inactive tab label */
.lesson-tabs .tab-title {
    position: relative;
    background: #f7f7f7;
    color: #111;
    border-radius: 20px 20px 0 0;
    padding: 10px 16px;
    font-weight: 600;
    line-height: 1.1;
    border: 0;
    cursor: pointer;
    left: -18px;
    border: none !important;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

/* Active tab merges with the panel */
.lesson-tabs .tab-title.brx-open {
    background: var(--tab-bg);
    color: #111;
    border-radius: 20px 20px 0 0; /* top-left/tl join look */
    box-shadow: none;
    border: none !important;
}

/* Little “notch” to the right of the active pill */
/* .lesson-tabs .tab-title.brx-open::after {
  content: "";
  position: absolute;
  right: -24px;
  top: calc(100% - 24px);
  width: 24px;
  height: 24px;
  background: var(--tab-bg);
  border-bottom-left-radius: 24px;
} */

/* Remove any default borders / backgrounds from panes */
.lesson-tabs .tab-content,
.lesson-tabs .tab-pane {
    padding: 0 !important;
    border: none !important;
    background: transparent;
    border: 0;
}

/* === List styling inside tab panes === */
.lesson-tabs .tab-pane ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr; /* two columns */
    gap: 14px 56px;                 /* row / column gaps */
}

.lesson-tabs .tab-pane li {
    position: relative;
    padding-left: 28px;
    line-height: 27px;
}

/* Music note bullet */
.lesson-tabs .tab-pane li::before {
    content: "♫";                    /* or "\266B" */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
}

/* =========================================================
   Lesson Switch (Custom Tabs) — FULL UPDATED CSS
   Includes: left tab on left, second tab pushed right (like design),
   active tab overlaps panel, list is 2 columns with music note bullets.
   ========================================================= */

.lesson-switch {
    position: relative;
}

/* ---------- Tabs row (white area) ---------- */
.lesson-switch__tabs {
    display: flex;
    justify-content: center;     /* do NOT use space-between */
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 5;
}

/* Push tab #2 to the right */
.lesson-switch__tabs .lesson-switch__tab[data-tab="2"]{
    margin-left: auto;
}

/* Reset Bricks button styling */
.lesson-switch__tab.brxe-button {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    cursor: pointer;
}

.lesson-switch__tab.bricks-background-primary {
    background: transparent !important;
}

/* Base tab typography */
.lesson-switch__tab {
    font-size: 23px;
    font-weight: 400;
    color: inherit;
    line-height: 27px;
    position: relative;
    z-index: 6;
    text-decoration: none;
}

/* Inactive tab stays in white */
.lesson-switch__tab:not(.is-active) {
    transform: none !important;
}

/* ---------- Panel ---------- */
.lesson-switch__panel {
    background: #6fcfc8;
    border-radius: 0 0 36px 36px;
    padding: 36px ;
    position: relative;
    z-index: 1;
}


/* Hide inactive content */
.lesson-switch__content[hidden] {
    display: none !important;
}

.lesson-switch__content{
    display: none;
}

/* Only show the active panel */
.lesson-switch__content.is-active{
    display: block;
}

/* ---------- List layout (2 columns) ---------- */
.lesson-switch__panel ol,
.lesson-switch__panel ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;

    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 100px;
}


/* Remove WYSIWYG spacing */
.lesson-switch__panel li,
.lesson-switch__panel p {
    margin: 0 !important;
    padding: 0 !important;
}

/* Item layout */
.lesson-switch__panel li {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    padding-left: 56px;
    width: 270px;
}

/* Music icon bullet */
.lesson-switch__panel li::before {
    content:"";
    width:34px;               /* icon size */
    height:34px;
    display:inline-block;
    flex: 0 0 34px;
    margin-top: 2px;

    background-color: currentColor;

    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2717%27%20height%3D%2722%27%20viewBox%3D%270%200%2017%2022%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M15.212%200.0217515L5.63358%201.87537C5.19852%201.961%204.88377%202.34052%204.88377%202.78483V14.2535C2.5812%2013.2608%20-0.357634%2015.9637%200.0356813%2018.493C0.834062%2023.1537%206.80947%2021.145%206.73542%2017.1485V7.17914L14.4625%205.61476V8.97026C10.8918%207.59334%207.6823%2013.2329%2010.9173%2015.4429C13.2407%2016.961%2016.3231%2014.5334%2016.3137%2011.9208V0.928495C16.3276%200.366143%2015.763%20-0.101273%2015.2122%200.0190366L15.212%200.0217515ZM4.507%2018.3635C3.10697%2020.3791%200.964047%2018.979%202.25073%2016.8871C3.70629%2014.8414%205.76356%2016.3108%204.507%2018.3635ZM6.7332%205.2913V3.55107L14.4603%202.05616V3.7293L6.7332%205.29367V5.2913ZM14.0762%2013.0737C12.5419%2015.1888%2010.5726%2013.5226%2011.8199%2011.5973C13.2385%209.56781%2015.3582%2011.0002%2014.0762%2013.0737Z%27%20fill%3D%27black%27/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2717%27%20height%3D%2722%27%20viewBox%3D%270%200%2017%2022%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M15.212%200.0217515L5.63358%201.87537C5.19852%201.961%204.88377%202.34052%204.88377%202.78483V14.2535C2.5812%2013.2608%20-0.357634%2015.9637%200.0356813%2018.493C0.834062%2023.1537%206.80947%2021.145%206.73542%2017.1485V7.17914L14.4625%205.61476V8.97026C10.8918%207.59334%207.6823%2013.2329%2010.9173%2015.4429C13.2407%2016.961%2016.3231%2014.5334%2016.3137%2011.9208V0.928495C16.3276%200.366143%2015.763%20-0.101273%2015.2122%200.0190366L15.212%200.0217515ZM4.507%2018.3635C3.10697%2020.3791%200.964047%2018.979%202.25073%2016.8871C3.70629%2014.8414%205.76356%2016.3108%204.507%2018.3635ZM6.7332%205.2913V3.55107L14.4603%202.05616V3.7293L6.7332%205.29367V5.2913ZM14.0762%2013.0737C12.5419%2015.1888%2010.5726%2013.5226%2011.8199%2011.5973C13.2385%209.56781%2015.3582%2011.0002%2014.0762%2013.0737Z%27%20fill%3D%27black%27/%3E%3C/svg%3E") no-repeat center / contain;
}


.home #brxe-vaqnqs{
    position: relative !important;
    overflow: hidden;
}

.home #brxe-vaqnqs::after{
    content: "";
    position: absolute;
    inset: 0;
    background-color:#303030;
    opacity: 0.52;
    /* transition: background-color .3s, border-radius .3s, opacity .3s; */
    z-index: 1;
    pointer-events: none;
}

/* push actual content above the overlay */
.home #brxe-vaqnqs > *{
    position: relative;
    z-index: 2;
}


/* ---------- Responsive ---------- */
@media (max-width: 900px) {
    .lesson-switch__tabs {
        flex-wrap: wrap;
        gap: 18px;
    }

    /* Remove right push on small screens */
    .lesson-switch__tabs .lesson-switch__tab[data-tab="2"]{
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .lesson-switch__tab {
        font-size: 22px;
    }

    .lesson-switch__panel {
        padding: 36px ;
        border-radius: 0 0 36px 36px;
    }

    .lesson-switch__panel ol,
    .lesson-switch__panel ul {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .lesson-switch__panel li::before {
        font-size: 28px;
    }
    .sd-progress .brxe-container{
        padding: 0 12px !important;
    }
    #brxe-wwgqsj::after{
        transform: translateY(2px);
    }
}

/* lesson switch end */

/* Overlay */
.product-availability{
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.5);
    /* your existing */
    display: flex;
    align-items: center;
    justify-content: center;

    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 999999 !important;
}

.product-availability.active{
    opacity: 1;
    visibility: visible;
}

/* Make overlay scrollable on small screens */
.product-availability.active{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 24px; /* space around modal */
}

/* Modal box */
.product-availability .inner-wrapper{
    position: relative;
    width: min(900px, 100%);
    margin: auto;

    /* key: constrain height so inner can scroll */
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
}

/* Close button stays visible */
.product-availability .close-button{
    position: sticky; /* or absolute if you prefer */
    top: 0;
    z-index: 5;
    align-self: flex-end;
    cursor: pointer;
}

/* This becomes the scroll container */
.product-availability .form-wrapper{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;

    /* If close button is inside flow, add top padding */
    padding: 24px;
    background: #f7efff; /* optional, match your design */
    border-radius: 12px; /* optional */
}


/* Base accordion title styling */
.brxe-accordion-nested .accordion-title-wrapper {
    position: relative;
    cursor: pointer;
    padding-right: 30px; /* space for icon */
}

/* Default: plus sign */
.brxe-accordion-nested .accordion-title-wrapper::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    font-weight: 600;
    color: #000 ;
    transition: all 0.3s ease;
}

/* When the accordion is open — minus sign */
.brxe-accordion-nested .accordion-title-wrapper[aria-expanded="true"]::after {
    content: "−"; /* minus sign */
    color: #000; /* optional accent color */
}

.brxe-accordion-nested .brxe-npgnwc {
    position: relative;
    display: block;
}

/* Divider line with 30px top/bottom spacing */
.brxe-accordion-nested .brxe-npgnwc::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #000; /* solid black */
    margin: 30px 0;
}
/* map section */
.teachers-map-layout {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.single-lessons .teachers-map-layout{
    background-color: #EFCCBD;
}

.teachers-map-layout__map {
    flex: 1 1 60%;
}

.teachers-map-layout__list {
  flex: 1 1 40%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 16px;
  padding: 0 12px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: auto;
    touch-action: pan-y;
    min-height: 0;
}
.view-btn{
    text-align: center;
}
.view-btn button{
    padding: 16px 60px;
    background: #000;
    color: #fff;
    border-radius: 5px;
    border: 1px solid var(--Stroke, #C3C3C3);
}
.teachers-map-layout{
    background-color: #efccbd;
}
.teachers-map-layout__list .teacher-tile{
    width: auto;
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.teacher-tile-wrapper{
    display: flex;
    gap: 10px;
    align-items: center;
}

.teacher-tile__inner {
    display: flex;
    gap: 12px;
    text-decoration: none;
    color: inherit;
    flex-wrap: wrap;
}

.teacher-tile__image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 6px;
    object-fit: cover;
    min-height: 263px;
}

.teacher-tile__content {
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.teacher-tile__title {
    font-size: 18px;
    font-weight: 400;
}
.teacher-tile__hrly-rate{
    font-size: 14px;
    font-weight: 500;
}
.teacher-tile__instruments {
    font-size: 14px;
    margin-top: 7px;
    color: #5E5E5E;
    font-weight: 400;
}
#brxe-oachfm .bricks-mobile-menu-wrapper:before, #brxe-717be4 .bricks-mobile-menu-wrapper:before{
    border-radius: 10px;
}
.brxe-nav-menu .bricks-mobile-menu {
    margin-top: 50px;
}
.archive-hero{
    position: relative;
    overflow: hidden;
}

/* gradient overlay */
.archive-hero::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            90deg,
            rgba(0,0,0,.65) 0%,
            rgba(0,0,0,.35) 55%,
            rgba(0,0,0,0) 100%
    );
    pointer-events: none;
    z-index: 0;
}

/* make sure all hero content sits above overlay */
.archive-hero > *{
    position: relative;
    z-index: 1;
}

.instrument-breadcrumb {
    display: none;
}
.first-instrument .instrument-breadcrumb {
    display: block;
}
.instrument-breadcrumb:nth-of-type(2) {
    display: block !important;
}
/* css for archive */

.brxe-shortcode {
    background: #F7ECDC;
}

.lessons-archive__filter {
    position: relative;
    display: inline-flex;
    align-items: center;
    display: none;
}

.lessons-archive__filter select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    border: 0;
    outline: none;
    box-shadow: none;
    padding: 0 28px 0 0;
    font-size: 12px;
    line-height: 2;
    cursor: pointer;
}

.lessons-archive__filter::after {
    content: "▾";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-55%);
    pointer-events: none;
    font-size: 12px;
    opacity: 0.9;
}

.lessons-archive__filter select:focus {
    outline: none;
}

.lessons-archive__filter:hover select {
    opacity: 0.9;
}

.lessons-archive {
    max-width: 1440px;
    margin: 0 auto;
    padding: 70px;
}

.lessons-archive__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    margin: 24px 0;
}

.lessons-archive__title {
    font-size: 40px;
    line-height: 1.1;
}

.lessons-archive__filter select {
    width: 220px;
    padding: 10px 12px;
    border-radius: 8px;
    background: #F7ECDC;
}

.lessons-archive__group {
    margin-top: 41px;
}

.lessons-archive__group-title {
    font-size: 26px;
    margin: 18px 0 18px;
}

.lessons-archive__grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 28px;
}

.lessons-archive__card {
    text-decoration: none;
    color: inherit;
    /* display: block; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lessons-archive__card-body {
    margin-top: 14px;
}

.lessons-archive__card-title {
    font-size: 14px;
    margin: 0 0 6px;
}

.lessons-archive__card-excerpt {
    font-size: 11px;
    opacity: 0.75;
    line-height: 1.4;
}
form#gform_1{
    background: #FFF3FF;
}
#gform_submit_button_1 {
    padding: 16px 60px !important;
}
h2{
    margin-bottom: 20px;
}

#brxe-blvjho{
    display: inline-block;
    /* padding: 14px 22px; */
    /* border-radius: 14px; */
    /* backdrop-filter: blur(6px); */
    color: #111;
    /* border: 1px solid rgba(0, 0, 0, 0.08); */
    /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18); */
}

/* Algolia autocomplete.js (old) styling: .algolia-autocomplete / .aa-dropdown-menu / .aa-dataset-* */
.algolia-autocomplete {
    width: 100%;
}

.algolia-autocomplete .aa-dropdown-menu {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    margin-top: 8px;
    z-index: 99999;
}

.algolia-autocomplete .aa-dropdown-menu > div[class^="aa-dataset"] {
    background: transparent !important;
    border-radius: 0 !important;
}

.algolia-autocomplete .aa-dropdown-menu .aa-dataset-3 {
    background: transparent !important;
    padding: 6px 0;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
    padding: 12px 16px;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.35;
    background: transparent;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion:hover,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion.aa-cursor {
    background: rgba(0, 0, 0, 0.06);
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion * {
    margin: 0;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a {
    text-decoration: none;
    color: inherit;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .content {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 !important;
    background: transparent !important;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .thumb,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .thumbnail,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .suggestion-thumb,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .algolia-autocomplete-suggestion--thumb,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .algolia-autocomplete-suggestion--thumbnail {
    background: transparent !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion img {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
    background: transparent !important;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .title,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .aa-suggestion-title,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion h1,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion h2,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion h3,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion h4 {
    font-weight: 600;
    line-height: 1.2;
}

.algolia-autocomplete .aa-dropdown-menu em {
    font-style: normal;
    font-weight: 700;
    background: transparent;
}

.algolia-autocomplete .aa-dropdown-menu .aa-empty {
    padding: 12px 14px;
    opacity: 0.7;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion > a,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion a {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
    width: 100%;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .content {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .content a,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .content .title,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .content span {
    display: inline-flex;
    align-items: center;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion img {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    object-fit: cover;
    display: block;
    flex: 0 0 44px;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .title,
.algolia-autocomplete .aa-dropdown-menu .aa-suggestion .aa-suggestion-title {
    line-height: 1.2;
}

.algolia-autocomplete .aa-dropdown-menu .aa-suggestion * {
    margin: 0;
    padding: 0;
}

/* New Nav menu start */

:root {
    --sd-mobile-header-h: 82px;
}

.sd-nav-wrap {
    position: relative;
}

.sd-nav {
    position: relative;
}

/* -------------------- */
/* Mobile hamburger      */
/* -------------------- */
.sd-nav__toggle {
    display: none; /* shown only on mobile */
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 8px;
    color: inherit;
}

.sd-nav__burger {
    width: 22px;
    height: 16px;
    position: relative;
    display: inline-block;
}

.sd-nav__burger::before,
.sd-nav__burger::after,
.sd-nav__burger span {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: currentColor;
    border-radius: 2px;
}

.sd-nav__burger::before { top: 0; }
.sd-nav__burger span { top: 7px; }
.sd-nav__burger::after { top: 14px; }

.sd-nav__burger::before,
.sd-nav__burger::after,
.sd-nav__burger span {
    transition: transform 220ms ease, opacity 160ms ease;
    transform-origin: 50% 50%;
}

/* When toggle is expanded: turn burger into X */
.sd-nav__toggle[aria-expanded="true"] .sd-nav__burger span {
    opacity: 0;
}

.sd-nav__toggle[aria-expanded="true"] .sd-nav__burger::before {
    transform: translateY(7px) rotate(45deg);
}

.sd-nav__toggle[aria-expanded="true"] .sd-nav__burger::after {
    transform: translateY(-7px) rotate(-45deg);
}

/* -------------------- */
/* Desktop nav           */
/* -------------------- */
.sd-nav__top {
    display: flex;
    gap: 40px;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sd-nav__top-item {
    position: relative;
}

.sd-nav__top-link,
.sd-nav__top-trigger {
    font: inherit;
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
    color: inherit;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    line-height: 1;
}
.home .sd-nav__top-link{
    color: #fff;
}
.home #brx-header.brx-sticky.scrolling .sd-nav__top-link{
    color: #000;
}

.single-lessons li.sd-nav__top-item  a.sd-nav__top-link, .single-lessons li.sd-nav__top-item  button, .post-type-archive-lessons li.sd-nav__top-item  a.sd-nav__top-link,  .post-type-archive-lessons li.sd-nav__top-item  button, .page-id-14 li.sd-nav__top-item a.sd-nav__top-link, .page-id-14 li.sd-nav__top-item  button{
    color: #fff;
}
.single-lessons #brx-header.brx-sticky.scrolling li.sd-nav__top-item  a.sd-nav__top-link, .single-lessons #brx-header.brx-sticky.scrolling li.sd-nav__top-item  button, .post-type-archive-lessons #brx-header.brx-sticky.scrolling li.sd-nav__top-item a.sd-nav__top-link, .post-type-archive-lessons #brx-header.brx-sticky.scrolling li.sd-nav__top-item  button, .page-id-14 #brx-header.brx-sticky.scrolling li.sd-nav__top-item a.sd-nav__top-link, .page-id-14  #brx-header.brx-sticky.scrolling li.sd-nav__top-item  button{
    color: inherit;
}

.category h1{
    font-size: 26px;
}
.category .brxe-container{
    padding: 0 17px;
}

.sd-nav__chev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.sd-nav__chev-icon {
    display: block;
    transition: transform 200ms ease;
    transform-origin: 50% 50%;
    color: #fff;
}
.page-id-18 .sd-nav__chev-icon, .single-post .sd-nav__chev-icon {
    color: #000;
}

#brx-header.brx-sticky.scrolling .sd-nav__chev-icon{
    color: #000;
}
/* .sd-nav__top-trigger[aria-expanded="true"] .sd-nav__chev-icon {
  transform: rotate(180deg);
} */

@media (min-width: 992px) {
    .sd-nav__top-item.has-children:hover .sd-nav__chev-icon,
    .sd-nav__top-item.has-children:focus-within .sd-nav__chev-icon {
        transform: rotate(180deg);
    }
    /* Active tab becomes pill overlapping teal panel */
    .lesson-switch__tab.is-active {
        background: #6fcfc8 !important;
        padding: 18px 85px !important;
        border-radius: 36px 36px 0 0 !important;
        transform: translateY(1px);
    }
}

.sd-nav__top-has-children {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sd-nav__top-trigger {
    background: transparent;
    border: 0;
    padding: 0;
    cursor: pointer;
    line-height: 1;
    display: inline-flex;
    align-items: center;
}

/* Mobile row layout */
.sd-nav__mobile-row{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

/* Make the text/link take all available space */
.sd-nav__mobile-row .sd-nav__mobile-link{
    flex: 1;
    display: block;
    padding-right: 16px; /* breathing room from chevron */
}

/* Give the chevron button its own tap area */
.sd-nav__mobile-row .sd-nav__mobile-next{
    flex: 0 0 auto;
    margin-left: auto;
    padding: 10px 14px;  /* bigger hit target */
    background: transparent;
    border: 0;
}
.sd-nav__mobile-next svg{
    height: 18px;
    width: 18px;
}

/* Mega menu */
.sd-nav__mega {
    position: fixed;
    left: 0;
    right: 0;
    top: calc(var(--sd-nav-mega-top, 80px) - 18px);
    z-index: 99999;
}
.single-post .sd-nav__mega{
    top: calc(var(--sd-nav-mega-top, 80px) - 1px);
}
.sd-nav__mega::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -18px;      /* increase if your gap is bigger */
    height: 18px;
    background: transparent;
}
/* Desktop hover open (only desktop) */
@media (min-width: 992px) {
    /* Default closed state (but still in DOM for hover/focus) */
    .sd-nav__mega {
        display: block;          /* allow transitions */
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition: opacity 180ms ease, visibility 0s linear 180ms;
    }

    /* Open on hover */
    .sd-nav__top-item.has-children:hover > .sd-nav__mega {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 180ms ease, visibility 0s;
    }

    /* Open on keyboard tab focus */
    .sd-nav__top-item.has-children:focus-within > .sd-nav__mega {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 180ms ease, visibility 0s;
    }
    #brxe-wwgqsj::after {
        transform: translateY(14px);
    }
}


.sd-nav__mega-inner {
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: none;
    border-radius: 0;
    padding: 66px 0;
}
.sd-nav__mega-inner #brxe-poggod{
    margin: 0 auto;
    margin-bottom: 40px;
    width: min(1200px, calc(100% - 120px));
}

.sd-nav__mega-grid {
    width: min(1200px, calc(100% - 120px));
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    column-gap: 90px;
    row-gap: 50px;
}

.sd-nav__group-title {
    font-weight: 800;
    font-size: 16px;
    line-height: 1.15;
    margin: 0 0 14px;
    letter-spacing: -0.2px;
}

.sd-nav__group-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.sd-nav__link {
    color: rgba(0, 0, 0, 0.68);
    text-decoration: none;
    font-size: 14px;
    line-height: 1.35;
}

.sd-nav__link:hover {
    color: rgba(0, 0, 0, 0.92);
    text-decoration: none;
}

/* responsive mega grid */
@media (max-width: 1400px) {
    .sd-nav__mega-grid {
        grid-template-columns: repeat(5, minmax(150px, 1fr));
    }
}

@media (max-width: 1200px) {
    .sd-nav__mega-grid {
        grid-template-columns: repeat(4, minmax(150px, 1fr));
    }
}

@media (max-width: 1024px) {
    .sd-nav__mega-grid {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }
}

/* -------------------- */
/* Mobile drawer         */
/* -------------------- */
.sd-nav__overlay {
    position: fixed;
    /* start below existing header */
    top: var(--sd-mobile-header-h);
    left: 0;
    right: 0;
    bottom: 0;

    background: rgba(0, 0, 0, 0.45);
    z-index: 99998;
}

.sd-nav__drawer {
    position: fixed;
    /* start below existing header */
    top: var(--sd-mobile-header-h);
    left: 0;
    height: calc(100dvh - var(--sd-mobile-header-h));
    width: 100%;

    background: #fff;
    z-index: 99999;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;

    transform: translateX(-100%);
    transition: transform 220ms ease;
}

body.sd-nav--open .sd-nav__drawer {
    transform: translateX(0);
}

.sd-nav__drawer-head {
    display: none;
}

/* Keep close styles in case you place the close button elsewhere */
.sd-nav__close {
    background: transparent;
    border: 0;
    cursor: pointer;

    padding: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    line-height: 0;
    color: inherit;
}

.sd-nav__close-icon {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    display: block;
}

.sd-nav__mobile {
    flex: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.sd-nav__mobile-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sd-nav__mobile-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.sd-nav__mobile-link,
.sd-nav__mobile-next {
    /* width: 100%; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: inherit;
    background: #fff;
    border: 0;
    padding: 16px 18px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
}

.sd-nav__arrow {
    opacity: 0.6;
    font-size: 20px;
    line-height: 1;
}

.sd-nav__back {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    font: inherit;
    background: #fff;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding: 16px 18px;
    cursor: pointer;
    text-align: left;
}
.sd-nav__back svg{
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
}

/* Step 2: groups in 2 columns */
.sd-nav__mobile-lvl2-wrap {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 28px;
    row-gap: 22px;
    padding: 18px;
}

.sd-nav__mobile-group {
    padding: 0;
}

.sd-nav__mobile-group-title {
    font-weight: 800;
    font-size: 18px;
    padding: 0 0 10px;
}

.sd-nav__mobile-group-links {
    padding: 0;
}

.sd-nav__mobile-group-links a {
    display: block;
    padding: 8px 0;
    color: inherit;
    text-decoration: none;
    opacity: 0.9;
}

.sd-nav__mobile-group-links a:hover {
    opacity: 1;
}

body.sd-nav--open {
    overflow: hidden;
}

/* Make sure the existing header stays above overlay + drawer */
#brx-header {
    position: relative;
    z-index: 100000;
}

#brx-header.brx-sticky.scrolling {
    position: sticky;
}

header#brx-header
{
    background-color: transparent !important;
    background: transparent !important;
}

.bricks-header,
.bricks-header * ,
.brx-header,
.brx-header * {
    background-color: transparent !important;
    background: transparent !important;
}

/* Make header overlay the hero so transparent actually shows the hero behind */
#brx-header {
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent !important;
}

#brx-header.brx-sticky {
    position: fixed !important;
}

/* Remove any default background on inner header section */
#brx-header > .brxe-section {
    background: transparent !important;
}

#brxe-wwgqsj{
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: .4em;
    position: relative;
    line-height: 100%;
}

/* underline under the centered text */
#brxe-wwgqsj::after{
    content: "";
    position: absolute;
    height: 1px;
    background: currentColor;
    top: 50%;
    left: 0px;
    right: calc(5px + 0.9em);

}


@media (max-width: 991px) {
    body.sd-nav--open #brx-header,
    body.sd-nav--open #brx-header > .brxe-section {
        background-color: #f7ecdc !important;
        background: #f7ecdc !important;
    }
}


/* -------------------- */
/* Mobile only rules     */
/* -------------------- */
@media (min-width: 992px) {
    /* ensure mobile UI never shows on desktop */
    .sd-nav__toggle,
    .sd-nav__overlay,
    .sd-nav__drawer {
        display: none !important;
    }
}

@media (max-width: 991px) {
    /* hide desktop UI on mobile */
    .sd-nav__top {
        display: none;
    }

    /* mega panels should never show on mobile */
    .sd-nav__mega {
        display: none !important;
    }

    .sd-nav__toggle {
        display: inline-flex;
    }
}

/* Header overrides (your existing) */
#brx-header.brx-sticky.scrolling > .brxe-section {
    background-color: #f7ecdc !important;
}
#brx-header.brx-sticky .brxe-shortcode {
    background: none;
}

/* iOS Safari fix: use dynamic viewport + safe-area */
@media (max-width: 991px) {
    .sd-nav__drawer {
        height: calc(100dvh - var(--sd-mobile-header-h));
    }

    .sd-nav__mobile {
        padding-bottom: calc(24px + env(safe-area-inset-bottom));
    }

    /* prevents flex overflow quirks */
    .sd-nav__mobile {
        min-height: 0;
    }
}

/* Fallback for browsers that don't support dvh */
@supports not (height: 100dvh) {
    @media (max-width: 991px) {
        .sd-nav__drawer {
            height: calc(100vh - var(--sd-mobile-header-h));
        }
    }
}


/* New Nav menu end */

.brxe-social-icons,
.brxe-social-icons a,
.brxe-social-icons i,
.brxe-social-icons svg {
    line-height: 1 !important;
}

.teachers-map-empty{
    padding: 15px;
    font-size: 16px;
    text-align: center;
}

/* Journey style start */
.sd-progress {
    padding: 64px 0;
    background: #F4F2FF;
}
.sd-progress .container {
    padding: 0 290px;
}

.sd-progress__inner {
    width: min(1100px, calc(100% - 40px));
    margin: 0 auto;
}

.sd-progress__heading {
    text-align: center;
    margin: 0 0 28px;
}

.sd-progress__grid {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    align-items: start;
}

/* Left */
.sd-progress__list {
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
}

.sd-progress__item {
    width: 100%;
    text-align: left;
    background: transparent;
    border: 0;
    padding: 18px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,0.10);
}

.sd-progress__item:last-child {
    border-bottom: 0;
}

.sd-progress__item-label {
    font-size: 12px;
    opacity: 0.7;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.sd-progress__item-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
}

.sd-progress__item.is-active {
    background: #ead9ff;
}

.sd-progress__item-range, .sd-progress__item-title {
    color: #000;
}

/* Right */
.sd-progress__panel-inner {
    background: #ead9ff;
    border-radius: 10px;
    padding: 24px;
    min-height: 220px;
}

.sd-progress__panel-title {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
}

.sd-progress__panel-desc {
    opacity: 0.85;
    line-height: 1.6;
}
#brxe-xntsyc iframe{
    width: 100%;
    height: 320px;
}
#brxe-xntsyc{
    width: 100%;
}
#brxe-wrixqz {
    justify-content: space-between;
}

@media (max-width: 991px) {
    .sd-progress__grid {
        grid-template-columns: 1fr;
    }
}


/* Journey style  end */

@media (max-width: 767px) {
    .algolia-autocomplete .aa-dropdown-menu {
        border-radius: 12px;
    }

    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion {
        padding: 12px 14px;
    }

    .algolia-autocomplete .aa-dropdown-menu .aa-suggestion img {
        width: 40px;
        height: 40px;
    }
    .section-alt-column .brxe-bvjcvh, .section-alt-column .brxe-gdhwap {
        padding: 40px 20px !important;
        box-sizing: border-box;
    }
}

/* Algolia autocomplete.js (old) styling: .algolia-autocomplete / .aa-dropdown-menu / .aa-dataset-* */


@media (max-width: 1024px) {
    .lessons-archive__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .lessons-archive__top {
        flex-direction: column;
        align-items: stretch;
    }

    .lessons-archive__filter select {
        width: 100%;
    }

    .lessons-archive__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 20px;
    }

    .lessons-archive__title {
        font-size: 34px;
    }
    .section-alt-column .brxe-rcpoka .brxe-bvjcvh {
        margin: 0 !important;
    }
    #brxe-blvjho{
        padding: 12px 16px;
        border-radius: 12px;
    }
}

@media (max-width: 420px) {
    .lessons-archive__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .circle-img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        overflow: hidden;
    }
    .lessons-archive__card-title{
        text-align: center;
    }

    #brxe-ldpfbo{
        display: none;
    }
    #brxe-upbjdd{
        display: block;
    }
    header.scrolling #brxe-upbjdd{
        display: none;
    }
    header.scrolling #brxe-ldpfbo{
        display: block;
    }


    .page-id-18 #brxe-upbjdd, .post-type-archive-lessons #brxe-hbmgzb {
        display: none;
    }
    .page-id-18 #brxe-ldpfbo, .post-type-archive-lessons #brxe-df7989 {
        display: block;
    }
    .page-id-18 header.scrolling #brxe-ldpfbo, .post-type-archive-lessons header.scrolling #brxe-hbmgzb{
        display: block;
    }
    .page-id-18 header.scrolling #brxe-upbjdd, .post-type-archive-lessons header.scrolling #brxe-df7989{
        display: none;
    }
    .sd-nav--open #brxe-upbjdd, .sd-nav--open #brxe-df7989{
        display: none;
    }
    .sd-nav--open #brxe-ldpfbo, .sd-nav--open #brxe-hbmgzb{
        display: block;
    }
    .ion-md-call{
        height: 16px;
    }
    /* #brxe-poggsod {
      padding: 25px 18px 0 18px;
    } */
    #brxe-poggsod #brxe-wwgqsj{
        margin-bottom: 0;
    }
    .sd-nav__mobile-lvl2-wrap {
        padding-top: 0;
    }
    .footer-main #brxe-poggod, .footer-main #brxe-wwgqsj {
        margin-bottom: 0;
    }
    .brxe-ylcxcz .ion-md-call{
        height: 13px;
    }
}
@media (min-width: 421px) and (max-width: 469px){

    #brxe-ldpfbo{
        display: none;
    }
    #brxe-upbjdd{
        display: block;
    }
    header.scrolling #brxe-upbjdd{
        display: none;
    }
    header.scrolling #brxe-ldpfbo{
        display: block;
    }


    .page-id-18 #brxe-upbjdd, .post-type-archive-lessons #brxe-hbmgzb {
        display: none;
    }
    .page-id-18 #brxe-ldpfbo, .post-type-archive-lessons #brxe-df7989 {
        display: block;
    }
    .page-id-18 header.scrolling #brxe-ldpfbo, .post-type-archive-lessons header.scrolling #brxe-hbmgzb{
        display: block;
    }
    .page-id-18 header.scrolling #brxe-upbjdd, .post-type-archive-lessons header.scrolling #brxe-df7989{
        display: none;
    }
    .sd-nav--open #brxe-upbjdd, .sd-nav--open #brxe-df7989{
        display: none;
    }
    .sd-nav--open #brxe-ldpfbo, .sd-nav--open #brxe-hbmgzb{
        display: block;
    }
}
@media (max-width: 767px) {
.teachers-map-layout__list {
	max-height: 50vh; /* adjust as needed */
	}
}
/* css for archive */
@media (min-width: 1024px) {
    .teachers-map-layout {
        flex-direction: row;
    }
    .teachers-map-layout__map {
        position: sticky;
        top: calc(var(--sd-sticky-offset, 0px) + 24px);
        align-self: flex-start;
    }
    .teachers-map-layout__list {
        padding: 0;
    }

    .teachers-map-layout__list .teacher-tile{   
        display: block;
        width: auto;
        flex: 0 0 calc(50% - 8px);
        max-width: calc(50% - 8px);
    }
    .teacher-tile-wrapper{
        display: block;
    }
    .teachers-map-layout{
        background-color: #fff;
    }
    .teacher-tile__image {
        width: 100%;
    }
    .teacher-tile__hrly-rate{
        font-size: 12px;
        font-weight: 400;
    }
    .view-btn {
        display: none;
    }
    .lessons-archive__top{
        margin: 0 0 70px 0;
    }
}

.teachers-map-layout__list .teacher-tile {
    display: block;
    width: auto;
    flex: 0 0 calc(50% - 8px);
    max-width: calc(50% - 8px);
}
.teacher-tile-wrapper {
    display: block;
}

@media (max-width: 1360px) and (min-width: 1000px) {
    #brxe-gulysw .bricks-layout-wrapper{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1439px) and (min-width: 470px){
    #brxe-kzhgen , #brxe-mdmmzc, #brxe-ovgyzb{
        min-height: 298px !important;
    }
    .circle-img {
        width: 175px;
        height: 175px;
        border-radius: 50%;
        overflow: hidden;
    }
    #brxe-ldpfbo{
        display: none;
    }
    header.scrolling #brxe-ldpfbo{
        display: block;
    }

    header.scrolling #brxe-upbjdd{
        display: none;
    }
    .page-id-18 #brxe-upbjdd {
        display: none;
    }
    .page-id-18 #brxe-ldpfbo{
        display: block;
    }
    .page-id-18 header.scrolling #brxe-ldpfbo{
        display: block;
    }
    .page-id-18 header.scrolling #brxe-upbjdd {
        display: none;
    }
    .sd-nav--open #brxe-upbjdd, .sd-nav--open #brxe-df7989{
        display: none;
    }
    .sd-nav--open #brxe-ldpfbo, .sd-nav--open #brxe-hbmgzb{
        display: block;
    }

    #brxe-blvjho{
        text-shadow: 0 2px 4px rgba(0,0,0,.65), 0 6px 18px rgba(0,0,0,.55) ;
    }
}

/* @media (max-width: 991px) and (min-width: 470px){
  #brxe-kzhgen , #brxe-mdmmzc, #brxe-ovgyzb{
    min-height: 285px !important;
  }
} */


@media (min-width: 1440px) {
    #wpsl-gmap{
        width: 60% !important ;
    }
    #wpsl-result-list {
        width: 40% !important;
        margin-top: 45px ;
    }
    .wpsl-search{
        width: 455px;
        margin-top: 30px;
        margin-bottom: 0 !important;
        padding: 0 !important;
    }
    #wpsl-search-input{
        width: 100% !important;
        border-radius: 10px !important;
    }
    .wpsl-default-filters{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    /* Hide the label visually but keep it accessible */
    .wpsl-input label {
        position: absolute !important;
        width: 1px; height: 1px;
        padding: 0; margin: -1px;
        overflow: hidden; clip: rect(0, 0, 0, 0);
        white-space: nowrap; border: 0;
    }

    /* Optional: remove the extra wrapper spacing if needed */
    .wpsl-input > div:first-child { display: contents; } /* or display:none; if you prefer */

    .wpsl-panels{
        display: flex;
        justify-content: space-around;
        width: 1280px;
        gap: 33px;
    }

    #wpsl-stores ul {
        display: flex;
        flex-wrap: wrap;
    }
    #wpsl-stores ul li{
        width: 50%;
    }
    .wpsl-direction-wrap{
        display: none;
    }
    /* Visually hide the label but keep it accessible */
    #wpsl-search-wrap{
        background-color : #EFCCBD ;
        width: 479px !important;
        position: absolute;
        right: 30px;
        top: 31px;
    }
    body.single-teachers #wpsl-search-wrap{
        background-color : #fff ;
    }
    #wpsl-search-wrap .wpsl-autocomplete-search-container{
        width: 100% ;
    }
    #wpsl-search-wrap .wpsl-input label {
        position: absolute !important;
        width: 1px; height: 1px;
        margin: -1px; padding: 0;
        overflow: hidden; clip: rect(0,0,0,0);
        white-space: nowrap; border: 0;
    }
    #wpsl-search-wrap div.wpsl-input, #wpsl-search-wrap div.wpsl-search-btn-wrap, #wpsl-search-btn{
        margin-right: 0 !important;
    }
    #wpsl-search-wrap div.wpsl-search-btn-wrap{
        display: none;
    }
    /* Layout: input + (optional) button */
    #wpsl-search-wrap form {
        display: flex;
        align-items: flex-start;
        gap: 12px;
    }

    /* Icon container */
    #wpsl-search-wrap .wpsl-input {
        position: relative;
        flex: 1;
    }

    /* The input: pill, soft border, placeholder style */
    #wpsl-search-input {
        width: 100%;
        height: 48px;                 /* adjust to taste */
        padding: 0 16px 0 46px;       /* left padding makes room for icon */
        border: 1px solid rgba(0,0,0,0.2);
        border-radius: 9999px;        /* pill */
        background: #fff;
        box-shadow: 0 1px 0 rgba(0,0,0,0.05);
        font-size: 16px;
        line-height: 48px;
        color: #222;
    }

    #wpsl-search-input::placeholder {
        color: #b9b9b9;               /* soft grey, like screenshot */
    }

    /* Focus ring */
    #wpsl-search-input:focus {
        outline: none;
        box-shadow: 0 0 0 3px rgba(0,0,0,0.08);
    }

    /* The location pin icon inside the input (SVG as data-URI) */
    #wpsl-search-wrap .wpsl-input::before {
        content: "";
        position: absolute;
        left: 14px;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: contain;
        /* Black pin icon */
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M12 2a7 7 0 0 0-7 7c0 4.632 6.23 12.22 6.496 12.536a1 1 0 0 0 1.008.322 1 1 0 0 0 .704-.44C12.27 21.1 19 13.6 19 9a7 7 0 0 0-7-7zm0 9.5A2.5 2.5 0 1 1 12 6a2.5 2.5 0 0 1 0 5.5z'/></svg>");
        z-index: 1;
    }

    /* Optional: style the submit button to match or hide it if you only want Enter-to-search */
    #wpsl-search-btn {
        height: 48px;
        padding: 0 18px;
        border-radius: 9999px;
        border: 1px solid rgba(0,0,0,0.2);
        background: #fff;
        cursor: pointer;
    }

    /* If you want to hide the button entirely, uncomment:
    #wpsl-search-btn { display: none; }
    #wpsl-search-wrap .wpsl-search-btn-wrap { display: none; }
    */

    /* current left padding for icon room = 46px */
    #wpsl-search-input {
        padding-left: 46px;
    }

    /* when placeholder is visible, push text 20px more -> 66px */
    #wpsl-search-input:placeholder-shown {
        padding-left: 56px;
    }

    #wpsl-gmap {
        height: 690px !important;
    }
    .wpsl-store-location .wpsl-country {
        display: none;
    }
    #brxe-ldpfbo{
        display: none;
    }
    header.scrolling #brxe-ldpfbo{
        display: block;
    }

    header.scrolling #brxe-upbjdd{
        display: none;
    }
    .page-id-18 #brxe-upbjdd {
        display: none;
    }
    .page-id-18 #brxe-ldpfbo{
        display: block;
    }
    .page-id-18 header.scrolling #brxe-ldpfbo{
        display: block;
    }
    .page-id-18 header.scrolling #brxe-upbjdd {
        display: none;
    }
    #brxe-blvjho{
        text-shadow: 0 2px 4px rgba(0,0,0,.65), 0 6px 18px rgba(0,0,0,.55) ;
    }
}

/* Only affect single lesson pages */
body.single-lessons .logo--black, body.post-type-archive-lessons .logo--black { display: none; }

/* When header becomes sticky, swap logos */
body.single-lessons header.scrolling .logo--white, body.post-type-archive-lessons header.scrolling .logo--white { display: none; }
body.single-lessons header.scrolling .logo--black, body.post-type-archive-lessons header.scrolling .logo--black { display: inline-block; }

body.single-lessons header .bricks-nav-menu li , body.post-type-archive-lessons header .bricks-nav-menu li{
    color: #fff;
}
body.single-lessons header.scrolling .bricks-nav-menu li, body.post-type-archive-lessons header.scrolling  .bricks-nav-menu li{
    color: #000;
}

/* Optional: keep image height consistent */
body.single-lessons .logo--white img,
body.single-lessons .logo--black img {
    height: 100%;
    width: 100%;
}

body.single-teachers .sec-review,
body.single-lessons .sec-review {
    display: grid;
    grid-template-columns: 1fr;
}

body.single-teachers .brxe-sdmkii .brxe-tjifup.brxe-container{
    width: 80% !important;
}


body.single-teachers .sec-review > h3,
body.single-lessons .sec-review > h3 {
    grid-column: 1;
    margin-bottom: 8px;
}

/* Base style for each review card */
body.single-teachers .sec-review > .brxe-sdmkii,
body.single-lessons .sec-review > .brxe-nflcgg {
    max-width: 850px;
    justify-self: start;
}

/* Even cards align to the right */
body.single-teachers .sec-review > .brxe-sdmkii:nth-of-type(2n),
body.single-lessons .sec-review > .brxe-nflcgg:nth-of-type(2n) {
    justify-self: end;
    text-align: end;
}

.lesson-switch__tab:not(.is-active) {
    margin: 0 auto;
}

@media (max-width: 999px) and (min-width: 618px) {
    #brxe-gulysw .bricks-layout-wrapper{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lessons-archive__top{
        margin: 0 0 70px 0;
    }
}

/* Small screens tweaks */

@media (max-width: 480px) {
    .gform_wrapper .gfield--custom-hint .gfield-optional-hint{
        bottom: 333px;
        right: 265px;
    }
    .lesson-switch__tab {
        font-size: 14px;
    }
    .lesson-switch__tabs .lesson-switch__tab[data-tab="2"]{
        margin-left: 0;
    }
    .lesson-switch__tabs .lesson-switch__tab[data-tab="2"].is-active{
        margin-left: auto;
    }
    /* .lesson-switch__tab {
      line-height: 65px;
    } */
    .brxe-vffpas .brxe-grprsp.brxe-breadcrumbs{
        line-height: 10px;
    }
}

@media (max-width: 640px){
    .instrument-search input[type="search"]{ font-size: 18px; padding: 16px 10px 16px 46px; }
    .instrument-search .bricks-search-form::before{ width: 22px; height: 22px; left: 16px; }
    .lessons-archive{
        padding: 24px;
    }
    .sd-progress .container {
        padding: 0 12px;
    }
}

/* Optional: make cards look consistent on narrow screens */
@media (max-width: 700px) {
    body.single-teachers .sec-review > .brxe-sdmkii {
        max-width: 100%;
        justify-self: stretch;
    }
}



/* === Responsive: stack list into one column on small screens === */
@media (max-width: 768px) {
    .lesson-tabs { padding-top: 20px; }
    .lesson-tabs .tab-menu { left: 18px; gap: 16px; }
    .lesson-tabs .tab-pane ol { grid-template-columns: 1fr; }

    /* body.single-lessons .logo--white img,
    body.single-lessons .logo--black img { 
      height: 26px; 
      width: auto; 
    } */
}

/* === blog page === */
#brxe-oibofo .bricks-layout-wrapper {
    row-gap: 70px;
}

#brxe-wsiyta .bricks-layout-wrapper {
    row-gap: 34px;
}

#brxe-wsiyta .bricks-layout-inner{
    display: flex;
    gap: 23px;
    align-items: center;
}

#brxe-rqvbhu {
    display: block;
    width: 100%;
    border-top: 1px solid #c3c3c3;
    margin: 30px 0;
    line-height: 0;
    font-size: 0;
    padding: 0;
}

#brxe-svzhbh .repeater-item [data-field-id="f0dd84"],
#brxe-oibofo .repeater-item [data-field-id="f0dd84"],
#brxe-wsiyta .repeater-item [data-field-id="rlqkoj"],
#brxe-oibofo .repeater-item [data-field-id="rlqkoj"],
#brxe-svzhbh .repeater-item [data-field-id="rlqkoj"] {
    opacity: 0.7;
}

#brxe-ulqgcb,
.brxe-tabdec,
#brxe-cygwoi {
    overflow: hidden;
}

.green-color-text, .purple-color-text {
    font-weight: 600;
    font-family: 'Poppins';
}

#brxe-qinowm .repeater-item [data-field-id="bsmnow"],
#brxe-qinowm .repeater-item [data-field-id="uqcgsw"] {
    z-index: 100;
    pointer-events: none;
}

.brxe-post-sharing li {
    margin-right: 10px;
}
.brxe-post-sharing a {
    width: 21px !important;
    height: 21px !important;
}

.brxe-oolpnw.brxe-div img {
    display: none;
}

.is-hidden {
    display: none !important;
}

.circle-img {
    border-radius: 50%;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.circle-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

#brxe-gulysw.popular-lesson .bricks-layout-inner > figure.image-wrapper, figure.brxe-lfbgcl.brxe-image{
    width: 175px !important;
    aspect-ratio: 1 / 1 !important;  /* forces square */
    height: auto !important;         /* let aspect-ratio control height */
    border-radius: 50% !important;
    overflow: hidden !important;
    flex: 0 0 auto !important;
    margin: 0 auto !important;
}

#brxe-gulysw.popular-lesson .bricks-layout-inner > figure.image-wrapper > img, figure.brxe-image > img{
    width: 100% ;
    height: 100% ;
    object-fit: cover ;
    display: block ;
}
#brxe-gulysw.popular-lesson .bricks-layout-inner {
    align-items: center;
}

/* 2column image text */
.section-alt-column .brxe-tabdec,
.section-alt-column .brxe-banpze {
    margin: 0 !important;
    padding: 0 !important;
    background-color: #f4f2ff !important;
}

.section-alt-column .brxe-rcpoka,
.section-alt-column .brxe-akbsls {
    background: #f4f2ff;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: stretch !important;
    column-gap: 36px !important;
}

.section-alt-column .brxe-rcpoka > .brxe-div,
.section-alt-column .brxe-akbsls > .brxe-div {
    margin: 0 !important;
    flex: 0 0 50%;
    min-width: 0;
    display: flex !important;
    flex-direction: column !important;
}

.section-alt-column .brxe-rcpoka .brxe-bvjcvh{
    background: #E9D5FD;
    margin: 71px 0 71px 71px !important;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}
.section-alt-column .brxe-rcpoka .brxe-wtawxi{
    width: 100%;
    max-width: none;
    margin-right: calc(50% - 50vw) !important;
    flex: unset !important;
}

.section-alt-column .brxe-wtawxi,
.section-alt-column .brxe-xxtfno {
    position: relative;
    overflow: hidden !important;
    line-height: 0;
    flex: 1 1 auto;
    min-height: 520px;
}

.section-alt-column .brxe-wtawxi img,
.section-alt-column .brxe-xxtfno img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.section-alt-column .brxe-akbsls .brxe-gdhwap {
    background: #E9D5FD;
    /* width: 600px; */
    /* padding: 40px !important; */
    margin: 70px 70px 70px 0 !important;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;

}
.brxe-vffpas .brxe-yeypvx.brxe-button, .brxe-vffpas .brxe-fnnpsc.brxe-button{
    width: fit-content;
}

.section-alt-column .brxe-akbsls .brxe-xxtfno {
    width: 100%;
    max-width: none;
    margin-left: calc(50% - 50vw) !important;
    flex: unset !important;
}
.brxe-zygtrr, #brxe-jwicdl {
    display: inline-block;
    padding: 14px 22px;
    border-radius: 14px;
    backdrop-filter: blur(6px);
    color: #fff;
    text-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}
#brxe-jwicdl {
    padding: 0;
}

@media (max-width: 767px) {
    .section-alt-column .brxe-rcpoka,
    .section-alt-column .brxe-akbsls {
        flex-direction: column !important;
    }

    .section-alt-column .brxe-rcpoka > .brxe-div,
    .section-alt-column .brxe-akbsls > .brxe-div {
        flex: 0 0 auto;
        width: 100%;
    }

    .section-alt-column .brxe-wtawxi,
    .section-alt-column .brxe-xxtfno {
        min-height: 320px;
    }

    .section-alt-column .brxe-rcpoka .brxe-bvjcvh, .section-alt-column .brxe-akbsls .brxe-gdhwap, #brxe-mnucce,     #brxe-ciyhzt  {
        margin: 0 !important;
    }
    .brxe-vffpas .brxe-rcpoka.brxe-container, .brxe-vffpas .brxe-akbsls.brxe-container, #brxe-ubzitz, #brxe-uwfenw{
        row-gap: 0 !important;
    }
    .brxe-vffpas .brxe-ztlgzo.brxe-heading, .brxe-vffpas .brxe-jvifok.brxe-div {
        padding: 0 70px ;
    }
    #brxe-ubzitz {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #brxe-mnucce, #brxe-veokhs {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    #brxe-ciyhzt, #brxe-lkctph {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

}

/* 2column image text */


@media (max-width: 1201px) and (min-width: 992px) {

    .brxe-container {
        padding-right: 36px !important;
        padding-left: 36px !important;
    }
    .lessons-archive__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px;
    }
    .section-alt-column .brxe-bvjcvh, .section-alt-column .brxe-gdhwap {
        padding: 40px !important;
        box-sizing: border-box;
    }
}
@media (min-width: 1202px) {
    .section-alt-column .brxe-bvjcvh, .section-alt-column .brxe-gdhwap {
        padding: 40px !important;
        box-sizing: border-box;
    }
}

@media (max-width: 1050px) {
    #brxe-gulysw .bricks-layout-wrapper {
        --columns: 3;
        --gutter: 24px;
    }
    #brxe-qinowm .bricks-layout-wrapper {
        --columns: 2;
        --gutter: 14px;
    }
    #brxe-qinowm .bricks-layout-wrapper[data-layout=grid] .image-wrapper {
        max-width: 100% !important;
    }
    #brxe-djmmvq {
        flex-direction: column;
    }
    #brxe-tibsrz {
        flex-direction: column;
    }
    #brxe-uwfenw {
        display: flex;
        flex-direction: column;
        padding-top: 36px;
        padding-right: 0;
        padding-left: 0;
        row-gap: 36px;
    }
    /* #brxe-mnucce {
        order: 1;
        padding-right: 70px;
        padding-left: 70px;
    } */
    #brxe-bahsnn {
        order: 0;
        width: 100%;
    }
    #brxe-ubzitz {
        display: flex;
        flex-direction: column;
        padding-top: 36px;
        padding-right: 0;
        padding-bottom: 36px;
        padding-left: 0;
        row-gap: 36px;
    }
    #brxe-ftdrpk {
        align-self: flex-start !important;
        width: 100%;
    }
    /* #brxe-ciyhzt {
        padding-right: 70px;
        padding-left: 70px;
    } */
}

@media (max-width: 992px) {
    #brxe-oibofo .bricks-layout-wrapper {
        row-gap: 36px;
    }
    /* .brxe-container {
        padding-right: 12px !important;
        padding-left: 12px !important;
    } */

    .brxe-oolpnw.brxe-div img {
        display: block;
    }

    .brxe-orllqx.brxe-div {
        display: none;
    }

    .single-lessons header:not(.scrolling)
    :where(.brxe-nav-menu) .bricks-mobile-menu-toggle span{
        background-color: #ffffff;
    }

    .single-lessons header:not(.scrolling)
    :where(.brxe-nav-menu.show-mobile-menu) .bricks-mobile-menu-toggle span{
        background-color: #000;
    }
    #brxe-xntsyc{
        width: 100%;
    }

}
@media (max-width: 991px) and (min-width: 769px) {
    .section-alt-column .brxe-bvjcvh,  .section-alt-column .brxe-gdhwap{
        padding: 24px !important;
    }
    .section-alt-column .brxe-rcpoka .brxe-bvjcvh, .section-alt-column .brxe-akbsls .brxe-gdhwap,  #brxe-mnucce,     #brxe-ciyhzt   {
        margin: 0 !important;
    }
    .brxe-vffpas .brxe-rcpoka.brxe-container, .brxe-vffpas .brxe-akbsls.brxe-container, #brxe-ubzitz, #brxe-uwfenw{
        row-gap: 0 !important;
    }
    .brxe-vffpas .brxe-ztlgzo.brxe-heading, .brxe-vffpas .brxe-jvifok.brxe-div {
        padding: 0 70px ;
    }
    #brxe-ubzitz {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    #brxe-mnucce{
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    #brxe-ciyhzt {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .lessons-archive__grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 28px;
    }
    #brxe-xntsyc{
        width: 100%;
    }
    /* Active tab becomes pill overlapping teal panel */
    .lesson-switch__tab.is-active {
        background: #6fcfc8 !important;
        padding: 18px 85px !important;
        border-radius: 36px 36px 0 0 !important;
        transform: translateY(1px);
    }
    .section-alt-column .brxe-rcpoka .brxe-bvjcvh{
        padding: 40px;
    }
    .section-alt-column .brxe-bvjcvh, .section-alt-column .brxe-gdhwap  {
        padding: 40px 70px !important;
        box-sizing: border-box;
    }
}
@media (max-width: 478px) {
    #brxe-mnucce, #brxe-veokhs {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    #brxe-ciyhzt {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }
    .brxe-post-navigation a {
        width: 50%;
    }
    .brxe-post-navigation {
        flex-wrap: nowrap;
    }
    #brxe-syyksd .bricks-layout-inner {
        display: flex;
        gap: 23px;
        align-items: center;
        flex-direction: row;
    }
    #brxe-syyksd .bricks-layout-inner .image-wrapper {
        flex: 0 0 30%;
    }
    #brxe-syyksd .bricks-layout-inner .content-wrapper {
        flex: 0 0 calc(70% - 23px);
    }
    #brxe-zxddks .repeater-item [data-field-id="f0dd84"] {
        display: none;
    }

    .rating-stars .star{
        width: 17px;
        height: 17px;
    }

    .lesson-tabs .tab-title {
        padding: 10px 25px;
        font-size: 14px !important;
    }

    .lesson-tabs .tab-menu {
        left: 18px;
        gap: 16px;
        justify-content: flex-start;
    }

    .lesson-tabs {
        padding-top: 10px;
    }
    #brxe-oachfm.show-mobile-menu .bricks-mobile-menu-toggle {
        top: 0 !important;
    }
    #brxe-jhrvlf{
        align-content: center;
    }
    #brxe-jhrvlf .brxe-div{
        flex: 0 0 calc(50% - 12px) !important;
        min-width: 0;
        margin-bottom: 40px;
    }
    /* #brxe-jhrvlf .brxe-div h3{
    text-align: center;
    } */
    .product-availability .form-wrapper{
        padding: 20px 0;
    }

}

@media (max-width: 477px) and (min-width: 400px) {
    .lesson-tabs .tab-title {
        padding: 10px 29px;
    }
    #brxe-gulysw .bricks-layout-wrapper{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    #brxe-gulysw .bricks-layout-wrapper .bricks-layout-inner{
        align-items: center;
        gap: 18px;
    }
    .circle-img {
        height: 113px;
        width: 113px;
    }
    .lessons-archive{
        padding: 10px;
    }
    .lessons-archive__card {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    body.post-type-archive-lessons .logo--black, body.post-type-archive-lessons .logo--white{
        width: 160px !important;
    }
}

@media (max-width: 399px) and (min-width: 300px) {
    .lesson-tabs .tab-title {
        padding: 10px 10px;
    }
    #brxe-gulysw .bricks-layout-wrapper{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width : 768px) and (min-width: 593px) {
    .lesson-switch__tab.is-active {
        background: #6fcfc8 !important;
        padding: 16px 65px !important;
        border-radius: 26px 26px 0 0 !important;
        transform: translateY(1px);
    }
    .section-alt-column .brxe-bvjcvh,
    .section-alt-column .brxe-gdhwap {
        padding: 24px ;
    }
}
@media (max-width : 592px) and (min-width: 495px) {
    .lesson-switch__tab.is-active{
        background: #6fcfc8 !important;
        padding: 16px 16px !important;
        border-radius: 26px 26px 0 0 !important;
        transform: translateY(1px);
    }
}
@media (max-width : 492px) and (min-width: 481px){
    .lesson-switch__tab.is-active{
        background: #6fcfc8 !important;
        padding: 16px 8px !important;
        border-radius: 26px 26px 0 0 !important;
        transform: translateY(1px);
    }
}
@media (max-width: 480px) {
    .lesson-switch__tab.is-active{
        background: #6fcfc8 !important;
        padding: 16px 10px !important;
        border-radius: 26px 26px 0 0 !important;
        transform: translateY(1px);
    }
}