.elementor-1674 .elementor-element.elementor-element-c0f7a18{--display:flex;}.elementor-1674 .elementor-element.elementor-element-836f341{--display:flex;border-style:none;--border-style:none;}.elementor-1674 .elementor-element.elementor-element-f6773ea{--display:flex;border-style:none;--border-style:none;}.elementor-1674 .elementor-element.elementor-element-39f3486{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-1674 .elementor-element.elementor-element-39f3486 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:solid;border-color:#F1F1F1;}:where( .elementor-1674 .elementor-element.elementor-element-39f3486 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-family:"Plus Jakarta Sans", Sans-serif;}.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-1674 .elementor-element.elementor-element-93727ba{border-style:solid;border-color:#F1F1F1;}.elementor-1674 .elementor-element.elementor-element-93727ba .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#1F2124;}.elementor-1674 .elementor-element.elementor-element-e8d9c58{--display:flex;}.elementor-1674 .elementor-element.elementor-element-162d111{--display:flex;}.elementor-1674 .elementor-element.elementor-element-7bd934d .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-weight:400;color:#1F2124;}.elementor-1674 .elementor-element.elementor-element-503e39f{width:100%;max-width:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1674 .elementor-element.elementor-element-a272899 .elementor-button{background-color:#FFFFFF;font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:500;fill:#281B1B;color:#281B1B;border-style:solid;border-width:1px 1px 1px 1px;border-color:#281B1B5C;border-radius:16px 16px 16px 16px;padding:12px 20px 12px 20px;}.elementor-1674 .elementor-element.elementor-element-a272899 .elementor-button:hover, .elementor-1674 .elementor-element.elementor-element-a272899 .elementor-button:focus{background-color:#FBEBEA;color:#C83E34;border-color:#C83E34;}.elementor-1674 .elementor-element.elementor-element-a272899 .elementor-button:hover svg, .elementor-1674 .elementor-element.elementor-element-a272899 .elementor-button:focus svg{fill:#C83E34;}.elementor-1674 .elementor-element.elementor-element-39891fc .elementor-button{background-color:#C83E34;font-family:"Plus Jakarta Sans", Sans-serif;font-size:15px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#C83E34;border-radius:16px 16px 16px 16px;padding:12px 20px 12px 20px;}.elementor-1674 .elementor-element.elementor-element-39891fc .elementor-button:hover, .elementor-1674 .elementor-element.elementor-element-39891fc .elementor-button:focus{background-color:#FBEBEA;color:#C83E34;border-color:#C83E34;}.elementor-1674 .elementor-element.elementor-element-39891fc .elementor-button:hover svg, .elementor-1674 .elementor-element.elementor-element-39891fc .elementor-button:focus svg{fill:#C83E34;}#elementor-popup-modal-1674 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-1674{justify-content:center;align-items:center;}#elementor-popup-modal-1674 .dialog-widget-content{border-style:solid;border-color:#F1F1F1;}@media(max-width:767px){.elementor-1674 .elementor-element.elementor-element-c0f7a18{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1674 .elementor-element.elementor-element-836f341{--padding-top:15px;--padding-bottom:15px;--padding-left:24px;--padding-right:30px;}.elementor-1674 .elementor-element.elementor-element-f6773ea{--padding-top:15px;--padding-bottom:15px;--padding-left:24px;--padding-right:30px;}.elementor-1674 .elementor-element.elementor-element-39f3486{--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;}.elementor-1674 .elementor-element.elementor-element-39f3486 > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-width:0px 0px 1px 0px;}.elementor-1674 .elementor-element.elementor-element-39f3486 {--n-accordion-padding:15px 24px 15px 24px;}.elementor-1674 .elementor-element.elementor-element-93727ba{padding:0px 24px 17px 24px;border-width:0px 0px 1px 0px;}.elementor-1674 .elementor-element.elementor-element-93727ba .elementor-heading-title{font-size:16px;}.elementor-1674 .elementor-element.elementor-element-e8d9c58{--margin-top:6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1674 .elementor-element.elementor-element-162d111{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:35px 0px;--row-gap:35px;--column-gap:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:24px;--padding-right:24px;}.elementor-1674 .elementor-element.elementor-element-7bd934d{width:100%;max-width:100%;}.elementor-1674 .elementor-element.elementor-element-7bd934d .elementor-heading-title{font-size:15px;}.elementor-1674 .elementor-element.elementor-element-a272899{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}.elementor-1674 .elementor-element.elementor-element-39891fc{width:var( --container-widget-width, 49% );max-width:49%;--container-widget-width:49%;--container-widget-flex-grow:0;}#elementor-popup-modal-1674 .dialog-widget-content{border-width:1px 0px 0px 0px;margin:155px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-cbb0dde */.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 html, class: .elementor-element-864a1cc */.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 html, class: .elementor-element-cbb0dde */.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 html, class: .elementor-element-864a1cc */.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 html, class: .elementor-element-cbb0dde */.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 html, class: .elementor-element-864a1cc */.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 button, class: .elementor-element-a272899 */.elementor-1674 .elementor-element.elementor-element-a272899 { cursor: pointer; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-39891fc */.elementor-1674 .elementor-element.elementor-element-39891fc { cursor: pointer; }/* End custom CSS */