.elementor-77 .elementor-element.elementor-element-6940b90{--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-77 .elementor-element.elementor-element-e7302f5{--display:flex;}.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-77 .elementor-element.elementor-element-022202a{text-align:center;}.elementor-77 .elementor-element.elementor-element-f010a1f{text-align:center;}.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-widget-table-of-contents{--header-color:var( --e-global-color-secondary );--item-text-color:var( --e-global-color-text );--item-text-hover-color:var( --e-global-color-accent );--marker-color:var( --e-global-color-text );}.elementor-widget-table-of-contents .elementor-toc__header, .elementor-widget-table-of-contents .elementor-toc__header-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-table-of-contents .elementor-toc__list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-77 .elementor-element.elementor-element-654c3a1 .elementor-toc__header-title{text-align:start;}.elementor-77 .elementor-element.elementor-element-654c3a1 .elementor-toc__header{flex-direction:row;}.elementor-77 .elementor-element.elementor-element-654c3a1{--item-text-hover-decoration:underline;}.elementor-77 .elementor-element.elementor-element-c27262d{--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;--flex-wrap:wrap;}.elementor-77 .elementor-element.elementor-element-504f52e{--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-77 .elementor-element.elementor-element-4feb91b{--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-77 .elementor-element.elementor-element-70b6d8d{--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-77 .elementor-element.elementor-element-1e9a7ac .elementor-heading-title{color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-59da04c{--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-77 .elementor-element.elementor-element-068b612{width:100%;max-width:100%;text-align:center;}.elementor-77 .elementor-element.elementor-element-068b612.elementor-element{--align-self:center;}.elementor-77 .elementor-element.elementor-element-068b612 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-77 .elementor-element.elementor-element-b9207af{--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;}.elementor-77 .elementor-element.elementor-element-f249127{width:100%;max-width:100%;text-align:center;}.elementor-77 .elementor-element.elementor-element-f249127.elementor-element{--align-self:center;}.elementor-77 .elementor-element.elementor-element-f249127 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-77 .elementor-element.elementor-element-504f52e{--width:50%;}.elementor-77 .elementor-element.elementor-element-4feb91b{--width:50%;}.elementor-77 .elementor-element.elementor-element-70b6d8d{--width:50%;}.elementor-77 .elementor-element.elementor-element-59da04c{--width:50%;}}/* Start custom CSS *//* === Custom Purple Button Style === */

body.elementor-page-77 .purple-btn {
    display: inline-block;
    padding: 20px 36px; /* Controls outer button size */
    font-size: 18px; /* Affects text if directly inside, but text is in .inner */
    font-weight: 600; /* Affects text if directly inside */
    text-align: center;
    color: #ffffff; /* Default text color (overridden by .inner) */
    /* === CHANGE 1: Outer background to a purple gradient === */
    background: linear-gradient(135deg, #ab47bc, #7b1fa2); /* Example: Light Purple to Deeper Purple */
    border: none;
    border-radius: 15px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    position: relative;
    overflow: hidden;
    min-width: 180px;
}

/* Ensure the text color applies correctly, overriding Elementor defaults */
.purple-btn .elementor-button-text,
.purple-btn .elementor-button-link, /* Target potential inner link */
.purple-btn .elementor-button { /* Target button element itself if needed */
    color: #FFFFFF !important;
    text-decoration: none; /* Remove underline from inner link */
    background: none; /* Prevent inner elements from having their own background */
}


/* Inner Button Styles */
body.elementor-page-77 .purple-btn .inner {
    /* === KEPT: This is already purple as requested === */
    background: #800080; /* Purple inner button */
    padding: 14px 24px; /* Controls inner button size */
    border-radius: 10px;
    color: white; /* Text color */
    font-weight: bold;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    display: inline-block; /* Important for padding to work correctly */
}

/* Outer Button Hover Styles */
body.elementor-page-77 .purple-btn:hover {
    /* === CHANGE 2: Outer background on hover to a darker purple gradient === */
    background: linear-gradient(135deg, #7b1fa2, #4a148c); /* Example: Deeper Purple to Very Dark Purple */
    transform: translateY(-3px);
    /* === CHANGE 3 (Optional): Adjust shadow color to match purple theme === */
    box-shadow: 0 8px 16px rgba(74, 20, 140, 0.5); /* Shadow based on darker purple */
}

/* Inner Button Hover Styles */
body.elementor-page-77 .purple-btn:hover .inner {
     /* === KEPT: This is already a darker purple on hover as requested === */
    background: #660066; /* Darker purple on hover */
}/* End custom CSS */