.elementor-1633 .elementor-element.elementor-element-788b4443{--display:flex;--min-height:300px;--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;--flex-wrap:wrap;--border-radius:15px 15px 15px 15px;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-1633 .elementor-element.elementor-element-788b4443:not(.elementor-motion-effects-element-type-background), .elementor-1633 .elementor-element.elementor-element-788b4443 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1633 .elementor-element.elementor-element-24d6608c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1633 .elementor-element.elementor-element-5a954b0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1633 .elementor-element.elementor-element-137fecea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-1633{margin:0px 0px 0px 0px;}@media(min-width:768px){.elementor-1633 .elementor-element.elementor-element-788b4443{--content-width:1060px;}.elementor-1633 .elementor-element.elementor-element-24d6608c{--width:32%;}.elementor-1633 .elementor-element.elementor-element-5a954b0{--width:32%;}.elementor-1633 .elementor-element.elementor-element-137fecea{--width:32%;}}/* Start custom CSS for html, class: .elementor-element-5dc20912 */.card-container {
            display: flex; /* Added display: flex */
            flex-direction: column;
            
            width: 105%; /* Adjust as needed */
            max-width: 500px; /* Max width to keep it looking good */
        }

        /* --- Styling for ALL cards --- */
        .card {
            display: flex;
            align-items: center;
            
            margin: 6px 0px 6px 0px;
            padding: 10px 14px; /* Updated padding here */
            border-radius: 12px;
            
            cursor: pointer;
            transition: all 0.3s ease; /* Smooth transition for lift/shadow */
        }

        .card:hover {
            border-radius: 10px;
            border: 1px solid #f2f2f2;
            transform: translateY(-5px); /* Slightly lift the card */
            
        }

        /* --- Link Styling within the card --- */
        .card-link {
            display: flex; /* Make the anchor tag a flex container */
            align-items: center;
            width: 100%; /* Make the link take full width of the card */
            text-decoration: none; /* Remove underline from link */
            color: inherit; /* Inherit color from parent for text if not specified */
        }

        /* --- Icon Wrapper Styling (consistent for all) --- */
       .icon-wrapper {
    width: 38px; /* Example fixed width (adjust as needed) */
    height: 38px; /* Example fixed height (adjust as needed) */
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px; /* Adjust icon size */
    flex-shrink: 0; /* Prevent icon from shrinking */
    margin-right: 15px; /* Consistent margin for icon and text */
    box-sizing: border-box; /* Ensures width/height includes padding/border if you add them back */

    /* Default icon colors */
    background-color: #f0f2f5; /* Light grey background */
    color: #C83E34; /* Initial red icon color */
    transition: background-color 0.3s ease, color 0.3s ease; /* Animate color changes */
}
        .card:hover .icon-wrapper {
            /* Icon color change on hover */
            background-color: #C83E34; /* Red background on hover */
            color: #ffffff; /* White icon color on hover */
            /* Removed redundant box-shadow here, as it's handled by .card:hover */
             box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.3);
        }

        /* --- Card Text Styling (consistent for all) --- */
        .card-text {
            font-size: 15px; /* Updated font size */
            color: #333;
            font-weight: 500;
            flex-grow: 1; /* Allows text to push arrow to the right */
            white-space: nowrap; /* Prevent text wrapping */
        }

        /* --- Arrow Icon Styling (consistent for all) --- */
        .arrow-icon {
            color: #C83E34; /* Initial red arrow color */
            font-size: 20px;
            margin-left: 10px; /* Space between text and arrow */
            flex-shrink: 0; /* Prevent arrow from shrinking */
            opacity: 0; /* Initially hidden */
            transition: opacity 0.3s ease; /* Smooth transition for arrow appearance */
        }

        .card:hover .arrow-icon {
            opacity: 1; /* Make visible on hover */
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-788b4443 */.elementor-1633 .elementor-element.elementor-element-788b4443:not(.elementor-motion-effects-element-type-background), .elementor-1633 .elementor-element.elementor-element-788b4443 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    
    margin-top: 20px;
}/* End custom CSS */