.elementor-2040 .elementor-element.elementor-element-4ea723b{--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.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-2040 .elementor-element.elementor-element-1049d32 .elementor-heading-title{font-family:"afia font", Sans-serif;font-weight:600;color:var( --e-global-color-15050c8 );}.elementor-2040 .elementor-element.elementor-element-16263df{--display:flex;--min-height:93vh;--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;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2040 .elementor-element.elementor-element-16263df:not(.elementor-motion-effects-element-type-background), .elementor-2040 .elementor-element.elementor-element-16263df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://afia.pimula.host/wp-content/uploads/2026/02/bg-afia-copy.webp");}.elementor-2040 .elementor-element.elementor-element-539664a .elementor-heading-title{font-family:"afia font", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-moreless__toggle{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-jet-smart-filters-checkboxes .apply-filters__button, .elementor-widget-jet-smart-filters-checkboxes .jet-filter-items-dropdown__apply-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-collapse-icon{width:20px;height:20px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-collapse-none{width:20px;height:20px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-filters-counter{padding-left:5px;}.rtl .elementor-2040 .elementor-element.elementor-element-570cd4d .jet-filters-counter{padding-right:5px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-filter+.jet-filter{margin-top:10px;}.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-2040 .elementor-element.elementor-element-8a6f310{--spacer-size:20px;}.elementor-2040 .elementor-element.elementor-element-8e0b3b0 .elementor-heading-title{font-family:"afia font", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-collapse-icon{width:20px;height:20px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-collapse-none{width:20px;height:20px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-filters-counter{padding-left:5px;}.rtl .elementor-2040 .elementor-element.elementor-element-990ac2b .jet-filters-counter{padding-right:5px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-filter+.jet-filter{margin-top:10px;}.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-2040 .elementor-element.elementor-element-c44d86c{--spacer-size:20px;}.elementor-2040 .elementor-element.elementor-element-1e5c7d5 .elementor-heading-title{font-family:"afia font", Sans-serif;font-size:20px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__row{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-top:calc(10px/2);margin-bottom:calc(10px/2);}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-list-tree__children{display:inline-block;margin-right:calc(5px/2);margin-left:calc(5px/2);padding-left:10px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list-wrapper{margin-left:calc(-5px/2);margin-right:calc(-5px/2);margin-top:calc(-10px/2);margin-bottom:calc(-10px/2);}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__decorator{width:16px;height:16px;min-width:16px;min-height:16px;margin-right:5px;}.rtl .elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__decorator{margin-left:5px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__checked-icon{font-size:12px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-collapse-icon{width:20px;height:20px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-collapse-none{width:20px;height:20px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-filters-counter{padding-left:5px;}.rtl .elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-filters-counter{padding-right:5px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-filter+.jet-filter{margin-top:10px;}.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-select[data-hierarchical="1"] + .jet-select[data-hierarchical="1"]{margin-top:10px;}.elementor-2040 .elementor-element.elementor-element-58922bf{--spacer-size:50px;}#elementor-popup-modal-2040 .dialog-widget-content{background-color:var( --e-global-color-secondary );box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-2040{background-color:rgba(0,0,0,.8);justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-2040 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-2040 .dialog-close-button{display:flex;}#elementor-popup-modal-2040 .dialog-close-button i{color:var( --e-global-color-15050c8 );}#elementor-popup-modal-2040 .dialog-close-button svg{fill:var( --e-global-color-15050c8 );}#elementor-popup-modal-2040 .dialog-close-button:hover i{color:var( --e-global-color-15050c8 );}/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-570cd4d *//* 1. Set up the Grid Layout for the container */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Adjust spacing between cards */
}

/* Reset default list item styles */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
}

/* 2. Style the Label as a Container */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__item {
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 130px;
}

/* 3. Hide the default elements (native checkbox and original checkmark) */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__input,
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 4. Create the Card Look using the Button Div */
/* This element becomes the visible "Card" */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    /* Card Dimensions & Background */
    width: 110px;  /* Adjust width as needed */
    height: 110px; /* Adjust height as needed */
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Soft shadow */
    transition: all 0.3s ease;
    border: 1px solid transparent; /* Placeholder for active state */
}

