.elementor-6058 .elementor-element.elementor-element-a597b15{padding:0px 0px 0px 0px;}.elementor-6058 .elementor-element.elementor-element-b81dd92 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-6058 .elementor-element.elementor-element-fff67bc{padding:0px 0px 60px 0px;}.elementor-6058 .elementor-element.elementor-element-e7904d1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-6058 .elementor-element.elementor-element-e7904d1 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-6058 .elementor-element.elementor-element-e2f1fb2{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon-wrapper{text-align:center;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-74d83ec );}.elementor-6058 .elementor-element.elementor-element-e2f1fb2.elementor-view-framed .elementor-icon, .elementor-6058 .elementor-element.elementor-element-e2f1fb2.elementor-view-default .elementor-icon{color:var( --e-global-color-74d83ec );border-color:var( --e-global-color-74d83ec );}.elementor-6058 .elementor-element.elementor-element-e2f1fb2.elementor-view-framed .elementor-icon, .elementor-6058 .elementor-element.elementor-element-e2f1fb2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-74d83ec );}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon{font-size:105px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon svg{height:105px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon-wrapper svg{width:auto;}.elementor-6058 .elementor-element.elementor-element-c28d6b8{width:var( --container-widget-width, 700px );max-width:700px;--container-widget-width:700px;--container-widget-flex-grow:0;}.elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder, .elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder > .wdt-heading-separator-wrapper .wdt-heading-separator, .elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder > .wdt-heading-title-wrapper .wdt-heading-title, .elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder > .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{text-align:center;justify-content:center;justify-items:center;}.elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title{align-items:center;}.elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{align-items:center;}.elementor-6058 .elementor-element.elementor-element-c28d6b8 .wdt-heading-holder .wdt-heading-content-wrapper{padding:0% 10% 0% 10%;}.elementor-6058 .elementor-element.elementor-element-a804553{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-6058 .elementor-element.elementor-element-062d1e3{--e-image-carousel-slides-to-show:4;}.elementor-6058 .elementor-element.elementor-element-062d1e3 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-6058 .elementor-element.elementor-element-249e908{--e-image-carousel-slides-to-show:4;}.elementor-6058 .elementor-element.elementor-element-249e908 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:10px 10px 10px 10px;}.elementor-6058 .elementor-element.elementor-element-8dd8507{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-6058 .elementor-element.elementor-element-8dd8507:not(.elementor-motion-effects-element-type-background), .elementor-6058 .elementor-element.elementor-element-8dd8507 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-74d83ec );}.elementor-6058 .elementor-element.elementor-element-1f98514{--display:flex;}.elementor-6058 .elementor-element.elementor-element-3969aa2 > .elementor-widget-container{padding:40px 0px 20px 0px;}.elementor-6058 .elementor-element.elementor-element-3969aa2 .wdt-heading-holder, .elementor-6058 .elementor-element.elementor-element-3969aa2 .wdt-heading-holder > .wdt-heading-separator-wrapper .wdt-heading-separator, .elementor-6058 .elementor-element.elementor-element-3969aa2 .wdt-heading-holder > .wdt-heading-title-wrapper .wdt-heading-title, .elementor-6058 .elementor-element.elementor-element-3969aa2 .wdt-heading-holder > .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{text-align:center;justify-content:center;justify-items:center;}.elementor-6058 .elementor-element.elementor-element-3969aa2 .wdt-heading-holder .wdt-heading-title-wrapper .wdt-heading-title{align-items:center;}.elementor-6058 .elementor-element.elementor-element-3969aa2 .wdt-heading-holder .wdt-heading-subtitle-wrapper .wdt-heading-subtitle{align-items:center;}.elementor-6058 .elementor-element.elementor-element-13dc56f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;}@media(max-width:1024px){.elementor-6058 .elementor-element.elementor-element-a597b15{padding:70px 0px 70px 0px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon{font-size:75px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon svg{height:75px;}}@media(max-width:767px){.elementor-6058 .elementor-element.elementor-element-a597b15{padding:0px 0px 0px 0px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon{font-size:55px;}.elementor-6058 .elementor-element.elementor-element-e2f1fb2 .elementor-icon svg{height:55px;}.elementor-6058 .elementor-element.elementor-element-a804553:not(.elementor-motion-effects-element-type-background), .elementor-6058 .elementor-element.elementor-element-a804553 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://jyogini.com.au/wp-content/uploads/2024/03/Group.png");}.elementor-6058 .elementor-element.elementor-element-a804553{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-6058 .elementor-element.elementor-element-062d1e3{--e-image-carousel-slides-to-show:2;padding:10px 10px 10px 10px;}.elementor-6058 .elementor-element.elementor-element-249e908{--e-image-carousel-slides-to-show:2;padding:10px 10px 10px 10px;}.elementor-6058 .elementor-element.elementor-element-13dc56f{--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-6058 .elementor-element.elementor-element-9132b1a{width:19%;}.elementor-6058 .elementor-element.elementor-element-e7904d1{width:62%;}.elementor-6058 .elementor-element.elementor-element-1e93647{width:19%;}.elementor-6058 .elementor-element.elementor-element-a804553{--content-width:1300px;}.elementor-6058 .elementor-element.elementor-element-8dd8507{--content-width:1200px;}.elementor-6058 .elementor-element.elementor-element-13dc56f{--content-width:1300px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6058 .elementor-element.elementor-element-9132b1a{width:5%;}.elementor-6058 .elementor-element.elementor-element-e7904d1{width:90%;}.elementor-6058 .elementor-element.elementor-element-1e93647{width:5%;}}/* Start custom CSS for html, class: .elementor-element-0295bbc *//* --- Jyogini Class Offerings Section --- */

/* 1. Variables & Fonts */
:root {
    --brand-color: #0b4346;
    --background-light: #f8f9fa;
    --text-color: #333333;
    --heading-font: "Elsie", serif;
    --body-font: "Poppins", sans-serif;
}

/* 2. Section Structure */
.jyogini-classes-section {
    font-family: var(--body-font);
    padding: 60px 0;
}

.jyogini-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

/* 3. Typography */
.jyogini-classes-section .section-title {
    font-family: var(--heading-font);
    font-size: 2.5rem;
    color: var(--brand-color);
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
}

.jyogini-classes-section .section-subtitle {
    text-align: center;
    font-size: 1.1rem;
    max-width: 700px;
    margin: 0 auto 40px auto;
    color: #555;
}

.jyogini-classes-section h4 {
    font-family: var(--heading-font);
    font-size: 1.25rem;
    color: var(--brand-color);
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 400;
}

.jyogini-classes-section p {
    color: var(--text-color);
    line-height: 1.6;
    margin-bottom: 0;
    font-size: 0.95rem;
}

/* 4. Grid Layout */
.classes-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.class-item {
    background: var(--background-light);
    padding: 25px;
    border-radius: 5px;
    border-left: 4px solid var(--brand-color);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.class-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.07);
}


/* 5. Responsive Design */
@media (min-width: 768px) {
    .classes-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

@media (min-width: 992px) {
    .classes-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}/* End custom CSS */