.elementor-1026 .elementor-element.elementor-element-1e1af92d{--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-1026 .elementor-element.elementor-element-bfd5445{--display:flex;--min-height:400px;--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;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-bfd5445:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-bfd5445 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-43653c8{--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:30px;--margin-bottom:0px;--margin-left:60px;--margin-right:-40px;}.elementor-1026 .elementor-element.elementor-element-43653c8.e-con{--order:-99999 /* order start hack */;}.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-1026 .elementor-element.elementor-element-f12c9ad{text-align:start;}.elementor-1026 .elementor-element.elementor-element-f12c9ad .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;}.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-1026 .elementor-element.elementor-element-4375c7b{font-family:"Roboto", Sans-serif;font-weight:500;line-height:30px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1026 .elementor-element.elementor-element-44da186 .elementor-button{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-e1cd270{--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:stretch;}.elementor-1026 .elementor-element.elementor-element-9335339{--display:flex;--min-height:400px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-9335339:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-9335339 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2025/12/enterprise1.webp");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-c614177{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-c614177.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-c614177 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-3fb9071{width:var( --container-widget-width, 100.227% );max-width:100.227%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.227%;--container-widget-flex-grow:0;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-3fb9071.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-979135a .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-eaa545f{--display:flex;--min-height:400px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-eaa545f:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-eaa545f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2026/01/Cinnamoevents-Company-Catering-1.jpg");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-3e929c2{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-3e929c2.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-3e929c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-d1bad00{width:var( --container-widget-width, 100.227% );max-width:100.227%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.227%;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-d1bad00.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-b1103eb .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-924c3c4{--display:flex;--min-height:400px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-924c3c4:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-924c3c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2026/01/delicious-canapes-arrangement-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-8a7134d{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-8a7134d.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-8a7134d .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-7dd55ec{width:var( --container-widget-width, 100.227% );max-width:100.227%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.227%;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-7dd55ec.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-c67d006 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-404857c{--display:flex;--min-height:400px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-404857c:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-404857c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2026/01/office-party-scaled.jpg");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-72688c5{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-72688c5.elementor-element{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-72688c5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-e32acda{width:var( --container-widget-width, 100.227% );max-width:100.227%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.227%;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-e32acda.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-1dcb711 .elementor-button{fill:#FFFFFF;color:#FFFFFF;border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-a15ffd2{--display:flex;--min-height:400px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-a15ffd2:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-a15ffd2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2026/01/pantry-fillup-1.jpeg");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-64d5f2c{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-64d5f2c.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-64d5f2c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-de4c823{width:var( --container-widget-width, 100.227% );max-width:100.227%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.227%;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-de4c823.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-60665bb .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-72be6be{--display:flex;--min-height:400px;--border-radius:25px 25px 25px 25px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1026 .elementor-element.elementor-element-72be6be:not(.elementor-motion-effects-element-type-background), .elementor-1026 .elementor-element.elementor-element-72be6be > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2026/01/School-Catering.jpg");background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-ec88a01{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1026 .elementor-element.elementor-element-ec88a01.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-ec88a01 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-1026 .elementor-element.elementor-element-b739ec5{width:var( --container-widget-width, 100.227% );max-width:100.227%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100.227%;--container-widget-flex-grow:0;}.elementor-1026 .elementor-element.elementor-element-b739ec5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-67eb287 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-1026 .elementor-element.elementor-element-594c65a{--display:flex;--min-height:450px;--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:stretch;}.elementor-1026 .elementor-element.elementor-element-594c65a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1026 .elementor-element.elementor-element-4293c43{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1026 .elementor-element.elementor-element-0fb122d{--display:flex;}.elementor-1026 .elementor-element.elementor-element-82933d3{--display:flex;}.elementor-1026 .elementor-element.elementor-element-fafef0e{--display:flex;}.elementor-1026 .elementor-element.elementor-element-a983d36{--display:flex;}.elementor-1026 .elementor-element.elementor-element-669b2dc{--display:flex;}.elementor-1026 .elementor-element.elementor-element-16e4670{--n-accordion-title-font-size:1rem;border-radius:16px 16px 16px 16px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1026 .elementor-element.elementor-element-dae7a98{--display:flex;--min-height:350px;--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.91;--border-radius:20px 20px 20px 20px;}.elementor-1026 .elementor-element.elementor-element-dae7a98::before, .elementor-1026 .elementor-element.elementor-element-dae7a98 > .elementor-background-video-container::before, .elementor-1026 .elementor-element.elementor-element-dae7a98 > .e-con-inner > .elementor-background-video-container::before, .elementor-1026 .elementor-element.elementor-element-dae7a98 > .elementor-background-slideshow::before, .elementor-1026 .elementor-element.elementor-element-dae7a98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1026 .elementor-element.elementor-element-dae7a98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://cinnamonevents.co.uk/wp-content/uploads/2025/12/cinnamonevent4-scaled.jpg");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-1026 .elementor-element.elementor-element-0c96866{--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-1026 .elementor-element.elementor-element-a5a9171{margin:10% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-1026 .elementor-element.elementor-element-a5a9171 .elementor-heading-title{color:#0F4D3A;}.elementor-1026 .elementor-element.elementor-element-db27d43 .elementor-button{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:500;border-radius:10px 10px 10px 10px;}@media(min-width:768px){.elementor-1026 .elementor-element.elementor-element-bfd5445{--width:90%;}.elementor-1026 .elementor-element.elementor-element-43653c8{--width:35%;}.elementor-1026 .elementor-element.elementor-element-9335339{--width:13%;}.elementor-1026 .elementor-element.elementor-element-eaa545f{--width:13%;}.elementor-1026 .elementor-element.elementor-element-924c3c4{--width:13%;}.elementor-1026 .elementor-element.elementor-element-404857c{--width:13%;}.elementor-1026 .elementor-element.elementor-element-a15ffd2{--width:13%;}.elementor-1026 .elementor-element.elementor-element-72be6be{--width:13%;}.elementor-1026 .elementor-element.elementor-element-594c65a{--width:90%;}.elementor-1026 .elementor-element.elementor-element-dae7a98{--width:90%;}}@media(max-width:1024px){.elementor-1026 .elementor-element.elementor-element-44da186 .elementor-button{font-size:25px;}.elementor-1026 .elementor-element.elementor-element-db27d43 .elementor-button{font-size:25px;}}@media(max-width:767px){.elementor-1026 .elementor-element.elementor-element-44da186 .elementor-button{font-size:20px;}.elementor-1026 .elementor-element.elementor-element-0c96866{--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:stretch;}.elementor-1026 .elementor-element.elementor-element-db27d43 .elementor-button{font-size:20px;}}/* Start custom CSS for container, class: .elementor-element-9335339 *//* ==========================================
   1. DESKTOP & TABLET (Smooth Horizontal Expansion)
   ========================================== */
@media (min-width: 768px) {
    .accordion-card {
        position: relative;
        flex: 0 0 100px; 
        height: 450px;
        /* Increased duration to 1.2s for a high-end, slow-motion feel */
        transition: flex 1.2s cubic-bezier(0.25, 1, 0.3, 1);
        cursor: pointer;
        overflow: hidden;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; 
        padding: 30px;
    }

    /* Target the background image for a smooth zoom */
    .accordion-card img, 
    .accordion-card .elementor-widget-container {
        transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1) !important;
        transform: scale(1);
    }

    .accordion-card:hover {
        flex: 0 0 500px; /* Slightly wider for better readability */
    }

    /* Subtle zoom effect on the image when the card expands */
    .accordion-card:hover img {
        transform: scale(1.1);
    }

    .rotating-title {
        position: relative !important;
        display: block;
        width: 350px; 
        /* Start position: Vertical and tucked away */
        transform: rotate(-90deg) translateX(40px);
        transform-origin: left center;
        /* Match the 1.2s duration of the card expansion */
        transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1), 
                    margin 1.2s cubic-bezier(0.25, 1, 0.3, 1);
        
        white-space: nowrap;
        z-index: 10;
        margin: 0 !important;
    }

    .accordion-card:hover .rotating-title {
        transform: rotate(0deg) translateX(0);
        margin-bottom: 20px !important; 
        width: 100%;
    }

    .card-description, .card-button {
        opacity: 0;
        visibility: hidden;
        transform: translateY(25px);
        /* These elements fade in toward the end of the expansion */
        transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.3, 1);
        z-index: 10;
    }

    .accordion-card:hover .card-description,
    .accordion-card:hover .card-button {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        /* Delayed so they appear once the card is wide enough */
        transition-delay: 0.6s; 
    }
}

/* ==========================================
   2. MOBILE (Static View)
   ========================================== */
@media (max-width: 767px) {
    .accordion-card {
        flex: none !important;
        width: 100% !important;
        height: auto !important; 
        min-height: 400px;
        margin-bottom: 20px;
        border-radius: 20px;
        padding: 25px !important;
    }

    .rotating-title {
        transform: none !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .card-description, .card-button {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eaa545f *//* ==========================================
   1. DESKTOP & TABLET (Smooth Horizontal Expansion)
   ========================================== */
@media (min-width: 768px) {
    .accordion-card {
        position: relative;
        flex: 0 0 100px; 
        height: 450px;
        /* Increased duration to 1.2s for a high-end, slow-motion feel */
        transition: flex 1.2s cubic-bezier(0.25, 1, 0.3, 1);
        cursor: pointer;
        overflow: hidden;
        border-radius: 30px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; 
        padding: 30px;
    }

    /* Target the background image for a smooth zoom */
    .accordion-card img, 
    .accordion-card .elementor-widget-container {
        transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1) !important;
        transform: scale(1);
    }

    .accordion-card:hover {
        flex: 0 0 500px; /* Slightly wider for better readability */
    }

    /* Subtle zoom effect on the image when the card expands */
    .accordion-card:hover img {
        transform: scale(1.1);
    }

    .rotating-title {
        position: relative !important;
        display: block;
        width: 350px; 
        /* Start position: Vertical and tucked away */
        transform: rotate(-90deg) translateX(40px);
        transform-origin: left center;
        /* Match the 1.2s duration of the card expansion */
        transition: transform 1.2s cubic-bezier(0.25, 1, 0.3, 1), 
                    margin 1.2s cubic-bezier(0.25, 1, 0.3, 1);
        
        white-space: nowrap;
        z-index: 10;
        margin: 0 !important;
    }

    .accordion-card:hover .rotating-title {
        transform: rotate(0deg) translateX(0);
        margin-bottom: 20px !important; 
        width: 100%;
    }

    .card-description, .card-button {
        opacity: 0;
        visibility: hidden;
        transform: translateY(25px);
        /* These elements fade in toward the end of the expansion */
        transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.3, 1);
        z-index: 10;
    }

    .accordion-card:hover .card-description,
    .accordion-card:hover .card-button {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        /* Delayed so they appear once the card is wide enough */
        transition-delay: 0.6s; 
    }
}

/* ==========================================
   2. MOBILE (Static View)
   ========================================== */
@media (max-width: 767px) {
    .accordion-card {
        flex: none !important;
        width: 100% !important;
        height: auto !important; 
        min-height: 400px;
        margin-bottom: 20px;
        border-radius: 20px;
        padding: 25px !important;
    }

    .rotating-title {
        transform: none !important;
        white-space: normal !important;
        width: 100% !important;
    }

    .card-description, .card-button {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-924c3c4 *//* 1. THE CARD CONTAINER */
.accordion-card {
    position: relative;
    flex: 0 0 100px; 
    height: 450px;
    /* Duration increased to 1.2s for a very smooth, slow slide */
    transition: flex 1.2s cubic-bezier(0.65, 0, 0.35, 1); 
    cursor: pointer;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    padding: 30px;
}

.accordion-card:hover {
    flex: 0 0 450px; 
}

/* 2. THE HEADING (Slower Rotation) */
.rotating-title {
    position: relative;
    /* Slowed down to 1s to match the card expansion */
    transition: all 1s cubic-bezier(0.65, 0, 0.35, 1);
    transform: rotate(-90deg) translateY(50%);
    transform-origin: left bottom;
    white-space: nowrap;
    z-index: 10;
    margin: 0;
    color: #ffffff;
    width: fit-content;
}

.accordion-card:hover .rotating-title {
    transform: rotate(0deg) translateY(0);
    margin-bottom: 15px;
}

/* 4. DESCRIPTION & BUTTON (Increased Delay) */
.card-description, 
.card-button {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    /* Slower fade in */
    transition: all 0.8s ease-out;
    /* Longer delay (0.6s) so the card is almost fully open before text appears */
    transition-delay: 0.6s; 
    z-index: 10;
}

.accordion-card:hover .card-description,
.accordion-card:hover .card-button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* 5. SMOOTH GRADIENT FADE */
.accordion-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
    pointer-events: none;
    /* Added transition to the overlay for extra smoothness */
    transition: opacity 1s ease;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-404857c *//* 1. THE CARD CONTAINER */
.accordion-card {
    position: relative;
    flex: 0 0 100px; 
    height: 450px;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    padding: 30px;
}

.accordion-card:hover {
    flex: 0 0 450px; 
}

/* 2. THE HEADING (Vertical State - LIFTED UP) */
.rotating-title {
    position: absolute !important;
    left: 50% !important;
    /* CHANGE THIS VALUE to move text higher or lower */
    bottom: 100px !important; 
    top: auto !important; 
    
    transform: translateX(-50%) rotate(-90deg);
    transform-origin: bottom center;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
    z-index: 10;
    margin: 0 !important;
    color: #ffffff;
}

/* 3. HEADING ON HOVER (Horizontal State) */
.accordion-card:hover .rotating-title {
    position: relative !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: rotate(0deg) translateX(0);
    margin-bottom: 15px !important; 
    width: 100%;
}

/* 4. DESCRIPTION & BUTTON REVEAL */
.card-description, 
.card-button {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
    z-index: 10;
}

.accordion-card:hover .card-description,
.accordion-card:hover .card-button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* 5. DARK GRADIENT OVERLAY */
.accordion-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a15ffd2 *//* 1. THE CARD CONTAINER */
.accordion-card {
    position: relative;
    flex: 0 0 100px; 
    height: 450px;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    padding: 30px;
}

.accordion-card:hover {
    flex: 0 0 450px; 
}

/* 2. THE HEADING (Vertical State - LIFTED UP) */
.rotating-title {
    position: absolute !important;
    left: 50% !important;
    /* CHANGE THIS VALUE to move text higher or lower */
    bottom: 100px !important; 
    top: auto !important; 
    
    transform: translateX(-50%) rotate(-90deg);
    transform-origin: bottom center;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
    z-index: 10;
    margin: 0 !important;
    color: #ffffff;
}

/* 3. HEADING ON HOVER (Horizontal State) */
.accordion-card:hover .rotating-title {
    position: relative !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: rotate(0deg) translateX(0);
    margin-bottom: 15px !important; 
    width: 100%;
}

/* 4. DESCRIPTION & BUTTON REVEAL */
.card-description, 
.card-button {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
    z-index: 10;
}

.accordion-card:hover .card-description,
.accordion-card:hover .card-button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* 5. DARK GRADIENT OVERLAY */
.accordion-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-72be6be *//* 1. THE CARD CONTAINER */
.accordion-card {
    position: relative;
    flex: 0 0 100px; 
    height: 450px;
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    cursor: pointer;
    overflow: hidden;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end; 
    padding: 30px;
}

.accordion-card:hover {
    flex: 0 0 450px; 
}

/* 2. THE HEADING (Vertical State - LIFTED UP) */
.rotating-title {
    position: absolute !important;
    left: 50% !important;
    /* CHANGE THIS VALUE to move text higher or lower */
    bottom: 100px !important; 
    top: auto !important; 
    
    transform: translateX(-50%) rotate(-90deg);
    transform-origin: bottom center;
    transition: all 0.5s ease-in-out;
    white-space: nowrap;
    z-index: 10;
    margin: 0 !important;
    color: #ffffff;
}

/* 3. HEADING ON HOVER (Horizontal State) */
.accordion-card:hover .rotating-title {
    position: relative !important;
    left: 0 !important;
    bottom: 0 !important;
    transform: rotate(0deg) translateX(0);
    margin-bottom: 15px !important; 
    width: 100%;
}

/* 4. DESCRIPTION & BUTTON REVEAL */
.card-description, 
.card-button {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease-in-out;
    z-index: 10;
}

.accordion-card:hover .card-description,
.accordion-card:hover .card-button {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0.3s;
}

/* 5. DARK GRADIENT OVERLAY */
.accordion-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 60%);
    z-index: 1;
    pointer-events: none;
}/* End custom CSS */