.elementor-11 .elementor-element.elementor-element-427f81a{--display:flex;--min-height:100vh;--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;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-e962843{--display:flex;animation-duration:1000ms;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;animation-delay:500ms;animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);}.elementor-11 .elementor-element.elementor-element-e962843:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-e962843 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4d89f51 );}.elementor-11 .elementor-element.elementor-element-e962843, .elementor-11 .elementor-element.elementor-element-e962843::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-33046d5{--display:flex;--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-ae72af5 > .elementor-widget-container{--e-transform-rotateZ:-90deg;}.elementor-11 .elementor-element.elementor-element-ae72af5{text-align:center;}.elementor-11 .elementor-element.elementor-element-ae72af5 .elementor-heading-title{color:var( --e-global-color-b21627f );}.elementor-11 .elementor-element.elementor-element-f4d24c0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-f4d24c0.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-a1fffa1 img{width:300px;}.elementor-11 .elementor-element.elementor-element-62d648d > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-11 .elementor-element.elementor-element-62d648d.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-icon i{color:var( --e-global-color-b21627f );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-icon svg{fill:var( --e-global-color-b21627f );transition:fill 0.3s;}.elementor-11 .elementor-element.elementor-element-62d648d{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-62d648d .elementor-icon-list-text{color:var( --e-global-color-b21627f );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-aa9f62c .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;fill:var( --e-global-color-b21627f );color:var( --e-global-color-b21627f );background-color:var( --e-global-color-9210165 );transition-duration:0.3s;border-radius:50px 50px 50px 50px;padding:25px 50px 25px 50px;}.elementor-11 .elementor-element.elementor-element-7b7f44b{--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;--background-transition:0.3s;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-11 .elementor-element.elementor-element-7b7f44b, .elementor-11 .elementor-element.elementor-element-7b7f44b::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-24131b0{animation-duration:3200ms;animation-delay:500ms;animation-timing-function:cubic-bezier(initial);}.elementor-11 .elementor-element.elementor-element-24131b0 img{width:507px;}.elementor-11 .elementor-element.elementor-element-0cef868{--display:flex;animation-duration:1500ms;--justify-content:center;--background-transition:0.3s;animation-delay:1000ms;animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);}.elementor-11 .elementor-element.elementor-element-0cef868:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-0cef868 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8F665F;}.elementor-11 .elementor-element.elementor-element-0cef868, .elementor-11 .elementor-element.elementor-element-0cef868::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-0cef868.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-b1768a3{--display:flex;--justify-content:center;--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-2b955cd > .elementor-widget-container{--e-transform-rotateZ:90deg;}.elementor-11 .elementor-element.elementor-element-2b955cd{text-align:center;}.elementor-11 .elementor-element.elementor-element-2b955cd .elementor-heading-title{color:var( --e-global-color-cfa8bc7 );}.elementor-11 .elementor-element.elementor-element-fe55a4c{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-fe55a4c.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-675c778 img{width:300px;}.elementor-11 .elementor-element.elementor-element-ff4dddd > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-11 .elementor-element.elementor-element-ff4dddd.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-icon i{color:var( --e-global-color-cfa8bc7 );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-icon svg{fill:var( --e-global-color-cfa8bc7 );transition:fill 0.3s;}.elementor-11 .elementor-element.elementor-element-ff4dddd{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-ff4dddd .elementor-icon-list-text{color:var( --e-global-color-cfa8bc7 );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-bbe51c0 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;fill:var( --e-global-color-b21627f );color:var( --e-global-color-b21627f );background-color:var( --e-global-color-9210165 );transition-duration:0.3s;border-radius:50px 50px 50px 50px;padding:25px 50px 25px 50px;}.elementor-11 .elementor-element.elementor-element-827f5d8{--display:flex;--min-height:100vh;--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;--flex-wrap:wrap;--background-transition:0.3s;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11 .elementor-element.elementor-element-f65db0a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--background-transition:0.3s;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-11 .elementor-element.elementor-element-f65db0a, .elementor-11 .elementor-element.elementor-element-f65db0a::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-0f20c04{animation-duration:3200ms;animation-delay:500ms;animation-timing-function:cubic-bezier(initial);text-align:center;}.elementor-11 .elementor-element.elementor-element-0f20c04 img{width:507px;}.elementor-11 .elementor-element.elementor-element-0bce880{--display:flex;animation-duration:1000ms;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;animation-delay:500ms;animation-timing-function:cubic-bezier(0.645,0.045,0.355,1);}.elementor-11 .elementor-element.elementor-element-0bce880:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-0bce880 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4d89f51 );}.elementor-11 .elementor-element.elementor-element-0bce880, .elementor-11 .elementor-element.elementor-element-0bce880::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-3209953{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-3209953.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-1512592 img{width:300px;}.elementor-11 .elementor-element.elementor-element-87c05d9 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-11 .elementor-element.elementor-element-87c05d9.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-icon i{color:var( --e-global-color-b21627f );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-icon svg{fill:var( --e-global-color-b21627f );transition:fill 0.3s;}.elementor-11 .elementor-element.elementor-element-87c05d9{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-text{color:var( --e-global-color-b21627f );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-03535af .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;fill:var( --e-global-color-b21627f );color:var( --e-global-color-b21627f );background-color:var( --e-global-color-9210165 );transition-duration:0.3s;border-radius:50px 50px 50px 50px;padding:25px 50px 25px 50px;}.elementor-11 .elementor-element.elementor-element-e9c95e9{--display:flex;animation-duration:1500ms;--justify-content:center;--background-transition:0.3s;animation-delay:1000ms;animation-timing-function:cubic-bezier(0.455,0.03,0.515,0.955);}.elementor-11 .elementor-element.elementor-element-e9c95e9:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-e9c95e9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8F665F;}.elementor-11 .elementor-element.elementor-element-e9c95e9, .elementor-11 .elementor-element.elementor-element-e9c95e9::before{--border-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-e9c95e9.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-c9fe0a7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;}.elementor-11 .elementor-element.elementor-element-c9fe0a7.e-con{--align-self:center;}.elementor-11 .elementor-element.elementor-element-07b2aa7 img{width:300px;}.elementor-11 .elementor-element.elementor-element-6ae3185 > .elementor-widget-container{margin:20px 0px 20px 0px;}.elementor-11 .elementor-element.elementor-element-6ae3185.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-icon i{color:var( --e-global-color-cfa8bc7 );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-icon svg{fill:var( --e-global-color-cfa8bc7 );transition:fill 0.3s;}.elementor-11 .elementor-element.elementor-element-6ae3185{--e-icon-list-icon-size:22px;--icon-vertical-offset:0px;}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-item > a{font-family:"Roboto", Sans-serif;font-size:22px;font-weight:400;}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-text{color:var( --e-global-color-cfa8bc7 );transition:color 0.3s;}.elementor-11 .elementor-element.elementor-element-ae3d723 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;fill:var( --e-global-color-b21627f );color:var( --e-global-color-b21627f );background-color:var( --e-global-color-9210165 );transition-duration:0.3s;border-radius:50px 50px 50px 50px;padding:25px 50px 25px 50px;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-7b7f44b{--width:80%;}.elementor-11 .elementor-element.elementor-element-b1768a3{--width:100%;}.elementor-11 .elementor-element.elementor-element-f65db0a{--width:100%;}.elementor-11 .elementor-element.elementor-element-0bce880{--width:100%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-e962843{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-ae72af5{min-height:500px;}.elementor-11 .elementor-element.elementor-element-2b955cd{text-align:center;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-427f81a{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-e962843{--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-11 .elementor-element.elementor-element-33046d5{--min-height:99vh;--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;--justify-content:center;}.elementor-11 .elementor-element.elementor-element-ae72af5 > .elementor-widget-container{padding:0% 50% 0% 50%;}.elementor-11 .elementor-element.elementor-element-ae72af5{min-height:225px;}.elementor-11 .elementor-element.elementor-element-0cef868{--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-11 .elementor-element.elementor-element-b1768a3{--min-height:99vh;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-11 .elementor-element.elementor-element-2b955cd > .elementor-widget-container{padding:0% 50% 0% 50%;}.elementor-11 .elementor-element.elementor-element-2b955cd{min-height:225px;}.elementor-11 .elementor-element.elementor-element-827f5d8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-f65db0a{--min-height:100vh;}.elementor-11 .elementor-element.elementor-element-0bce880{--min-height:100vh;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11 .elementor-element.elementor-element-87c05d9 .elementor-icon-list-item > a{font-size:14px;}.elementor-11 .elementor-element.elementor-element-e9c95e9{--min-height:100vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-11 .elementor-element.elementor-element-6ae3185 .elementor-icon-list-item > a{font-size:14px;}}/* Start custom CSS for container, class: .elementor-element-427f81a *//* Ensure the layout is flexible and responsive */
.elementor-container {
    display: flex;
    height: 100vh;
    width: 100vw;
    overflow: hidden; /* Prevent content overflow */
}

/* Add smooth transitions for the containers */
.elementor-container .elementor-widget-container {
    transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out; /* Smooth transition for width and opacity */
}

.left-container, .right-container, .middle-container {
    display: flex;
    align-items: center; /* Vertically center content */
    justify-content: center; /* Horizontally center content */
    cursor: pointer;
    height: 100vh;
    position: relative; /* Position sub-containers */
    transition: width 0.7s ease-in-out; /* Smooth transition for width */
}

.left-container, .right-container {
    width: 10vw;
}

.middle-container {
    flex-grow: 1; /* Allow the middle container to take up available space */
    transition: width 0.7s ease-in-out;
}

/* Sub-containers inside left, right, and middle containers */
.sub-container-default, .sub-container-expanded {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center content both horizontally and vertically */
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out; /* Smooth transitions for showing/hiding */
}

/* Hide the expanded sub-container initially */
.sub-container-expanded {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0.6s; /* Delay showing the expanded content to fade out the default content first */
}

/* Fade out the default content before expanding */
.left-container.expanded-left .sub-container-default,
.right-container.expanded-right .sub-container-default,
.middle-container.expanded-middle .sub-container-default {
    opacity: 0;
    visibility: hidden;
    transition-delay: 0s; /* Immediately start fading out the default content */
}

/* Fade in the expanded content after the default content fades out */
.left-container.expanded-left .sub-container-expanded,
.right-container.expanded-right .sub-container-expanded,
.middle-container.expanded-middle .sub-container-expanded {
    opacity: 1;
    visibility: visible; /* Show the expanded content when container is expanded */
    transition-delay: 0.5s; /* Add a delay for the expanded content to appear after default fades out */
}

/* Fade out the expanded content when collapsing */
.left-container:not(.expanded-left) .sub-container-expanded,
.right-container:not(.expanded-right) .sub-container-expanded,
.middle-container:not(.expanded-middle) .sub-container-expanded {
    opacity: 0;
    visibility: hidden; /* Hide the expanded content when collapsing */
    transition-delay: 0s; /* Immediately start fading out the expanded content */
}

/* When left, right, or middle container expands, they push the other containers */
.expanded-left {
    width: 90vw !important; /* Expand left container to 90vw */
}

.expanded-right {
    width: 90vw !important; /* Expand right container to 90vw */
}

.expanded-middle {
    width: 90vw !important; /* Expand middle container to 90vw */
}

.middle-container.shrunk {
    width: 10vw; /* Shrink the middle container when others expand */
}/* End custom CSS */