.elementor-55585 .elementor-element.elementor-element-6a13a0c{--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;--background-transition:0.3s;}.elementor-55585 .elementor-element.elementor-element-4fd0821{--display:flex;--background-transition:0.3s;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-55585 .elementor-element.elementor-element-a78b6a0{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;}.elementor-55585 .elementor-element.elementor-element-a78b6a0.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-55585 .elementor-element.elementor-element-3eeee10{--display:flex;--background-transition:0.3s;}@media(max-width:767px){.elementor-55585 .elementor-element.elementor-element-a78b6a0{width:100%;max-width:100%;}}/* Start custom CSS for html, class: .elementor-element-e40d40d *//* Import Roboto font if not already loaded by Elementor */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

/* Main Grid Container */
.elementor-custom-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns, equal width */
    gap: 20px; /* Spacing between tiles */
    max-width: 1200px; /* Max width for the entire grid */
    margin: 0 auto; /* Center the grid */
    padding: 20px 0; /* Vertical padding for the grid */
}

/* Individual Tile Styling */
.grid-tile {
    background-color: #F8F8F8; /* Very light gray */
    border: 1px solid #E0E0E0; /* Light gray border */
    border-radius: 8px; /* Rounded corners */
    padding: 25px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between; /* Pushes button to bottom */
    align-items: center;
    min-height: 180px; /* Ensure uniform tile height */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth hover effects */
}

.grid-tile:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1); /* Enhanced shadow on hover */
    transform: translateY(-5px); /* Slight lift effect */
    background-color: #EBF2F6; /* Very light blue on hover */
}

/* Tile Title Styling */
.tile-title {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 700; /* Bold for titles */
    color: #333333; /* Dark gray text */
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1.3;
}

/* Button Styling */
.tile-button {
    font-family: 'Roboto', sans-serif;
    background-color: #8A2BE2; /* Amethyst purple */
    color: #FFFFFF!important; /* White text */
    padding: 12px 25px;
    border-radius: 5px;
    text-decoration: none; /* Remove underline */
    font-size: 16px;
    font-weight: 700;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: inline-block; /* Allows padding and transitions */
    margin-top: auto; /* Pushes button to the bottom if content above varies */
}

.tile-button:hover {
    background-color: #6A1BAE; /* Darker purple on hover */
    transform: translateY(-2px); /* Slight lift on button hover */
    color: #FFFFFF; /* Ensure text remains white on hover */
}

/* Responsive adjustments */
@media (max-width: 992px) {
    .elementor-custom-grid-container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on tablets */
    }
}

@media (max-width: 576px) {
    .elementor-custom-grid-container {
        grid-template-columns: 1fr; /* 1 column on mobile */
    }
    .grid-tile {
        min-height: unset; /* Remove min-height for better mobile flow */
    }
}/* End custom CSS */