.elementor-1043 .elementor-element.elementor-element-4ee5bf2{--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;--overlay-opacity:0.67;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:10%;--padding-bottom:10%;--padding-left:04%;--padding-right:04%;}.elementor-1043 .elementor-element.elementor-element-4ee5bf2:not(.elementor-motion-effects-element-type-background), .elementor-1043 .elementor-element.elementor-element-4ee5bf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/breadcrumb.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1043 .elementor-element.elementor-element-4ee5bf2::before, .elementor-1043 .elementor-element.elementor-element-4ee5bf2 > .elementor-background-video-container::before, .elementor-1043 .elementor-element.elementor-element-4ee5bf2 > .e-con-inner > .elementor-background-video-container::before, .elementor-1043 .elementor-element.elementor-element-4ee5bf2 > .elementor-background-slideshow::before, .elementor-1043 .elementor-element.elementor-element-4ee5bf2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1043 .elementor-element.elementor-element-4ee5bf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#0F2239;background-image:url("https://vitthalpilescenter.com/wp-content/uploads/2026/07/breadcumb_shape_1_1.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1043 .elementor-element.elementor-element-6f547c6{padding:0% 0% 0% 0%;}.elementor-1043 .elementor-element.elementor-element-6f547c6 .wpr-post-title{text-align:center;color:#FFFFFF;font-family:"Jost", Sans-serif;font-size:40px;text-transform:uppercase;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1043 .elementor-element.elementor-element-bd94f70{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-1043 .elementor-element.elementor-element-bd94f70 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-1043 .elementor-element.elementor-element-1f26029{--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:4%;--padding-bottom:04%;--padding-left:0%;--padding-right:0%;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1043 .elementor-element.elementor-element-528d132 img{width:53%;}.elementor-1043 .elementor-element.elementor-element-013fafc{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1043 .elementor-element.elementor-element-74af84c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:04%;--padding-bottom:04%;--padding-left:04%;--padding-right:04%;}.elementor-1043 .elementor-element.elementor-element-74af84c:not(.elementor-motion-effects-element-type-background), .elementor-1043 .elementor-element.elementor-element-74af84c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECECEC;}.elementor-1043 .elementor-element.elementor-element-e0107d9{--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-1043 .elementor-element.elementor-element-41a646b{text-align:start;}.elementor-1043 .elementor-element.elementor-element-41a646b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1043 .elementor-element.elementor-element-eb1cb7d .elementor-icon-list-icon i{color:#F8380C;transition:color 0.3s;}.elementor-1043 .elementor-element.elementor-element-eb1cb7d .elementor-icon-list-icon svg{fill:#F8380C;transition:fill 0.3s;}.elementor-1043 .elementor-element.elementor-element-eb1cb7d{--e-icon-list-icon-size:9px;--icon-vertical-offset:0px;}.elementor-1043 .elementor-element.elementor-element-eb1cb7d .elementor-icon-list-text{transition:color 0.3s;}.elementor-1043 .elementor-element.elementor-element-9e66970{--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-1043 .elementor-element.elementor-element-b531e27{text-align:start;}.elementor-1043 .elementor-element.elementor-element-b531e27 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:40px;font-weight:300;line-height:48px;color:#F8380C;}@media(min-width:768px){.elementor-1043 .elementor-element.elementor-element-e0107d9{--width:50%;}.elementor-1043 .elementor-element.elementor-element-9e66970{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-bc63551 *//* --------------------------------------------------------------------------
   3. HOVER ANIMATIONS & CONFIGURATIONS (DIAGONAL SLIDE FOR BOTH)
   -------------------------------------------------------------------------- */

/* --- GENERAL PSEUDO-LAYER SETUP FOR BOTH BUTTONS --- */
#hero .btn-group a.th-btn::before,
#hero .btn-group a.th-btn::after,
a.th-btn::before,
a.th-btn::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 130% !important;
    height: 380% !important;
    z-index: -1 !important;
    transform: translate(-50%, -50%) rotate(45deg) scaleY(0) !important;
    transform-origin: center !important;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) !important;
    opacity: 0 !important;
    display: block !important;
}

/* --- BUTTON 1: SLIDING LAYER COLOR (DARK BLUE) --- */
#hero .btn-group a.th-btn:not(.style4)::before,
#hero .btn-group a.th-btn:not(.style4)::after,
a.th-btn:not(.style4)::before,
a.th-btn:not(.style4)::after {
    background-color: #0F2239 !important; 
}

/* --- BUTTON 2 (EXPLORE): SLIDING LAYER COLOR (WHITE) --- */
#hero .btn-group a.th-btn.style4::before,
#hero .btn-group a.th-btn.style4::after,
a.th-btn.style4::before,
a.th-btn.style4::after {
    background-color: #ffffff !important; 
}

/* --- HOVER INTERACTIONS --- */

/* Button 1 Hover: Turns text white, parent background clear, border dark blue */
#hero .btn-group a.th-btn:not(.style4):hover,
a.th-btn:not(.style4):hover {
    color: #ffffff !important;
    background-color: transparent !important;
    border-color: #0F2239 !important;
}

/* Button 2 Hover (Explore): Turns text dark blue, parent background clear, border white */
#hero .btn-group a.th-btn.style4:hover,
a.th-btn.style4:hover {
    color: #0F2239 !important; /* Text and arrow turn dark blue */
    background-color: transparent !important; /* Keeps parent body clear to show white slide */
    border-color: #ffffff !important; /* Border stays white */
    background-image: none !important;
}

/* Trigger Diagonal Slide Expand for Both Buttons on Hover */
#hero .btn-group a.th-btn:hover::before,
#hero .btn-group a.th-btn:hover::after,
a.th-btn:hover::before,
a.th-btn:hover::after {
    transform: translate(-50%, -50%) rotate(45deg) scaleY(1) !important;
    opacity: 1 !important;
}/* End custom CSS */