/* Hover Effect */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__item:hover .jet-checkboxes-list__button {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* 5. Insert the Icon Image */
/* We use ::before to insert the image URL you provided */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__button::before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    
    /* The Image URL provided */
    background-image: url('/wp-content/uploads/2026/02/icons8-greek-salad201.png');
    background-size: 28px; /* Size of the icon inside the circle */
    background-repeat: no-repeat;
    background-position: center;
    
    /* Circle styling around the icon */
    border: 1px solid #333; /* Dark thin border like the example */
    border-radius: 50%;
    margin-bottom: 12px; /* Space between image and text */
}

/* 6. Style the Text */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__label {
    font-family: sans-serif; /* Use your theme font */
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 1.2;
     font-family: "afia font";
}

/* 7. Active / Checked State */
/* When the hidden input is checked, change the style of the sibling button */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    border-color: #333; /* Dark border when selected */
    background-color: #fff; 
}

/* Optional: Highlight text when selected */
.elementor-2040 .elementor-element.elementor-element-570cd4d .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #000;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-990ac2b *//* 1. Set up the Grid Layout for the container */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Adjust spacing between cards */
}

/* Reset default list item styles */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__row {
    margin: 0 !important;
    padding: 0 !important;
    width: auto;
}

/* 2. Style the Label as a Container */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__item {
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 130px;
}

/* 3. Hide the default elements (native checkbox and original checkmark) */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__input,
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 4. Create the Card Look using the Button Div */
/* This element becomes the visible "Card" */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    
    /* Card Dimensions & Background */
    width: 110px;  /* Adjust width as needed */
    height: 110px; /* Adjust height as needed */
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); /* Soft shadow */
    transition: all 0.3s ease;
    border: 1px solid transparent; /* Placeholder for active state */
}

/* Hover Effect */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__item:hover .jet-checkboxes-list__button {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

/* 5. Insert the Icon Image */
/* We use ::before to insert the image URL you provided */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__button::before {
    content: "";
    display: block;
    width: 45px;
    height: 45px;
    
    /* The Image URL provided */
    background-image: url('/wp-content/uploads/2026/02/icons8-greek-salad201.png');
    background-size: 28px; /* Size of the icon inside the circle */
    background-repeat: no-repeat;
    background-position: center;
    
    /* Circle styling around the icon */
    border: 1px solid #333; /* Dark thin border like the example */
    border-radius: 50%;
    margin-bottom: 12px; /* Space between image and text */
}

/* 6. Style the Text */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__label {
    font-family: sans-serif; /* Use your theme font */
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 1.2;
     font-family: "afia font";
}

/* 7. Active / Checked State */
/* When the hidden input is checked, change the style of the sibling button */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    border-color: #333; /* Dark border when selected */
    background-color: #fff; 
}

/* Optional: Highlight text when selected */
.elementor-2040 .elementor-element.elementor-element-990ac2b .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button .jet-checkboxes-list__label {
    color: #000;
    font-weight: 600;
}/* End custom CSS */
/* Start custom CSS for jet-smart-filters-checkboxes, class: .elementor-element-cbb46ab *//* 1. Flex Layout to align items horizontally */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between buttons */
}

/* Reset row margins */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__row {
    margin: 0 !important;
    width: auto;
}

/* 2. Hide the default checkbox and the checkmark icon */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__input,
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__decorator {
    display: none !important;
}

/* 3. Style the "Pill" Button */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__button {
    display: block;
    background-color: #346b46; /* The Green color from your image */
    color: #ffffff;
    padding: 10px 25px; /* Adjust padding for size */
    border-radius: 50px; /* Makes the edges completely round (Pill shape) */
    font-size: 15px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    text-align: center;
    border: 1px solid transparent;
    font-family: "afia font";
}

/* 4. Hover Effect */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__item:hover .jet-checkboxes-list__button {
    background-color: #2a5538; /* Slightly darker green on hover */
    transform: translateY(-2px); /* Slight lift effect */
}

/* 5. Active / Selected State */
/* This styles the button when the user clicks it */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__input:checked + .jet-checkboxes-list__button {
    background-color: #1e3d29; /* Darker green to show it is active */
    box-shadow: inset 0 3px 5px rgba(0,0,0,0.2); /* "Pressed" inner shadow */
}

/* Ensure label text color stays white */
.elementor-2040 .elementor-element.elementor-element-cbb46ab .jet-checkboxes-list__label {
    color: inherit;
}/* End custom CSS */