.processes .wrapper { flex-direction: column; align-items: center; text-align: center; }
.component-start .headings { display: flex; flex-direction: column; }
/* .component-middle { display: flex; justify-content: space-between; list-style: none; padding: 0; gap: 20px; width: 100%; } */
.component-end { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
.element.process { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }
.element.process.big-element { flex: 1.8; }
.element.process .block { background-color: #ffffff; border: 2px solid var(--e-global-color-primary); border-radius: 60px; padding: 45px 25px 100px; width: 100%; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.element.process.big-element .block { background-color: #e9e9ff; border: none; }
.element.process .headings { margin-bottom: 15px; }
.element.process .minititle { display: inline-block; font-size: 60px; font-family: var(--e-global-font-family); font-weight: 400; color: var(--e-global-color-primary); margin: 0 0 15px 0; line-height: 90px; width: 100%; text-align: left; }
.element.process .title { font-size: 24px; font-family: var(--e-global-font-family-secondary); font-weight: 700; color: var(--e-global-color-primary); margin: 0; }
.element.process .text { line-height: 1.5; margin: 0; flex-grow: 1; }
.element.process .media { position: absolute; right: 30px; bottom: 34px; width: 44px; height: 44px; display: flex; align-items: flex-end; justify-content: flex-end; }
.onlymobile { display: none; }
/* .component-middle { align-items: stretch; } */
.element.process .media.onlymobile { display: none; }
.accordion-content .button-with-arrow.btn--link span { color: #fff; }
.accordion-content .button-with-arrow.btn--link svg path { stroke: currentColor; }
.accordion-heading { padding-bottom: 30px; max-width: 680px; margin: 0 auto; }
.accordion-heading p { max-width: 470px; margin: 0 auto; }
.accordion-header.focused  { transition: all 0.1s ease-in-out; outline: solid 2px #639af9 !important; outline-offset: 0; }
.processes ul.component-middle { flex-wrap: wrap; }
@media (min-width: 1124px){
    .element.process { min-width: 335px; max-width: 335px; }
    .element.process.big-element { min-width: 350px; max-width: inherit; }
    
}
@media (max-width: 1123px){
    /* .component-middle { gap: 30px; flex-direction: column; } */
    .element.process .block { padding: 30px; min-height: auto; }
    .element.process .media.desktop-mobile,
    .element.process .media.onlymobile { display: flex; }
    .element.process .media { display: none; position: relative; left: 0; bottom: 0; margin-left: auto; margin-top: 20px; }
}
@media (max-width: 1123px){
    .element.process .title { font-size: 20px; }
    /* .component-middle { grid-template-columns: repeat(1, 1fr);} */
}


.processes .wrapper { flex-direction: column; align-items: center; text-align: center; }
.component-start { width: 100%; }
.component-start .headings { display: flex; flex-direction: column; }
.processes .component-middle { display: flex; justify-content: space-between; list-style: none; padding: 0; gap: 20px; width: 100%; } 
.component-end { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
.element.process { flex: 1; display: flex; flex-direction: column; align-items: center; position: relative; }
.element.process.big-element { flex: 1.8; }
.element.process .block { background-color: #ffffff; border: 2px solid var(--e-global-color-primary); border-radius: 60px; padding: 45px 25px 100px; width: 100%; position: relative; transition: all 0.3s ease; display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.element.process.big-element .block { background-color: #e9e9ff; border: none; }
.element.process .headings { margin-bottom: 15px; }
.element.process .minititle { display: inline-block; font-size: 60px; font-family: var(--e-global-font-family); font-weight: 400; color: var(--e-global-color-primary); margin: 0 0 15px 0; line-height: 90px; }
.element.process .title { font-size: 24px; font-family: var(--e-global-font-family-secondary); font-weight: 700; color: var(--e-global-color-primary); margin: 0; text-align: left; }
.element.process .text { line-height: 1.5; margin: 0; flex-grow: 1; }
.element.process .media { position: absolute; right: 30px; bottom: 34px; width: 44px; height: 44px; display: flex; align-items: flex-end; justify-content: flex-end; }
.onlymobile { display: none; }
.processes .component-middle { align-items: stretch; }
.element.process .media.onlymobile { display: none; }
.accordion-content .button-with-arrow.btn--link span { color: #fff; }
.accordion-content .button-with-arrow.btn--link svg path { stroke: currentColor; }
.accordion-heading { padding-bottom: 30px; max-width: 680px; margin: 0 auto; }
.accordion-heading p { max-width: 470px; margin: 0 auto; }
.accordion-header.focused  { transition: all 0.1s ease-in-out; outline: solid 2px #639af9 !important; outline-offset: 0; }
.processes .headings { text-align: center; }
@media (max-width: 1123px){
    .processes .component-middle { gap: 30px; flex-direction: column; }
    .element.process .block { padding: 30px; min-height: auto; }
    .element.process .media.desktop-mobile,
    .element.process .media.onlymobile { display: flex; }
    .element.process .media { display: none; position: relative; left: 0; bottom: 0; margin-left: auto; margin-top: 20px; }
    .element.process .title { font-size: 20px; }
    .processes .component-middle { grid-template-columns: repeat(1, 1fr);}
}
/* Button Hover Icon Styles */
.processes .button-with-arrow .hover-button-icon { display: none !important; opacity: 0; transition: opacity 0.3s ease; }
.processes .button-with-arrow .button-icon:not(.hover-button-icon) { display: inline-block; opacity: 1; transition: opacity 0.3s ease; }
.processes .button-with-arrow:hover .button-icon:not(.hover-button-icon) { display: none !important; opacity: 0; }
.processes .button-with-arrow:hover .hover-button-icon { display: inline-block !important; opacity: 1; }
/* Button Container - Ensure flexbox for spacing */
.processes .btn-ctas { display: flex; flex-wrap: wrap; }
/* Content Alignment - Elementor alignment classes for editor and frontend */
/* Title Section Alignment */
.processes .component-start .headings.elementor-align-left { align-items: flex-start !important; }
.processes .component-start .headings.elementor-align-center { align-items: center !important; }
.processes .component-start .headings.elementor-align-right { align-items: flex-end !important; }
/* Eyebrow Text Alignment - Direct targeting for flex children */
.processes .component-start.elementor-align-left .eyebrow,
.processes .component-start .headings.elementor-align-left .eyebrow { text-align: left !important; }
.processes .component-start.elementor-align-center .eyebrow,
.processes .component-start .headings.elementor-align-center .eyebrow { text-align: center !important; }
.processes .component-start.elementor-align-right .eyebrow,
.processes .component-start .headings.elementor-align-right .eyebrow { text-align: right !important; }
/* Steps Alignment - Container */
.processes .component-middle.elementor-align-left { justify-content: flex-start !important; }
.processes .component-middle.elementor-align-center { justify-content: center !important; }
.processes .component-middle.elementor-align-right { justify-content: flex-end !important; }

/* Steps Content Alignment - Inside each step block */
.processes .element.process .block.elementor-align-left { text-align: left !important; }
.processes .element.process .block.elementor-align-center { text-align: center !important; }
.processes .element.process .block.elementor-align-right { text-align: right !important; }
/* Buttons Alignment */
.processes .btn-ctas.elementor-align-left { justify-content: flex-start !important; }
.processes .btn-ctas.elementor-align-center { justify-content: center !important; }
.processes .btn-ctas.elementor-align-right { justify-content: flex-end !important; }
/* Content Alignment - Responsive support via data attributes */
@media (max-width: 1024px) {
    /* Title Section */
    .processes .component-start .headings[data-alignment-tablet="flex-start"] { align-items: flex-start !important; }
    .processes .component-start .headings[data-alignment-tablet="center"] { align-items: center !important; }
    .processes .component-start .headings[data-alignment-tablet="flex-end"] { align-items: flex-end !important; }
    /* Eyebrow Text - Tablet */
    .processes .component-start[data-alignment-tablet="left"] .eyebrow,
    .processes .component-start .headings[data-alignment-tablet="flex-start"] .eyebrow { text-align: left !important; }
    .processes .component-start[data-alignment-tablet="center"] .eyebrow,
    .processes .component-start .headings[data-alignment-tablet="center"] .eyebrow { text-align: center !important; }
    .processes .component-start[data-alignment-tablet="right"] .eyebrow,
    .processes .component-start .headings[data-alignment-tablet="flex-end"] .eyebrow { text-align: right !important; }
    /* Steps Container */
    .processes .component-middle[data-alignment-tablet="flex-start"] { justify-content: flex-start !important; }
    .processes .component-middle[data-alignment-tablet="center"] { justify-content: center !important; }
    .processes .component-middle[data-alignment-tablet="flex-end"] { justify-content: flex-end !important; }
    /* Steps Content */
    .processes .element.process .block[data-alignment-tablet="left"] { text-align: left !important; }
    .processes .element.process .block[data-alignment-tablet="center"] { text-align: center !important; }
    .processes .element.process .block[data-alignment-tablet="right"] { text-align: right !important; }
    /* Buttons */
    .processes .btn-ctas[data-alignment-tablet="flex-start"] { justify-content: flex-start !important; }
    .processes .btn-ctas[data-alignment-tablet="center"] { justify-content: center !important; }
    .processes .btn-ctas[data-alignment-tablet="flex-end"] { justify-content: flex-end !important; }
}
@media (max-width: 767px) {
    /* Title Section */
    .processes .component-start .headings[data-alignment-mobile="flex-start"] { align-items: flex-start !important; }
    .processes .component-start .headings[data-alignment-mobile="center"] { align-items: center !important; }
    .processes .component-start .headings[data-alignment-mobile="flex-end"] { align-items: flex-end !important; }
    /* Eyebrow Text - Mobile */
    .processes .component-start[data-alignment-mobile="left"] .eyebrow,
    .processes .component-start .headings[data-alignment-mobile="flex-start"] .eyebrow { text-align: left !important; }
    .processes .component-start[data-alignment-mobile="center"] .eyebrow,
    .processes .component-start .headings[data-alignment-mobile="center"] .eyebrow { text-align: center !important; }
    .processes .component-start[data-alignment-mobile="right"] .eyebrow,
    .processes .component-start .headings[data-alignment-mobile="flex-end"] .eyebrow { text-align: right !important; }
    /* Steps Container */
    .processes .component-middle[data-alignment-mobile="flex-start"] { justify-content: flex-start !important; }
    .processes .component-middle[data-alignment-mobile="center"] { justify-content: center !important; }
    .processes .component-middle[data-alignment-mobile="flex-end"] { justify-content: flex-end !important; }
    /* Steps Content */
    .processes .element.process .block[data-alignment-mobile="left"] { text-align: left !important; }
    .processes .element.process .block[data-alignment-mobile="center"] { text-align: center !important; }
    .processes .element.process .block[data-alignment-mobile="right"] { text-align: right !important; }
    /* Buttons */
    .processes .btn-ctas[data-alignment-mobile="flex-start"] { justify-content: flex-start !important; }
    .processes .btn-ctas[data-alignment-mobile="center"] { justify-content: center !important; }
    .processes .btn-ctas[data-alignment-mobile="flex-end"] { justify-content: flex-end !important; }
}
a.animated-button.text-button { display: flex; align-items: center; }
.animated-button.text-button .icon-right { margin-left: 10px; }