.elementor-416 .elementor-element.elementor-element-54732bc{--display:flex;--min-height:100vh;--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-416 .elementor-element.elementor-element-54732bc:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-54732bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFB;}.elementor-416 .elementor-element.elementor-element-d3b9257{--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;--margin-top:130px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-f9db3ef{--display:flex;--justify-content:space-between;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-416 .elementor-element.elementor-element-f9db3ef:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-f9db3ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EBF2E9;}.elementor-416 .elementor-element.elementor-element-206f181{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-416 .elementor-element.elementor-element-837ac2b .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;line-height:31px;letter-spacing:-0.5px;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-416 .elementor-element.elementor-element-73f3cfa{--divider-border-style:solid;--divider-color:#CBCBCB;--divider-border-width:1px;}.elementor-416 .elementor-element.elementor-element-73f3cfa .elementor-divider-separator{width:100%;}.elementor-416 .elementor-element.elementor-element-73f3cfa .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-416 .elementor-element.elementor-element-3c82139{--divider-border-style:solid;--divider-color:#41F401;--divider-border-width:3px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-416 .elementor-element.elementor-element-3c82139 .elementor-divider-separator{width:20px;}.elementor-416 .elementor-element.elementor-element-3c82139 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-416 .elementor-element.elementor-element-4e3b380 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:40px;font-weight:600;line-height:53px;letter-spacing:-1.7px;color:#444648;}.elementor-416 .elementor-element.elementor-element-848625e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-a8b0acc{--divider-border-style:slashes;--divider-color:#00000038;--divider-border-width:1px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--divider-pattern-height:9.1px;--divider-pattern-size:4.1px;}.elementor-416 .elementor-element.elementor-element-a8b0acc .elementor-divider-separator{width:100%;}.elementor-416 .elementor-element.elementor-element-a8b0acc .elementor-divider{padding-block-start:5px;padding-block-end:5px;}.elementor-416 .elementor-element.elementor-element-fa73afa .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;line-height:31px;letter-spacing:-0.5px;color:#000000;}.elementor-416 .elementor-element.elementor-element-30b076c{--display:flex;--min-height:70vh;}.elementor-416 .elementor-element.elementor-element-30b076c:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-30b076c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riversidegorillalodge.com/wp-content/uploads/2025/11/riverside_gorilla_lodge_1.webp");background-position:center center;background-size:cover;}.elementor-416 .elementor-element.elementor-element-5b9d3e0{--display:flex;--min-height:100vh;--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-416 .elementor-element.elementor-element-5b9d3e0:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-5b9d3e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFB;}.elementor-416 .elementor-element.elementor-element-faa6c53{--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;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-bfc10a3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-da82073{--divider-border-style:solid;--divider-color:#000000;--divider-border-width:1px;}.elementor-416 .elementor-element.elementor-element-da82073 .elementor-divider-separator{width:100%;}.elementor-416 .elementor-element.elementor-element-da82073 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-416 .elementor-element.elementor-element-f8c5113{--divider-border-style:solid;--divider-color:#41F401;--divider-border-width:3px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-416 .elementor-element.elementor-element-f8c5113 .elementor-divider-separator{width:20px;}.elementor-416 .elementor-element.elementor-element-f8c5113 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-416 .elementor-element.elementor-element-9684a76 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;line-height:31px;letter-spacing:-0.5px;color:#000000;}.elementor-416 .elementor-element.elementor-element-21008e9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-3393430{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:end;}.elementor-416 .elementor-element.elementor-element-3393430 .elementor-heading-title{font-family:"Figtree", Sans-serif;font-size:16px;font-weight:600;text-transform:capitalize;line-height:18px;letter-spacing:-0.9px;color:#41F401;}.elementor-416 .elementor-element.elementor-element-4ae1832{--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;--margin-top:60px;--margin-bottom:150px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-416 .elementor-element.elementor-element-28e2fe8{--display:flex;--min-height:70vh;--justify-content:flex-end;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-416 .elementor-element.elementor-element-28e2fe8:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-28e2fe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riversidegorillalodge.com/wp-content/uploads/2025/11/gorilla_trekking_riverside.webp");background-position:center center;background-size:cover;}.elementor-416 .elementor-element.elementor-element-28e2fe8::before, .elementor-416 .elementor-element.elementor-element-28e2fe8 > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-28e2fe8 > .e-con-inner > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-28e2fe8 > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-28e2fe8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-28e2fe8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B2B2B;--background-overlay:'';}.elementor-416 .elementor-element.elementor-element-acb7279{padding:0px 100px 0px 0px;}.elementor-416 .elementor-element.elementor-element-acb7279 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:31px;font-weight:500;line-height:45px;letter-spacing:-2.2px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-7e8f5bf .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;line-height:31px;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-5c608f1{--display:flex;--min-height:70vh;--justify-content:flex-end;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-416 .elementor-element.elementor-element-5c608f1:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-5c608f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riversidegorillalodge.com/wp-content/uploads/2025/11/batwa-pipo.webp");background-position:center center;background-size:cover;}.elementor-416 .elementor-element.elementor-element-5c608f1::before, .elementor-416 .elementor-element.elementor-element-5c608f1 > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-5c608f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-5c608f1 > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-5c608f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-5c608f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B2B2B;--background-overlay:'';}.elementor-416 .elementor-element.elementor-element-6790ac8 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:31px;font-weight:500;line-height:45px;letter-spacing:-2.2px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-8479857 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;line-height:31px;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-aa1eb29{--display:flex;--min-height:70vh;--justify-content:flex-end;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-416 .elementor-element.elementor-element-aa1eb29:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-aa1eb29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riversidegorillalodge.com/wp-content/uploads/2025/11/nature_walks.webp");background-position:center center;background-size:cover;}.elementor-416 .elementor-element.elementor-element-aa1eb29::before, .elementor-416 .elementor-element.elementor-element-aa1eb29 > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-aa1eb29 > .e-con-inner > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-aa1eb29 > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-aa1eb29 > .e-con-inner > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-aa1eb29 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B2B2B;--background-overlay:'';}.elementor-416 .elementor-element.elementor-element-1d491a6 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:31px;font-weight:500;line-height:45px;letter-spacing:-2.2px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-8eb4d67 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;line-height:31px;letter-spacing:-0.5px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-d2b2728{--display:flex;--min-height:70vh;--justify-content:flex-end;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-416 .elementor-element.elementor-element-d2b2728:not(.elementor-motion-effects-element-type-background), .elementor-416 .elementor-element.elementor-element-d2b2728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://riversidegorillalodge.com/wp-content/uploads/2025/11/community_projects.webp");background-position:center center;background-size:cover;}.elementor-416 .elementor-element.elementor-element-d2b2728::before, .elementor-416 .elementor-element.elementor-element-d2b2728 > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-d2b2728 > .e-con-inner > .elementor-background-video-container::before, .elementor-416 .elementor-element.elementor-element-d2b2728 > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-d2b2728 > .e-con-inner > .elementor-background-slideshow::before, .elementor-416 .elementor-element.elementor-element-d2b2728 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#2B2B2B;--background-overlay:'';}.elementor-416 .elementor-element.elementor-element-f126275 .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:31px;font-weight:500;line-height:45px;letter-spacing:-2.2px;color:#FFFFFF;}.elementor-416 .elementor-element.elementor-element-fc8211b .elementor-heading-title{font-family:"Inria Serif", Sans-serif;font-size:16px;font-weight:400;line-height:31px;letter-spacing:-0.5px;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-416 .elementor-element.elementor-element-d3b9257{--margin-top:120px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-416 .elementor-element.elementor-element-f9db3ef{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-416 .elementor-element.elementor-element-4e3b380 .elementor-heading-title{font-size:32px;line-height:1.2em;}.elementor-416 .elementor-element.elementor-element-3393430 .elementor-heading-title{font-size:14px;}.elementor-416 .elementor-element.elementor-element-4ae1832{--flex-wrap:wrap;}.elementor-416 .elementor-element.elementor-element-acb7279 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-416 .elementor-element.elementor-element-6790ac8 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-416 .elementor-element.elementor-element-1d491a6 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-416 .elementor-element.elementor-element-f126275 .elementor-heading-title{font-size:30px;line-height:1.2em;}}@media(max-width:767px){.elementor-416 .elementor-element.elementor-element-d3b9257{--margin-top:90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-416 .elementor-element.elementor-element-f9db3ef{--min-height:70vh;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-416 .elementor-element.elementor-element-4e3b380 .elementor-heading-title{font-size:28px;}.elementor-416 .elementor-element.elementor-element-a8b0acc .elementor-divider-separator{width:100%;}.elementor-416 .elementor-element.elementor-element-faa6c53{--margin-top:60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-416 .elementor-element.elementor-element-21008e9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-416 .elementor-element.elementor-element-4ae1832{--justify-content:center;--margin-top:40px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-416 .elementor-element.elementor-element-28e2fe8{--width:85%;--min-height:60vh;}.elementor-416 .elementor-element.elementor-element-5c608f1{--width:85%;--min-height:60vh;}.elementor-416 .elementor-element.elementor-element-aa1eb29{--width:85%;--min-height:60vh;}.elementor-416 .elementor-element.elementor-element-d2b2728{--width:85%;--min-height:60vh;}}@media(min-width:768px){.elementor-416 .elementor-element.elementor-element-f9db3ef{--width:50%;}.elementor-416 .elementor-element.elementor-element-206f181{--width:100%;}.elementor-416 .elementor-element.elementor-element-848625e{--width:99%;}.elementor-416 .elementor-element.elementor-element-30b076c{--width:50%;}.elementor-416 .elementor-element.elementor-element-bfc10a3{--width:80%;}.elementor-416 .elementor-element.elementor-element-21008e9{--width:20%;}.elementor-416 .elementor-element.elementor-element-28e2fe8{--width:25%;}.elementor-416 .elementor-element.elementor-element-5c608f1{--width:25%;}.elementor-416 .elementor-element.elementor-element-aa1eb29{--width:25%;}.elementor-416 .elementor-element.elementor-element-d2b2728{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-416 .elementor-element.elementor-element-28e2fe8{--width:48%;}.elementor-416 .elementor-element.elementor-element-5c608f1{--width:48%;}.elementor-416 .elementor-element.elementor-element-aa1eb29{--width:48%;}.elementor-416 .elementor-element.elementor-element-d2b2728{--width:48%;}}/* Start custom CSS for container, class: .elementor-element-28e2fe8 *//* Add this to your Elementor Custom CSS (Elementor > Custom CSS) or in an HTML widget with <style> tags */
/* Assign the class "rotate-container" to your Elementor Container widget via Advanced > CSS Classes */
/* Assign the class "innerrotatect" to your Text widget inside the container via Advanced > CSS Classes */
/* For best 3D effect, add a parent Section or Column with perspective: 1000px; if the slant feels flat */

.rotate-container {
    /* Enable 3D space preservation */
    transform-style: preserve-3d;
    
    /* Normal state: 3D slanted parallelogram-like effect */
    transform: perspective(800px) rotateY(30deg) skewX(10deg);
    
    /* Smooth transition */
    transition: transform 0.4s ease;
    
    /* Add depth with shadows for enhanced 3D feel */
    box-shadow: 
        rgba(0, 0, 0, 0.1) 0px 10px 20px -5px,
        rgba(0, 0, 0, 0.05) 0px 5px 10px;
    
    /* Optional: Border radius to soften edges */
    border-radius: 8px;
    
    /* Ensure children inherit 3D */
    * {
        transform-style: preserve-3d;
    }
}

/* Hide text normally (no space taken) */
.rotate-container .innerrotatect {
    display: none;
}

/* Hover state: Normal, flat container + show text instantly */
.rotate-container:hover {
    transform: perspective(800px) rotateY(0deg) skewX(0deg);
    
    /* Optional: Lift effect on hover for extra polish */
    box-shadow: 
        rgba(0, 0, 0, 0.15) 0px 15px 30px -10px,
        rgba(0, 0, 0, 0.1) 0px 8px 15px;
}

.rotate-container:hover .innerrotatect {
    display: block;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5c608f1 *//* Add this to your Elementor Custom CSS (Elementor > Custom CSS) or in an HTML widget with <style> tags */
/* Assign the class "rotate-container" to your Elementor Container widget via Advanced > CSS Classes */
/* For best 3D effect, add a parent Section or Column with perspective: 1000px; if the slant feels flat */

.rotate-container {
    /* Enable 3D space preservation */
    transform-style: preserve-3d;
    
    /* Normal state: 3D slanted parallelogram-like effect */
    transform: perspective(800px) rotateY(30deg) skewX(10deg);
    
    /* Smooth transition */
    transition: transform 0.4s ease;
    
    /* Add depth with shadows for enhanced 3D feel */
    box-shadow: 
        rgba(0, 0, 0, 0.1) 0px 10px 20px -5px,
        rgba(0, 0, 0, 0.05) 0px 5px 10px;
    
    /* Optional: Border radius to soften edges */
    border-radius: 8px;
    
    /* Ensure children inherit 3D */
    & * {
        transform-style: preserve-3d;
    }
}

/* Hover state: Normal, flat container */
.rotate-container:hover {
    transform: perspective(800px) rotateY(0deg) skewX(0deg);
    
    /* Optional: Lift effect on hover for extra polish */
    box-shadow: 
        rgba(0, 0, 0, 0.15) 0px 15px 30px -10px,
        rgba(0, 0, 0, 0.1) 0px 8px 15px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-aa1eb29 *//* Add this to your Elementor Custom CSS (Elementor > Custom CSS) or in an HTML widget with <style> tags */
/* Assign the class "rotate-container" to your Elementor Container widget via Advanced > CSS Classes */
/* For best 3D effect, add a parent Section or Column with perspective: 1000px; if the slant feels flat */

.rotate-container {
    /* Enable 3D space preservation */
    transform-style: preserve-3d;
    
    /* Normal state: 3D slanted parallelogram-like effect */
    transform: perspective(800px) rotateY(30deg) skewX(10deg);
    
    /* Smooth transition */
    transition: transform 0.4s ease;
    
    /* Add depth with shadows for enhanced 3D feel */
    box-shadow: 
        rgba(0, 0, 0, 0.1) 0px 10px 20px -5px,
        rgba(0, 0, 0, 0.05) 0px 5px 10px;
    
    /* Optional: Border radius to soften edges */
    border-radius: 8px;
    
    /* Ensure children inherit 3D */
    & * {
        transform-style: preserve-3d;
    }
}

/* Hover state: Normal, flat container */
.rotate-container:hover {
    transform: perspective(800px) rotateY(0deg) skewX(0deg);
    
    /* Optional: Lift effect on hover for extra polish */
    box-shadow: 
        rgba(0, 0, 0, 0.15) 0px 15px 30px -10px,
        rgba(0, 0, 0, 0.1) 0px 8px 15px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d2b2728 *//* Add this to your Elementor Custom CSS (Elementor > Custom CSS) or in an HTML widget with <style> tags */
/* Assign the class "rotate-container" to your Elementor Container widget via Advanced > CSS Classes */
/* For best 3D effect, add a parent Section or Column with perspective: 1000px; if the slant feels flat */

.rotate-container {
    /* Enable 3D space preservation */
    transform-style: preserve-3d;
    
    /* Normal state: 3D slanted parallelogram-like effect */
    transform: perspective(800px) rotateY(30deg) skewX(10deg);
    
    /* Smooth transition */
    transition: transform 0.4s ease;
    
    /* Add depth with shadows for enhanced 3D feel */
    box-shadow: 
        rgba(0, 0, 0, 0.1) 0px 10px 20px -5px,
        rgba(0, 0, 0, 0.05) 0px 5px 10px;
    
    /* Optional: Border radius to soften edges */
    border-radius: 8px;
    
    /* Ensure children inherit 3D */
    & * {
        transform-style: preserve-3d;
    }
}

/* Hover state: Normal, flat container */
.rotate-container:hover {
    transform: perspective(800px) rotateY(0deg) skewX(0deg);
    
    /* Optional: Lift effect on hover for extra polish */
    box-shadow: 
        rgba(0, 0, 0, 0.15) 0px 15px 30px -10px,
        rgba(0, 0, 0, 0.1) 0px 8px 15px;
}/* End custom CSS */